:root{--ink:#0c0f12;--panel:#121821;--panel-2:#0f141b;--line:#1e2833;--land:#1b232d;--sea:#0b0f14;--text:#e7edf3;--muted:#8496a6;--faint:#5b6b7a;--amber:#e9b84f;--amber-dim:#8a6c2c;--cyan:#6fd0c4}*{box-sizing:border-box}html,body{margin:0;background:var(--ink);color:var(--text);font-family:IBM Plex Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--amber);text-decoration:none}a:hover{color:#f6d68c}.mono{font-family:IBM Plex Mono,ui-monospace,monospace}.wrap{max-width:1360px;margin:0 auto;padding:0 32px 72px}header{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:28px 0 22px;border-bottom:1px solid var(--line);margin-bottom:28px}.brand{display:flex;align-items:center;gap:14px}.mark{width:28px;height:28px;background:var(--amber);-webkit-mask:url(/brand/mark.png) center/contain no-repeat;mask:url(/brand/mark.png) center/contain no-repeat}h1{font-size:21px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin:0}.tag{font-size:12.5px;color:var(--faint);letter-spacing:.06em}.utcbox{text-align:right}.utcbox .l{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--faint)}.utcbox .t{font-size:26px;font-weight:300;letter-spacing:.04em}.mapcard{position:relative;background:radial-gradient(120% 140% at 50% -20%,#101822 0%,var(--sea) 60%);border:1px solid var(--line);border-radius:14px;overflow:hidden}.mapcard svg{display:block;width:100%;height:auto}.maphead{position:absolute;top:16px;left:20px;z-index:2;pointer-events:none}.maphead .k{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--faint)}.maphead .v{font-size:13px;color:var(--muted);margin-top:3px}.legend{position:absolute;bottom:14px;right:18px;display:flex;gap:18px;align-items:center;font-size:11px;color:var(--faint);letter-spacing:.04em}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:1px}.tip{position:absolute;pointer-events:none;background:#0a0e13;border:1px solid var(--line);border-radius:8px;padding:7px 10px;font-size:12px;white-space:nowrap;z-index:3;transform:translate(-50%,-140%);box-shadow:0 8px 24px #0008}.tip b{font-weight:500}.tip span{color:var(--muted);font-family:IBM Plex Mono,monospace;margin-left:8px}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:26px 0 18px}.seg{display:flex;align-items:center;gap:10px;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:9px 12px}.lbl{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}select,input[type=time]{background:transparent;border:0;color:var(--text);font-family:IBM Plex Mono,monospace;font-size:14px;outline:none}select option{background:#111820;color:var(--text)}button{font-family:inherit;cursor:pointer;background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:10px;padding:10px 16px;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;transition:.15s}button:hover{border-color:var(--amber-dim);color:var(--amber)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;background:var(--line);border-radius:2px;flex:1;min-width:220px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--amber);border:2px solid var(--ink);cursor:grab}.scrub{flex:1;min-width:300px;display:flex;align-items:center;gap:14px;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:9px 16px}.scrub .sv{font-family:IBM Plex Mono,monospace;font-size:13px;color:var(--amber);min-width:96px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:14px}.card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:18px 44px 16px 18px;overflow:hidden}.card.anchor{border-color:var(--amber-dim)}.card .badge{position:absolute;top:0;left:0;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);background:var(--amber);padding:3px 9px;border-radius:0 0 8px}.card .setanchor{position:absolute;top:0;left:0;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);background:transparent;border:0;border-radius:0 0 8px;padding:3px 9px;opacity:0;transition:.15s}.card:hover .setanchor,.card .setanchor:focus-visible{opacity:1}.card .setanchor:hover{color:var(--ink);background:var(--amber)}.card .x{position:absolute;top:12px;right:12px;border:0;padding:4px 6px;font-size:15px;line-height:1;color:var(--faint);border-radius:6px}.card .x:hover{color:var(--text);background:#1b2431}.card .grip{position:absolute;top:38px;right:12px;bottom:16px;width:24px;border:0;padding:0;display:flex;align-items:center;justify-content:center;font-size:17px;line-height:1;color:var(--faint);border-radius:6px;cursor:grab}.card .grip:active{cursor:grabbing}.card .grip:hover{color:var(--text);background:#1b2431}.card.dragging{opacity:.45;border-style:dashed}.city{font-size:15.5px;font-weight:500;margin:8px 0 2px}.meta{font-size:11.5px;color:var(--faint);letter-spacing:.05em;font-family:IBM Plex Mono,monospace}.time{font-family:IBM Plex Mono,monospace;font-weight:300;font-size:44px;letter-spacing:.01em;margin:14px 0 2px;line-height:1}.time .ap{font-size:16px;color:var(--muted);margin-left:8px;letter-spacing:.1em}.sub{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:12px;color:var(--muted);font-family:IBM Plex Mono,monospace}.delta{color:var(--cyan)}.setrow{display:flex;align-items:center;gap:10px;margin-top:14px;padding-top:13px;border-top:1px solid var(--line)}.setrow span{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}.setrow input[type=time]{background:#0e141b;border:1px solid var(--line);border-radius:8px;padding:7px 9px;color:var(--text);width:100%}.setrow input[type=time]:focus{border-color:var(--amber-dim)}.daybar{display:flex;height:4px;margin:14px 0 8px;border-radius:2px;overflow:hidden;background:#0d1319}.empty{grid-column:1/-1;border:1px dashed var(--line);border-radius:13px;padding:44px;text-align:center;color:var(--faint);font-size:13.5px}footer{margin-top:40px;padding-top:22px;border-top:1px solid var(--line);text-align:center;font-size:12.5px;color:var(--faint);letter-spacing:.06em}.sechead{display:flex;align-items:baseline;gap:14px;margin:34px 0 14px}.sechead h2{font-size:12px;letter-spacing:.24em;text-transform:uppercase;margin:0;color:var(--muted);font-weight:500}.sechead .rule{flex:1;height:1px;background:var(--line)}.sechead .n{font-size:11.5px;color:var(--faint);font-family:IBM Plex Mono,monospace}@media(max-width:640px){.wrap{padding:0 18px 56px}header{flex-direction:column;align-items:flex-start;gap:14px}.time{font-size:38px}.scrub{flex-wrap:wrap;min-width:0}.scrub .lbl{white-space:nowrap}.scrub .sv{margin-left:auto;min-width:0;text-align:right}.scrub input[type=range]{order:3;flex-basis:100%;min-width:0}}