.epoch-range-name{padding:24px;border-bottom:1px solid var(--line)}.epoch-range-name span{font-size:11px;color:var(--muted);letter-spacing:1px;text-transform:uppercase}.epoch-range-name h2{font-family:Georgia,serif;font-size:30px;line-height:1.3;font-weight:500;margin:14px 0 2px}
.epoch-range-form{padding:24px}.epoch-range-inputs{display:grid;grid-template-columns:1fr 1fr;gap:18px}.epoch-range-inputs label{font-size:13px}.epoch-range-inputs small{font-size:11px;color:var(--muted)}
.epoch-range-inputs input{display:block;min-width:0;width:100%;margin-top:9px;padding:14px 12px;background:var(--surface2);color:var(--text);border:1px solid var(--line);font-family:inherit;font-size:21px;font-weight:500;line-height:1.3;outline:none;box-shadow:none}.epoch-range-inputs input:disabled{opacity:.65}
.epoch-range-form-footer{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-top:20px}.epoch-range-form-footer p{font-size:11px;line-height:1.5;color:var(--muted);margin:0}.epoch-range-form-footer .button{flex:none}
.epoch-range-feedback,.epoch-range-answer{padding:20px 24px;border-top:1px solid var(--line)}.epoch-range-feedback>strong{color:#d48a72}.epoch-range-feedback.hit>strong{color:#85bb98}.epoch-range-endpoints{margin-top:12px;display:grid;gap:8px;font-size:12px}.epoch-range-endpoints>div{display:flex;justify-content:space-between;gap:15px}.epoch-range-endpoints .hit{color:#85bb98}.epoch-range-endpoints .near{color:#e3c75c}.epoch-range-endpoints .miss{color:#d48a72}.epoch-range-endpoints .open{color:var(--muted)}
.epoch-range-answer span{display:block;font-size:11px;color:var(--muted);margin-bottom:8px}.epoch-range-answer strong{font-size:16px;font-weight:500;line-height:1.6}.epoch-range-error{font-size:12px;color:#d48a72;margin-bottom:0}
@media(max-width:760px){.epoch-range-name{padding:20px 16px}.epoch-range-name h2{font-size:24px}.epoch-range-form{padding:20px 16px}.epoch-range-inputs{gap:12px}.epoch-range-inputs input{padding:12px 10px;font-size:18px}.epoch-range-form-footer{gap:12px}.epoch-range-feedback,.epoch-range-answer{padding:18px 16px}.epoch-range-endpoints>div{align-items:baseline}.epoch-range-endpoints>div>span:last-child{text-align:right}}
