:root{--bg:#f3efe5;--paper:#fff8e8;--surface:#fffaf0;--surface-raised:#fff;--surface-muted:#e8dfd0;--text:#44505a;--text-soft:#6c7780;--text-strong:#111416;--border:#d8cebd;--ink:#111416;--accent:#0b8f83;--amber:#d6a62e;--coral:#ef654f;--focus:#0b8f8347;--shadow-soft:0 22px 58px #1e1a121c;--shadow-tiny:0 9px 22px #1e1a1214;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:17px;line-height:1.5}:root[data-theme=dark]{--bg:#10100e;--paper:#f8edcf;--surface:#191a17;--surface-raised:#20221d;--surface-muted:#282a24;--text:#c5c2b8;--text-soft:#918d82;--text-strong:#fff8ea;--border:#393a33;--ink:#070807;--accent:#4dd6c3;--amber:#efbd54;--coral:#ff765f;--focus:#4dd6c347;--shadow-soft:0 24px 70px #0000005c;--shadow-tiny:0 10px 28px #0000003d}*{box-sizing:border-box}html{background:var(--bg);min-width:320px;min-height:100%}body{background:linear-gradient(90deg, color-mix(in srgb, var(--border), transparent 58%) 1px, transparent 1px), linear-gradient(0deg, color-mix(in srgb, var(--border), transparent 64%) 1px, transparent 1px), radial-gradient(circle at 18% 6%, color-mix(in srgb, var(--amber), transparent 74%), transparent 28%), radial-gradient(circle at 84% 18%, color-mix(in srgb, var(--accent), transparent 78%), transparent 26%), linear-gradient(145deg, var(--bg), color-mix(in srgb, var(--paper), var(--bg) 62%));background-size:44px 44px,44px 44px,auto,auto,auto;min-width:320px;min-height:100svh;margin:0;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}::selection{color:var(--text-strong);background:color-mix(in srgb, var(--amber), transparent 42%)}.app-shell{width:min(1180px,100% - 32px);min-height:100svh;margin:0 auto;padding:18px 0 54px;overflow-x:clip}.topbar{z-index:5;border-bottom:1px solid color-mix(in srgb, var(--border), transparent 50%);background:color-mix(in srgb, var(--bg), transparent 18%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:1fr auto 44px;align-items:center;gap:16px;min-height:60px;display:grid;position:sticky;top:0}.brand{min-width:0;color:var(--text-strong);align-items:center;gap:10px;font-weight:850;text-decoration:none;display:inline-flex}.brand-mark{border:1px solid var(--border);width:30px;height:30px;color:var(--accent);background:radial-gradient(circle at 35% 25%, var(--paper), transparent 38%), linear-gradient(135deg, var(--surface), var(--surface-raised));box-shadow:var(--shadow-tiny);border-radius:50%;place-items:center;display:inline-grid}.topbar-time{color:var(--text-soft);font-variant-numeric:tabular-nums;text-align:center;font-size:.86rem;font-weight:750}.icon-button,.round-action{border:1px solid var(--border);width:42px;height:42px;color:var(--text-strong);background:color-mix(in srgb, var(--surface), transparent 8%);box-shadow:var(--shadow-tiny);cursor:pointer;border-radius:50%;place-items:center;transition:border-color .18s,transform .18s,background .18s;display:inline-grid}.icon-button:hover,.round-action:hover{border-color:color-mix(in srgb, var(--accent), var(--border) 25%);transform:translateY(-2px)}.icon-button:focus-visible,.round-action:focus-visible,.segmented-control button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.clock-hero{grid-template-columns:minmax(0,.94fr) minmax(380px,1.06fr);align-items:center;gap:clamp(28px,6vw,86px);min-height:min(740px,100svh - 78px);padding:clamp(34px,7vw,86px) 0 clamp(28px,6vw,64px);display:grid;position:relative}.clock-hero:before{z-index:-1;content:"";background:radial-gradient(circle at 24% 35%, color-mix(in srgb, var(--accent), transparent 52%), transparent 32%), radial-gradient(circle at 70% 58%, color-mix(in srgb, var(--coral), transparent 55%), transparent 30%);filter:blur(36px);opacity:.52;height:52%;position:absolute;inset:8% -12% auto 46%}.hero-copy{min-width:0}.eyebrow{color:var(--accent);letter-spacing:.11em;text-transform:uppercase;margin:0 0 12px;font-size:.76rem;font-weight:900}h1,h2,p{margin:0}h1{max-width:660px;color:var(--text-strong);font-variant-numeric:tabular-nums;letter-spacing:0;text-wrap:balance;font-size:clamp(4rem,8.4vw,7.65rem);font-weight:930;line-height:.9}.date-line{max-width:680px;color:var(--text);margin-top:22px;font-size:clamp(1.1rem,2.4vw,1.55rem);font-weight:650}.day-rail{width:min(100%,620px);margin-top:34px}.day-rail-track{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-raised), transparent 18%);border-radius:999px;height:12px;overflow:hidden}.day-rail-track span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--amber), var(--coral));height:100%;box-shadow:0 0 22px color-mix(in srgb, var(--accent), transparent 52%);display:block}.day-rail-meta{color:var(--text-soft);font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;margin-top:10px;font-size:.86rem;font-weight:760;display:flex}.hero-visual{perspective:1200px;min-height:clamp(360px,48vw,600px);position:relative;overflow:clip}.orbital-clock{filter:drop-shadow(0 38px 80px #00000038);width:116%;height:110%;position:absolute;inset:-8% -8% -2%}.analog-clock{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--paper), transparent 12%);background:radial-gradient(circle at 50% 50%, transparent 0 8%, color-mix(in srgb, var(--paper), transparent 88%) 8.5% 9%, transparent 9.5%), radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--surface), transparent 20%) 0 58%, transparent 59%), conic-gradient(from 230deg, var(--accent), var(--amber), var(--coral), var(--ink), var(--accent));width:min(45vw,278px);min-width:210px;box-shadow:inset 0 0 34px color-mix(in srgb, var(--ink), transparent 86%), 0 28px 70px #0003;border-radius:50%;position:absolute;bottom:clamp(18px,5vw,68px);right:clamp(12px,3vw,42px);transform:rotateX(12deg)rotateY(-14deg)}.tick{color:var(--text-strong);font-size:.9rem;font-weight:920;position:absolute}.tick-12{top:18px;left:50%;transform:translate(-50%)}.tick-3{top:50%;right:22px;transform:translateY(-50%)}.tick-6{bottom:18px;left:50%;transform:translate(-50%)}.tick-9{top:50%;left:22px;transform:translateY(-50%)}.hand{background:var(--text-strong);transform-origin:50% 100%;border-radius:999px;width:5px;position:absolute;bottom:50%;right:50%}.hour-hand{height:27%}.minute-hand{width:4px;height:36%}.second-hand{background:var(--coral);width:2px;height:40%}.pin{border:4px solid var(--surface);background:var(--coral);border-radius:50%;width:18px;height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rhythm-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 30px;display:grid}.metric-card,.zone-card,.focus-panel{border:1px solid var(--border);background:linear-gradient(145deg, color-mix(in srgb, var(--surface), transparent 0%), color-mix(in srgb, var(--surface-raised), transparent 8%));box-shadow:var(--shadow-soft);border-radius:8px}.metric-card{min-width:0;padding:18px}.metric-card span{color:var(--text-soft);font-size:.82rem;font-weight:820}.metric-card strong{color:var(--text-strong);font-variant-numeric:tabular-nums;margin:6px 0 14px;font-size:clamp(1.55rem,4vw,2.55rem);line-height:1;display:block}meter{background:color-mix(in srgb, var(--surface-muted), transparent 15%);border:0;border-radius:999px;width:100%;height:10px}meter::-webkit-meter-bar{background:color-mix(in srgb, var(--surface-muted), transparent 15%);border:0;border-radius:999px}meter::-webkit-meter-optimum-value{background:linear-gradient(90deg, var(--accent), var(--amber));border-radius:999px}meter::-moz-meter-bar{background:linear-gradient(90deg, var(--accent), var(--amber));border-radius:999px}.world-times,.focus-studio{border-top:1px solid color-mix(in srgb, var(--border), transparent 35%);grid-template-columns:minmax(170px,240px) minmax(0,1fr);align-items:start;gap:24px;padding:34px 0;display:grid}.section-heading{position:sticky;top:82px}h2{color:var(--text-strong);letter-spacing:0;font-size:clamp(1.9rem,4vw,3.3rem);line-height:.96}.world-stage{gap:16px;min-width:0;display:grid}.globe-panel{border:1px solid var(--border);background:radial-gradient(circle at 68% 26%, color-mix(in srgb, var(--accent), transparent 66%), transparent 28%), radial-gradient(circle at 22% 74%, color-mix(in srgb, var(--coral), transparent 76%), transparent 28%), linear-gradient(145deg, color-mix(in srgb, var(--surface), transparent 0%), color-mix(in srgb, var(--surface-raised), transparent 12%));min-height:clamp(360px,48vw,560px);box-shadow:var(--shadow-soft);border-radius:8px;position:relative;overflow:hidden}.world-globe-canvas{cursor:grab;width:100%;height:100%;position:absolute;inset:0}.selected-city-card{border:1px solid color-mix(in srgb, var(--border), transparent 18%);background:color-mix(in srgb, var(--surface), transparent 9%);width:min(330px,100% - 28px);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:8px;padding:18px;position:absolute;bottom:clamp(14px,3vw,28px);right:clamp(14px,3vw,28px)}.selected-city-card span{color:var(--accent);letter-spacing:.12em;font-size:.78rem;font-weight:920}.selected-city-card h3{color:var(--text-strong);letter-spacing:0;margin:8px 0 12px;font-size:clamp(1.5rem,3vw,2.35rem);line-height:.94}.selected-city-card strong{color:var(--text-strong);font-variant-numeric:tabular-nums;font-size:clamp(2rem,5vw,3.25rem);line-height:.95;display:block}.selected-city-card p{color:var(--text-soft);margin-top:12px;font-size:.9rem;font-weight:820}.zone-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.zone-card{min-height:154px;color:inherit;cursor:pointer;font:inherit;text-align:left;padding:18px;transition:border-color .18s,transform .18s,background .18s;position:relative;overflow:hidden}.zone-card:hover,.zone-card.is-active{border-color:color-mix(in srgb, var(--accent), var(--border) 26%);transform:translateY(-2px)}.zone-card.is-active{background:radial-gradient(circle at 76% 18%, color-mix(in srgb, var(--accent), transparent 70%), transparent 36%), linear-gradient(145deg, color-mix(in srgb, var(--surface), transparent 0%), color-mix(in srgb, var(--surface-raised), transparent 4%))}.zone-card:after{color:color-mix(in srgb, var(--accent), transparent 78%);content:attr(data-zone);font-size:4rem;font-weight:950;position:absolute;bottom:-22px;right:-14px}.zone-card div{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.zone-card span{min-width:0;color:var(--text);overflow-wrap:anywhere;font-size:.92rem;font-weight:820;display:block}.zone-card em,.zone-card small{color:var(--text-soft);font-size:.75rem;font-style:normal;font-weight:850}.zone-card strong{z-index:1;color:var(--text-strong);font-variant-numeric:tabular-nums;margin-top:28px;font-size:clamp(1.5rem,3vw,2.2rem);line-height:1;display:block;position:relative}.zone-card small{position:absolute;bottom:16px;right:18px}.focus-panel{grid-template-columns:minmax(220px,300px) minmax(0,1fr);align-items:center;gap:clamp(22px,5vw,52px);padding:clamp(20px,4vw,32px);display:grid}.focus-orbit{aspect-ratio:1;background:radial-gradient(circle at 50% 50%, var(--surface) 0 55%, transparent 56%), conic-gradient(var(--coral) var(--focus-progress), color-mix(in srgb, var(--surface-muted), transparent 10%) 0);width:min(100%,260px);box-shadow:inset 0 0 0 1px var(--border), var(--shadow-soft);border-radius:50%;place-items:center;display:grid}.focus-orbit span{color:var(--text-strong);font-variant-numeric:tabular-nums;font-size:clamp(2.4rem,7vw,4.2rem);font-weight:930}.focus-controls{justify-items:start;gap:22px;display:grid}.segmented-control{border:1px solid var(--border);background:var(--surface-muted);border-radius:999px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:inline-grid}.segmented-control button{min-width:92px;min-height:38px;color:var(--text);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:999px;font-size:.9rem;font-weight:840}.segmented-control button.is-active{color:var(--text-strong);background:var(--surface);box-shadow:var(--shadow-tiny)}.icon-row{gap:10px;display:flex}@media (width<=920px){.clock-hero,.world-times,.focus-studio,.focus-panel{grid-template-columns:1fr}.clock-hero{min-height:auto}.hero-visual{order:-1;min-height:min(86vw,520px)}.analog-clock{width:min(62vw,280px);bottom:8%;right:50%;transform:translate(50%)rotateX(12deg)rotateY(-12deg)}.section-heading{position:static}.zone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.globe-panel{min-height:min(104vw,540px)}}@media (width<=620px){.app-shell{width:min(100% - 22px,1180px);padding-top:8px}.topbar{grid-template-columns:1fr 44px}.topbar-time{display:none}h1{font-size:clamp(3.2rem,17vw,5.4rem)}.day-rail-meta,.zone-card div{flex-direction:column;align-items:flex-start}.rhythm-strip,.zone-grid{grid-template-columns:1fr}.selected-city-card{width:calc(100% - 24px);position:absolute;bottom:12px;right:12px}.focus-controls{justify-items:stretch}.segmented-control{width:100%}.segmented-control button{min-width:0}}