@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-vietnamese-700-normal-DYeBwlKR.woff2) format("woff2"),url(/assets/barlow-condensed-vietnamese-700-normal-DhIzd8Tb.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-ext-700-normal-CwuXbfVR.woff2) format("woff2"),url(/assets/barlow-condensed-latin-ext-700-normal-BIHFfxf0.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2) format("woff2"),url(/assets/barlow-condensed-latin-700-normal-Dmwat-ge.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-ext-400-normal-BtiwyxMk.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-400-normal-BjWJ59Pq.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2) format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-ext-500-normal-BJfUCQsA.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-500-normal-DR84L5F-.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2) format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-ext-600-normal-4vooXBpG.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-600-normal-DRtaDpgU.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2) format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-ext-700-normal-CJIcxD6K.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-700-normal-BLI3TTWz.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2) format("woff2"),url(/assets/dm-sans-latin-700-normal-CUSSCpQX.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:DM Sans,system-ui,sans-serif;color:#f5f7ff;background:#090d18;font-synthesis:none;color-scheme:dark;--ink: #090d18;--surface: #151c2c;--line: #354158;--muted: #a9b5cc;--acid: #beb1ff;--blue: #a0ddf4;--phase: #a7eddf}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 7% 24%,#16454f55,transparent 43%),radial-gradient(ellipse at 83% 3%,#40346766,transparent 42%),#090d18;min-height:100dvh}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #40506b;background:#1b2539;color:#f5f7ff;border-radius:12px;padding:12px 17px;font-size:12px;font-weight:600;min-height:44px;box-shadow:inset 0 1px #ffffff09;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}button:hover:not(:disabled){background:#283753;border-color:#8b9cc8;transform:translateY(-2px);box-shadow:0 6px 22px #080d2160,inset 0 1px #ffffff1a}button:active:not(:disabled){transform:translateY(0) scale(.98)}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #bce8ff;outline-offset:4px}a{color:inherit}.skip-link{position:absolute;top:12px;left:12px;z-index:30;padding:14px;background:var(--acid);color:var(--ink);transform:translateY(-200%)}.skip-link:focus{transform:none}.app{max-width:1800px;margin:auto;padding:0 4.2vw;position:relative}.app:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:radial-gradient(#8295b923 .8px,transparent .8px);background-size:24px 24px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 78%);mask-image:linear-gradient(180deg,#000,transparent 78%)}header{display:flex;align-items:center;justify-content:space-between;padding:25px 0;border-bottom:1px solid #9ab5e120}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:700;font-size:19px;letter-spacing:-.6px}.brand-mark{display:grid;place-items:center;width:45px;height:45px;background:linear-gradient(145deg,#cdc0ff,#849cf0);color:#17213a;border-radius:50%;border:1px solid #d4d8ff80;box-shadow:0 0 30px #a698ff33,inset 0 1px 5px #fff7}.brand-mark svg{width:28px;height:28px;transition:transform .45s}.brand:hover .brand-mark svg{transform:rotate(180deg)}.brand small{display:block;font:8px/1.5 ui-monospace,monospace;letter-spacing:2px;color:#b4bfd7;margin-top:4px}.header-tools{display:flex;align-items:center;gap:25px}.header-tools button{border-radius:30px;background:#181e314d;padding:12px 20px}.local-dot{font:10px ui-monospace,monospace;letter-spacing:1.2px;color:#b9c7dd}.local-dot:before{content:"";display:inline-block;width:6px;height:6px;background:#a7eddf;border-radius:50%;margin-right:10px;box-shadow:0 0 10px #a7eddf55}main{display:grid;grid-template-columns:minmax(0,1fr) 320px;column-gap:38px;max-width:1420px;margin:32px auto 25px}.eyebrow{grid-column:1/-1;display:flex;justify-content:space-between;color:#b0bed7;font:10px ui-monospace,monospace;letter-spacing:1.8px;margin-bottom:22px}.edition{color:#c2b5ff}.edition i{display:inline-block;width:19px;height:1px;background:#c2b5ff;vertical-align:middle;margin-right:10px}.round-line{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}h1{display:flex;align-items:center;gap:16px;font-size:44px;font-weight:500;letter-spacing:-2px;margin:0;line-height:1}.round-prefix{font-size:35px;letter-spacing:-1.8px}h1 strong{font-family:Barlow Condensed,sans-serif;font-size:90px;font-weight:700;line-height:.9;letter-spacing:-2px;color:#f3f5ff}.round-caption{font-size:18px;line-height:1.3;font-weight:400;letter-spacing:-.5px;color:#c6d2e7;border-left:1px solid #648ba580;padding-left:24px;margin-left:14px}.round-caption em{font-style:normal;color:#acdfd6}.format{display:block;color:#dce8fa;font-size:14px;letter-spacing:.1px;text-align:right;border:1px solid #4d627147;border-radius:15px;padding:13px 18px;background:#101c2a66;box-shadow:inset 0 1px 0 #fff07}.format>span:not(.format-label){margin:0 8px;color:#92a2b8}.format-label{display:block;font:8px ui-monospace,monospace;letter-spacing:1.7px;color:#b0bed7;margin-bottom:7px}.clock-card{grid-column:1;position:relative;isolation:isolate;min-width:0;padding:32px 24px 23px;min-height:460px;display:flex;flex-direction:column;align-items:center;justify-content:center}.stage-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:visible;background:radial-gradient(ellipse at 50% 52%,#14473f4a,transparent 53%)}.dial-art{animation:orbit-arrive .7s ease-out;position:absolute;width:535px;height:535px;max-width:100%;top:50%;left:50%;transform:translate(-50%,-50%);overflow:visible;filter:drop-shadow(0 0 20px #89e4d216)}.dial-art circle{fill:none}.dial-outer{stroke:#a1bee239;stroke-width:1}.dial-inner{stroke:#b9daf41c;stroke-width:1}.dial-tick{stroke:#a5c8dc66;stroke-width:1}.dial-tick.major{stroke:#d1e8fcb3;stroke-width:1.5}.dial-track{stroke:#5265804d;stroke-width:3}.dial-progress{stroke:url(#orbit-light);stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset .25s linear;filter:drop-shadow(0 0 6px #b5fff288)}.dial-halo{stroke:#95e6d50c;stroke-width:12}.phase-heading{position:relative;display:flex;align-items:center;gap:8px;color:var(--phase);font-size:11px;border:1px solid #7296976b;border-radius:30px;padding:9px 13px;background:#112528f2;margin:0 0 18px;box-shadow:0 3px 20px #050b1960;animation:phase-arrive .4s ease-out}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.phase-index{margin-left:10px;padding-left:12px;border-left:1px solid #6d9b974d;letter-spacing:.8px;font:8px ui-monospace,monospace;color:#bad7d8}.dial-caption{font:8px ui-monospace,monospace;letter-spacing:3px;color:#b3c7dd;margin:3px 0 12px}.clock{position:relative;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-weight:700;font-size:clamp(120px,17vw,245px);line-height:.94;letter-spacing:-.015em;font-variant-numeric:tabular-nums;text-align:center;color:#f3fbff;margin:0;text-shadow:0 3px 0 #041123,0 0 55px #c6f6ff15;white-space:nowrap}.clock-description{display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;font-size:12px;color:#d0dedf;line-height:1.7;margin-top:24px;max-width:80%;animation:phase-arrive .45s ease-out}.description-rule,.progress{display:none}.clock-bottom{width:100%;display:flex;justify-content:space-between;gap:12px;color:#adc6d2;font:8px ui-monospace,monospace;letter-spacing:1px;margin-top:37px}.controls{grid-column:1;display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center;margin:17px 0 0;padding:14px;border:1px solid #7181a337;background:linear-gradient(120deg,#24334d69,#191e344d);border-radius:18px;box-shadow:inset 0 1px #e6e5ff0e,0 15px 40px #05091933}.primary{background:linear-gradient(140deg,#c9baff,#a9b9ff);border-color:#d3d4ff;color:#182039;min-width:180px;font-weight:700;box-shadow:0 4px 20px #a3a6ff26,inset 0 1px #fff8}.primary:hover:not(:disabled){background:linear-gradient(140deg,#e0d1ff,#bbcbff);border-color:#edf0ff;box-shadow:0 5px 25px #b4a9ff40}.quiet{background:transparent;color:#c0cce0;border-color:transparent}.support-grid{grid-column:2;grid-row:3/5;display:flex;flex-direction:column;gap:20px;justify-content:center;align-self:stretch;min-width:0}.support-card{padding:23px 24px;border:1px solid #748caf3b;border-radius:22px;background:linear-gradient(135deg,#2534488f,#151c3099);box-shadow:inset 0 1px #d3eeff0c,0 15px 40px #04081640;position:relative}.support-card:before{content:"";height:1px;position:absolute;top:-1px;left:24px;right:24px;background:linear-gradient(90deg,transparent,#bbdfff70,transparent)}.section-label{display:flex;align-items:center;gap:10px;font:9px ui-monospace,monospace;letter-spacing:1.1px;color:#c0d1e7}.panel-number{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:#bdadff22;border:1px solid #bcacff33;color:#d5caff;font-size:8px}.flow{list-style:none;margin:22px 0 15px;padding:0}.flow li{display:flex;gap:12px;align-items:center;position:relative;padding-bottom:23px;font-size:13px;color:#e3eaf7}.flow li:last-child{padding-bottom:0}.flow li:not(:last-child):after{content:"";position:absolute;left:13px;top:29px;bottom:6px;width:1px;background:linear-gradient(#8397b477,#8397b41a)}.flow small{display:block;font:8px ui-monospace,monospace;letter-spacing:.3px;color:#b2c3d9;margin-top:6px}.flow-node{display:grid;place-items:center;width:27px;height:27px;flex-shrink:0;border:1px solid #8094af80;border-radius:50%;font:10px ui-monospace,monospace;color:#d0d8ec;background:#1b2636}.flow .selected{color:#c1fff2}.flow .selected .flow-node{color:#0c2628;background:#a7eddf;border-color:#c7fff4;box-shadow:0 0 18px #a7eddf28}.support-card p,.fine{font-size:10px;line-height:1.8;color:#bbc8df;margin:12px 0 0}.audio-tag{margin-left:auto;border:1px solid #788ca666;border-radius:20px;padding:5px 8px;font-size:8px;letter-spacing:.7px;color:#d6e5f6}.audio-tag.on{color:#c2fff1;border-color:#73a99d}.audio-controls{display:flex;gap:6px;flex-wrap:wrap;margin-top:17px}.audio-controls button{padding:10px;font-size:10px;min-height:40px;border-radius:10px}.audio-controls button:first-child{border-color:#a99bd1;background:#463c66;color:#eee7ff}.audio-controls button:last-child{flex:1}.audio-level{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;align-items:center;margin-top:18px}.audio-level label{grid-column:1/-1;display:flex;justify-content:space-between;font:9px ui-monospace,monospace;color:#c6d2e5;margin-bottom:4px}.audio-level label span{color:#c5bbff}.audio-level input{width:100%;accent-color:#c2b4ff;height:34px;margin:0}.audio-level .mute{font-size:10px;padding:8px 10px;min-height:34px;background:#151e2d}.audio-level .mute.active{border-color:#b8adff;color:#e6e0ff;background:#413459}.stop-audio{font-size:10px;padding:8px 12px;margin-top:9px;min-height:34px;background:transparent;border-radius:8px}.utility{grid-column:1/-1;display:flex;justify-content:space-between;gap:16px;font-size:10px;color:#b8c7dd;margin-top:27px;padding-top:19px;border-top:1px solid #6b83a333}.utility label,.check{display:flex;align-items:center;gap:8px}input[type=checkbox]{accent-color:#c5b7ff;width:17px;height:17px}footer{border-top:1px solid #6b83a333;padding:22px 0;display:flex;justify-content:space-between;color:#aebfd6;font-size:9px;letter-spacing:.1px}.footer-brand{font:9px ui-monospace,monospace;letter-spacing:1px}.footer-brand span{color:#b5a8ff;margin:0 9px}.notice{border:1px solid #918169;background:#2a2633;color:#f3e1c4;padding:12px 15px;font-size:11px;border-radius:13px;margin-top:18px;display:flex;justify-content:space-between;gap:16px;align-items:center}.notice button{padding:0 10px;background:transparent;border:0;min-height:32px}.announcement{grid-column:1/-1;border:1px solid #7b9baf55;border-left:3px solid var(--phase);background:#172338eb;padding:18px 23px;margin-top:23px;border-radius:0 17px 17px 0;box-shadow:0 8px 30px #03081133}.announcement p{font-size:13px;line-height:1.8;color:#ecf3ff;margin-bottom:0}.announcement button{margin-left:auto;font-size:10px;padding:8px 12px;min-height:34px;border-color:#7f8caa;background:#293753}.phase-overtime{--phase: #ffdba3}.phase-complete{--phase: #ffc4b8}.phase-overtime .phase-heading{background:#352b21;border-color:#997947}.phase-complete .phase-heading{background:#352429;border-color:#a07075}.phase-overtime .dial-progress{stroke:#ffdba3}.phase-complete .dial-progress{stroke:#ffc4b8}.phase-overtime .stage-art{background:radial-gradient(ellipse at 50% 52%,#78512a33,transparent 60%)}.phase-complete .stage-art{background:radial-gradient(ellipse at 50% 52%,#8f344033,transparent 60%)}@keyframes phase-arrive{0%{transform:translateY(8px);opacity:.65}to{transform:translateY(0);opacity:1}}@keyframes veil-in{0%{opacity:0}to{opacity:1}}@keyframes console-in{0%{transform:translateY(12px);opacity:.7}to{transform:translateY(0);opacity:1}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#06090ddb;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:10;display:flex;align-items:center;justify-content:center;padding:20px;animation:veil-in .18s ease-out}.modal{background:#1a1e20;border:1px solid #575f60;border-radius:12px;padding:28px;width:590px;max-height:90dvh;overflow:auto;box-shadow:0 30px 100px #0007;animation:console-in .22s ease-out}.modal-kicker{font:9px ui-monospace,monospace;letter-spacing:1.6px;color:var(--blue);margin-bottom:16px}.modal-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.modal-title button{background:transparent;border:0;font-size:25px;padding:3px 10px}h2{font-size:29px;line-height:1.2;letter-spacing:-1px;font-weight:500;margin:0}.modal p{color:#b5bdbb;font-size:12px;line-height:1.8}.presets{display:flex;gap:10px;margin:24px 0}.presets button{flex:1;text-align:left;background:#293149;border-color:#4c5c8a;color:#dbe3ff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.modal label{display:block;font-size:12px;color:#d9ded6;margin:15px 0}.modal input:not([type=checkbox]),select,textarea{display:block;width:100%;margin-top:8px;background:#111516;border:1px solid #495350;border-radius:5px;padding:12px;color:#f1f4e8;min-height:44px}.modal input[type=range]{padding:0;accent-color:var(--acid)}textarea{resize:vertical;line-height:1.6}.modal .check{display:flex}.done{width:100%;margin-top:22px}.compact{width:460px}.compact .controls{margin:20px 0 0}.danger{background:#a5473e;border-color:#cd6e62}.danger:hover:not(:disabled){background:#bd5145}.modal{background:linear-gradient(140deg,#263049,#141d30);border-color:#6e7da3;border-radius:22px}.modal input:not([type=checkbox]),select,textarea{background:#0d1626;border-color:#647592;color:#f2f5ff}.modal-title button{border-radius:50%}.modal-kicker{color:#c7b8ff}.modal p{color:#c1cce1}.modal label{color:#dbe6fa}.presets button{background:#3c3657;border-color:#8b80ac;color:#f0eaff}.display main{display:block;max-width:1500px;margin:18px auto 0}.display .support-grid,.display .utility,.display footer,.display .eyebrow,.display .round-caption,.display .stage-art,.display .dial-caption{display:none}.display .round-line{margin-bottom:16px}.display .round-prefix{font-size:36px}.display h1 strong{font-size:84px}.display .clock-card{min-height:0;border:1px solid #607899;border-radius:18px;background:#101b2c;padding:24px 34px}.display .phase-heading{font-size:21px;border:0;background:transparent;margin-bottom:14px}.display .phase-index{font-size:11px}.display .clock{font-size:clamp(145px,36dvh,450px);line-height:1;margin:0 0 8px}.display .clock-description{font-size:clamp(18px,1.7vw,26px);margin-top:12px;max-width:100%}.display .clock-bottom{font-size:11px;margin-top:24px}.display .controls{justify-content:center;margin:12px 0;padding:0;border:0;background:transparent;box-shadow:none}.display .announcement{margin-top:12px;padding:12px 20px}.display .announcement p{font-size:16px;line-height:1.6;margin-top:8px}.display header{padding:16px 0}.display *{animation:none!important;transition:none!important}@media(max-width:1150px){main{grid-template-columns:minmax(0,1fr) 285px;column-gap:24px}.support-card{padding:20px}.clock{font-size:22vw}.clock-card{min-height:455px}.dial-art{width:510px;height:510px}.round-caption{font-size:15px}.controls{gap:7px;padding:12px}.controls button{padding:12px 13px}.controls .primary{min-width:145px}.flow small{font-size:7px}.audio-controls button{flex:1}.audio-controls button:last-child{flex-basis:100%}}@media(max-width:830px){.app{padding:0 25px}main{grid-template-columns:1fr;margin-top:28px}.clock-card{min-height:480px}.dial-art{width:540px;height:540px}.clock{font-size:30vw;max-width:100%}.support-grid{grid-column:1;grid-row:auto;display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px;align-items:start}.support-card{height:100%}.round-caption{display:none}.header-tools{gap:15px}.local-dot{display:none}.controls .primary{min-width:180px}.flow small{font-size:8px}.audio-controls button:last-child{flex-basis:auto}.edition{font-size:8px}.clock-description{font-size:13px}.display .clock{font-size:36vw}.display .phase-heading{font-size:16px}}@media(max-width:480px){.app{padding:0 18px}header{padding:20px 0}.brand{font-size:14px;gap:10px}.brand small{font-size:6px;letter-spacing:1.3px}.brand-mark{width:36px;height:36px}.brand-mark svg{width:25px}.header-tools button{font-size:10px;padding:9px 13px;min-height:40px}.eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:19px}.edition{display:none}.round-prefix{font-size:28px;letter-spacing:-1.4px}h1{gap:12px}h1 strong{font-size:73px}.format{font-size:11px;padding:11px 12px;border-radius:12px}.format-label{font-size:7px;letter-spacing:1px}.round-line{margin-bottom:5px}.clock-card{min-height:345px;padding:32px 0 22px}.dial-art{width:365px;height:365px;max-width:110%}.phase-heading{font-size:9px;padding:8px 11px;margin-bottom:17px}.phase-index{font-size:7px;padding-left:8px;margin-left:3px;letter-spacing:.2px}.dial-caption{font-size:7px;letter-spacing:2px;margin-bottom:15px}.clock{font-size:36vw;line-height:.96}.clock-description{font-size:10px;line-height:1.6;margin-top:18px;max-width:77%}.clock-bottom{font-size:7px;letter-spacing:.2px;margin-top:34px}.controls{gap:8px;margin-top:13px;padding:12px;border-radius:17px}.controls .primary{flex-basis:100%}.controls button{font-size:11px;flex:1;min-height:44px}.controls .quiet{flex:0 0 auto}.support-grid{grid-template-columns:1fr;gap:17px;margin-top:20px}.support-card{padding:20px 22px}.flow{display:flex;gap:14px;margin:20px 0 14px}.flow li{display:block;flex:1;font-size:11px;padding:0}.flow li:after{display:none}.flow-node{margin-bottom:9px}.flow small{font-size:7px;line-height:1.6}.audio-controls button{font-size:11px;min-height:44px}.support-card p{font-size:11px}.utility{flex-direction:column;gap:12px;font-size:9px;margin-top:23px}footer{flex-direction:column;gap:12px;font-size:8px;padding:20px 0}.modal-backdrop{padding:12px}.modal{padding:22px;max-height:92dvh}.modal-kicker{font-size:8px}.modal h2{font-size:25px}.form-grid{gap:12px}.modal label{font-size:11px}.presets button{font-size:11px;padding:12px}.announcement{padding:15px}.announcement .section-label{flex-wrap:wrap;gap:12px}.announcement button{margin-left:0}.announcement p{font-size:12px}.display .round-prefix{font-size:27px}.display h1 strong{font-size:70px}.display .clock-card{padding:20px 16px}.display .clock{font-size:36vw}.display .clock-description{font-size:12px;max-width:100%}.display .clock-bottom,.display .phase-index{font-size:8px}.display .phase-heading,.display .announcement p{font-size:12px}}@media(max-width:350px){.clock-card{min-height:310px}.dial-art{width:320px;height:320px}.clock-description{font-size:9px}.phase-heading{font-size:8px}.phase-index{font-size:6px}.format{padding:9px}.round-prefix{font-size:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@keyframes orbit-arrive{0%{transform:translate(-50%,-50%) rotate(-7deg) scale(.98)}to{transform:translate(-50%,-50%) rotate(0) scale(1)}}