:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#020617;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#020617;min-width:320px;margin:0}button,input,select{font:inherit}.app-shell{color:#eef4ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:radial-gradient(circle at 48% 36%,#1775d02e,#0000 32%),radial-gradient(circle at 62% 57%,#ec489924,#0000 24%),linear-gradient(#020916 0%,#03111f 48%,#020814 100%);min-height:100svh}.app-shell.theme-bright{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:radial-gradient(circle at 50% 34%,#38bdf83d,#0000 34%),radial-gradient(circle at 62% 58%,#f472b629,#0000 24%),linear-gradient(#06182a 0%,#04111f 52%,#020814 100%)}.app-frame{grid-template-rows:auto 1fr auto;min-height:100svh;display:grid}.topbar{background:#020814d1;border-bottom:1px solid #7197c738;grid-template-columns:minmax(330px,.55fr) minmax(760px,1.45fr);align-items:stretch;min-height:82px;display:grid;box-shadow:0 10px 34px #00000038}.brand-block{align-items:center;gap:20px;padding:14px 20px;display:flex}.brand-clock{filter:drop-shadow(0 0 10px #25b8ff3d);flex:none;place-items:center;width:58px;height:58px;display:grid}.brand-clock img{object-fit:contain;width:100%;height:100%;display:block}h1,h2,h3,p{margin-top:0}h1{color:#f8fafc;letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:clamp(22px,2.2vw,30px);line-height:1}.brand-block p{color:#d2d9e7;flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0 0;font-size:17px;line-height:1.2;display:flex}.brand-block strong{letter-spacing:0;font-size:16px}.mobile-menu-button{display:none}.cyan,.cyan-text{color:#25b8ff}.pink,.pink-text{color:#ff5fa8}.tab-list{grid-template-columns:repeat(8,minmax(0,1fr));display:grid}.tab-button{color:#f1f5f9;min-height:82px;font:inherit;cursor:pointer;background:0 0;border:0;border-left:1px solid #0000;border-right:1px solid #0000;justify-content:center;align-items:center;gap:12px;font-size:16px;font-weight:760;transition:background .16s,border-color .16s,color .16s;display:inline-flex;position:relative}.tab-button:hover{background:#1e40af29}.tab-button.active{background:linear-gradient(#0e2d4da3,#04172ae6),#0f172a99;border-color:#38bdf82e}.tab-button.active:after{content:"";background:#17c8ff;height:4px;position:absolute;bottom:4px;left:0;right:0;box-shadow:0 0 18px #17c8ffc7}.tab-menu-wrap{min-width:0;display:grid;position:relative}.tab-menu-wrap>.tab-button{width:100%}.tab-submenu{z-index:20;opacity:0;pointer-events:none;visibility:hidden;background:linear-gradient(#051222fa,#040f1df0),#020814f5;border:1px solid #4a6f9975;border-radius:10px;gap:6px;min-width:190px;padding:8px;transition:opacity .15s,transform .15s,visibility .15s;display:grid;position:absolute;top:calc(100% - 4px);left:50%;transform:translate(-50%,-6px);box-shadow:0 20px 34px #00000061,0 0 28px #25b8ff21}.tab-menu-wrap.menu-open .tab-submenu{opacity:1;pointer-events:auto;visibility:visible;transform:translate(-50%)}.tab-submenu button{color:#dce8f8;min-height:42px;font:inherit;text-align:left;cursor:pointer;background:#0714289e;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:0 12px;font-size:14px;font-weight:820;display:flex}.tab-submenu button:hover,.tab-submenu button.active{color:#fff;background:#0e457075;border-color:#25b8ff85}.tab-submenu .icon{color:#25b8ff;width:19px;height:19px}.icon{flex:none;width:22px;height:22px}.tab-panel{padding:20px 24px 14px}.now-dashboard{grid-template-columns:1.15fr .99fr 1.01fr;gap:16px 20px;display:grid}.dashboard-card,.surface-panel,.readout-panel,.info-card,.quick-start-intro,.quick-start-poster-card,.resources-intro,.book-resource-card,.logo-resource-card,.archive-resource-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#051222f5,#040f1de0),#020814e6;border:1px solid #608cb847;border-radius:10px;box-shadow:inset 0 1px #ffffff09,0 0 24px #0ea5e90e}.dashboard-card{min-width:0;padding:22px 24px}.card-title{min-height:24px;margin-bottom:18px}.card-title h2{color:#dce5ff;letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:10px;margin:0;font-size:16px;font-weight:850;display:flex}.card-title small{color:#aab6c8;letter-spacing:0;text-transform:none;font-size:13px;font-weight:700}.info-dot{color:#ccd8ee;text-transform:lowercase;border:1px solid #bed1eb9e;border-radius:50%;place-items:center;width:20px;height:20px;font-size:12px;font-weight:900;display:inline-grid}.current-fraction-time{color:#f6f8ff;text-align:center;text-shadow:0 0 28px #749aff47;justify-content:center;align-items:center;gap:18px;margin:14px 0 4px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(52px,6vw,78px);font-weight:800;line-height:1;display:flex}.current-fraction-time b{color:#dbe5f5;font-weight:520}.current-classical{color:#f6f8ff;text-align:center;text-shadow:0 0 18px #749aff2e;margin:12px 0 4px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(24px,2.6vw,34px);font-weight:760;line-height:1}.current-date{color:#c7cedd;text-align:center;margin:0 0 22px;font-size:21px}.fraction-pair{background:#07192eb8;border:1px solid #4a6f994d;border-radius:12px;grid-template-columns:1fr 1px 1fr;align-items:center;gap:22px;padding:18px 22px;display:grid}.fraction-pair div:not(.fraction-divider){text-align:center;gap:6px;display:grid}.fraction-pair p,.selection-row span,.gap-selection-summary span{color:#38bdf8;letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:14px;font-weight:850}.fraction-pair div:last-child p,.gap-selection-summary span{color:#ff5fa8}.fraction-pair strong{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:42px;line-height:1}.fraction-pair span,.selection-row em,.gap-selection-summary em{color:#bac5d7;font-size:16px;font-style:normal}.fraction-divider{background:#b8c7e0a8;width:1px;height:72px}.meaning-card,.facts-card{flex-direction:column;display:flex}.meaning-card{grid-template-columns:minmax(0,1fr) minmax(180px,.72fr);align-items:stretch;column-gap:20px;display:grid}.meaning-card .card-title,.meaning-card .meaning-item{grid-column:1}.meaning-card .learn-cta{grid-area:1/2/span 3}.meaning-item{grid-template-columns:34px 1fr;gap:18px;margin:18px 0 22px;display:grid}.legend-swatch{border-radius:5px;width:34px;height:24px;margin-top:2px;box-shadow:0 0 18px}.legend-swatch.cyan{color:#25b8ff73;background:#25b8ff}.legend-swatch.pink{color:#ff5fa873;background:#ff4f9b}.meaning-item h3{color:#43c6ff;margin:0 0 8px;font-size:17px}.legend-swatch.pink+div h3{color:#ff5fa8}.meaning-item p,.facts-list li,.preview-content p,.scale-header p,.position-card p{color:#d5dbea;margin:0;font-size:16px;line-height:1.55}.learn-cta{background:radial-gradient(circle at 22% 14%,#25b8ff42,#0000 42%),linear-gradient(#081c33db,#051324d1);border:1px solid #25b8ff52;border-radius:8px;grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch;justify-items:start;gap:14px;margin-top:0;padding:18px;display:grid;box-shadow:0 0 26px #25b8ff17}.learn-cta-icon{color:#7ddfff;background:#08203ad1;border:1px solid #25b8ff80;border-radius:50%;place-items:center;width:54px;height:54px;display:grid;box-shadow:inset 0 0 18px #25b8ff1f,0 0 24px #25b8ff2e}.learn-cta-icon .icon{width:30px;height:30px}.learn-cta-copy{align-self:center;gap:8px;display:grid}.learn-cta p{color:#eef7ff;margin:0;font-size:20px;font-weight:900;line-height:1.12}.learn-cta-copy span{color:#b9d7f1;font-size:15px;line-height:1.45}.learn-link{color:#f0fbff;width:100%;min-height:46px;font:inherit;cursor:pointer;background:linear-gradient(#0e749075,#0c3658b8),#08182de6;border:1px solid #25b8ff8c;border-radius:8px;justify-content:space-between;align-self:end;align-items:center;gap:12px;padding:0 18px;font-size:15px;font-weight:900;text-decoration:none;display:inline-flex;box-shadow:0 0 24px #25b8ff2e}.learn-link:hover{border-color:#25c2ffe6;box-shadow:0 0 30px #25b8ff47}.facts-list{border-bottom:1px solid #6482a83d;gap:14px;margin:0 0 20px;padding:0 0 20px;list-style:none;display:grid}.facts-list li{padding-left:14px;position:relative}.facts-list li:before{content:"›";color:#1db5ff;position:absolute;left:0}.facts-list span{color:#aeb9cc;margin-top:6px;display:block}.display-options h3{color:#f3f6ff;letter-spacing:.04em;text-transform:uppercase;margin:0 0 14px;font-size:14px}.option-row{grid-template-columns:auto auto;align-items:center;gap:12px;display:grid}.option-row>span{color:#cbd5e1;font-size:13px}.segmented{background:#071427b3;border:1px solid #4571b38f;border-radius:8px;grid-auto-flow:column;display:inline-grid;overflow:hidden}.segmented.compact{min-width:90px}.theme-toggle{min-width:112px}.segmented button{color:#cbd5e1;min-height:32px;font:inherit;cursor:pointer;background:0 0;border:0;border-left:1px solid #4571b366;padding:0 16px}.theme-toggle button{min-width:56px;min-height:40px;padding:0 15px}.theme-toggle .icon{width:24px;height:24px}.segmented button:first-child{border-left:0}.segmented button.active{color:#f8fbff;background:linear-gradient(#4070cdbf,#16376fc7);box-shadow:inset 0 0 18px #60a5fa47}.scale-card{grid-column:1/-1;padding-bottom:28px}.scale-header{justify-content:space-between;align-items:start;gap:24px;margin-bottom:22px;display:flex}.scale-header .card-title{margin-bottom:6px}.scale-controls{align-items:center;gap:12px;display:flex}.toggle-chip{color:#d6deee;min-height:36px;font:inherit;cursor:pointer;background:#041121bd;border:1px solid #4a6f998f;border-radius:8px;align-items:center;gap:12px;padding:0 14px;display:inline-flex}.switch{background:#2d3f5ce6;border-radius:999px;width:34px;height:18px;position:relative}.switch:after{content:"";background:#dbeafe;border-radius:50%;width:14px;height:14px;transition:transform .16s;position:absolute;top:2px;left:2px}.switch.on{background:#407cff}.switch.on:after{transform:translate(16px)}.day-scale{min-height:260px;margin:12px 26px 0;position:relative}.day-scale-axis{background:#e7ecf7;border-radius:999px;height:3px;position:absolute;top:124px;left:0;right:0;box-shadow:0 0 16px #fff3}.main-highlight,.gap-highlight{pointer-events:none;border:2px solid;border-bottom-width:3px;border-radius:10px 10px 0 0;height:62px;position:absolute;top:58px}.main-highlight{color:#5aa9ff;background:linear-gradient(90deg,#268bff33,#268bff14);box-shadow:0 0 38px #268bff47}.gap-highlight{color:#ff4fa3;background:linear-gradient(90deg,#ff4fa314,#ff4fa347);border-top:0;height:34px;top:86px;box-shadow:0 0 44px #ff4fa342}.segment-callout{z-index:4;color:#57b6ff;white-space:nowrap;background:#041121e6;border:1px solid;border-radius:7px;padding:8px 16px;font-size:14px;position:absolute;transform:translate(-50%)}.segment-callout.main{top:-2px}.segment-callout.gap{color:#ff5fa8;top:50px}.scale-anchor-item{--anchor-color:#94a3b8;z-index:5;text-align:center;pointer-events:none;width:88px;margin-left:-44px;position:absolute;top:40px}.scale-anchor-item strong{min-height:24px;color:var(--anchor-color);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:19px;display:block}.scale-anchor-item .tick{border-left:1px dotted #b8c7e080;width:1px;height:74px;margin:2px auto 0;display:block}.scale-anchor-item .dot{border:2px solid var(--anchor-color);background:#f7fbff;border-radius:50%;width:13px;height:13px;position:absolute;top:82px;left:50%;transform:translate(-50%);box-shadow:0 0 15px #ffffff1a}.scale-anchor-item em{color:#b6c1d4;margin-top:12px;font-size:15px;font-style:normal;display:block}.current-marker{z-index:8;color:#f8fbff;justify-items:center;width:156px;margin-left:-78px;display:grid;position:absolute;top:118px}.current-marker>span{background:#fff;border-radius:50%;width:10px;height:10px;margin-bottom:48px;box-shadow:0 0 16px #ff5fa8,0 0 36px #ff5fa899}.current-marker strong,.current-marker em,.current-marker small{text-align:center;background:#091325e0;border-left:1px solid #ff5fa8;border-right:1px solid #ff5fa8;width:100%;display:block}.current-marker strong{color:#ff5fa8;text-transform:uppercase;border-top:1px solid #ff5fa8;border-radius:7px 7px 0 0;padding-top:8px;font-size:13px}.current-marker em{color:#ff71b4;font-style:normal;font-weight:850}.current-marker small{color:#dce5ff;border-bottom:1px solid #ff5fa8;border-radius:0 0 7px 7px;padding:0 8px 8px}.selection-card,.position-card,.gap-card{min-height:280px}.selection-row{background:#041121a3;border:1px solid #4a6f9947;border-radius:8px;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:12px;display:grid}.selection-row div,.gap-selection-summary{justify-items:center;gap:6px;display:grid}.selection-row b{color:#cbd5e1;font-size:26px;font-weight:500}.selection-row strong,.gap-selection-summary strong{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:32px}.gap-selection-summary{background:#041121a3;border:1px solid #4a6f9947;border-radius:8px;margin-top:2px;padding:14px}.gap-selection-summary strong{font-size:42px}.position-rail{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;display:grid}.position-rail>span{color:#edf4ff;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:18px}.position-rail>div{border-left:2px solid #9ce5ff;border-right:2px solid #ff5fa8;height:24px;position:relative}.position-rail>div:before{content:"";background:linear-gradient(90deg,#75d7ff,#ff5fa8);height:3px;position:absolute;top:11px;left:0;right:0}.position-rail i{background:#ff5fa8;height:3px;position:absolute;top:11px;left:0;box-shadow:0 0 18px #ff5fa8b8}.position-rail b{background:#ff5fa8;border:3px solid #fff;border-radius:50%;width:17px;height:17px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #ff5fa8b3}.percent-readout{color:#ff5fa8;text-align:center;margin:30px 0 8px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:30px;display:block}.position-card>p{text-align:center}.duration-lines{gap:10px;margin:28px 0 0;display:grid}.duration-lines div{color:#cbd5e1;justify-content:center;gap:12px;display:flex}.duration-lines dt,.duration-lines dd{margin:0}.duration-lines dd{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.gap-button-grid{flex-wrap:wrap;gap:10px;display:flex}.gap-button-grid button,.pill,.input-row button,.example-row button{color:#d7dfef;min-height:40px;font:inherit;cursor:pointer;background:#041121b8;border:1px solid #4a6f996b;border-radius:7px;padding:0 12px}.gap-button-grid button.active,.pill.active,.example-row button.active{color:#ffe9f4;background:#ff4fa338;border-color:#ff4fa3;box-shadow:0 0 20px #ff4fa338}.converter-grid{grid-template-columns:minmax(360px,.82fr) minmax(420px,1fr);gap:20px;display:grid}.duration-layout,.info-grid,.quick-start-layout,.timer-tool-layout,.resources-layout{gap:20px;display:grid}.operand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.surface-panel{overflow:hidden}.surface-panel.compact{min-width:0}.panel-title{border-bottom:1px solid #4a6f9938;align-items:center;gap:10px;min-height:58px;padding:16px 20px;display:flex}.panel-title h2{color:#dce5ff;text-transform:uppercase;margin:0;font-size:16px}.panel-title .icon{color:#25b8ff}.panel-body,.readout-panel{gap:18px;padding:20px;display:grid}.readout-panel{align-content:center}.readout-label,.metric p,.picker-block p,.input-block span,.readout-card p{color:#a7b4c8;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:850}.fraction-readout{color:#f8fafc;flex-wrap:wrap;align-items:center;gap:12px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(38px,5vw,58px);font-weight:850;line-height:1;display:flex}.fraction-readout span{color:#ff5fa8}.readout-card,.metric,.inline-status{background:#041121b8;border:1px solid #4a6f9952;border-radius:8px;padding:16px}.readout-card strong,.metric strong{color:#f8fafc;overflow-wrap:anywhere;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.readout-card strong{font-size:34px}.metric strong{font-size:20px}.metric-cyan strong{color:#25b8ff}.metric-pink strong{color:#ff5fa8}.metric-grid,.result-grid{gap:12px;display:grid}.metric-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.result-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.timer-tool-layout{grid-template-columns:minmax(0,1fr)}.timer-tool-layout.stopwatch-layout{grid-template-columns:minmax(420px,1.35fr) minmax(320px,.65fr)}.timer-hero{background:radial-gradient(circle at 25% 30%,#25b8ff2e,#0000 34%),radial-gradient(circle at 72% 60%,#ff5fa81f,#0000 34%),#041121b8;border:1px solid #4a6f9952;border-radius:8px;gap:10px;padding:28px;display:grid}.timer-hero.finished{border-color:#ff5fa885;box-shadow:0 0 30px #ff5fa821}.timer-hero strong{color:#f8fbff;overflow-wrap:anywhere;text-shadow:0 0 26px #25b8ff42;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(38px,6vw,76px);font-weight:900;line-height:1}.timer-hero span{color:#ff77b7;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(24px,3vw,36px);font-weight:850}.timer-control-row{flex-wrap:wrap;gap:10px;display:flex}.timer-action{color:#eaf4ff;min-height:44px;font:inherit;cursor:pointer;background:#041121e0;border:1px solid #4a6f996b;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:0 16px;font-size:14px;font-weight:850;display:inline-flex}.timer-action.primary{background:linear-gradient(#0e749061,#0c3658ad),#08182ddb;border-color:#25b8ff80}.timer-action:hover:not(:disabled){color:#fff;border-color:#25c2ffdb;box-shadow:0 0 24px #25b8ff29}.timer-action:disabled{opacity:.46;cursor:not-allowed}.timer-action .icon{width:18px;height:18px}.timer-input-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.timer-lap-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.timer-lap-list li{background:#041121b8;border:1px solid #4a6f9952;border-radius:8px;grid-template-columns:auto minmax(0,1fr);gap:6px 14px;padding:12px;display:grid}.timer-lap-list span{color:#a7b4c8;text-transform:uppercase;font-size:12px;font-weight:850}.timer-lap-list strong,.timer-lap-list em{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-style:normal}.timer-lap-list strong{color:#f8fafc;text-align:right}.timer-lap-list em{color:#ff77b7;grid-column:1/-1}.picker-block,.input-block{gap:10px;display:grid}.fraction-grid,.pill-row,.example-row{flex-wrap:wrap;gap:8px;display:flex}.pill{font-size:14px}.input-block input{color:#ecfeff;min-width:0;min-height:42px;font:inherit;background:#041121e0;border:1px solid #4a6f996b;border-radius:8px;padding:0 12px;font-weight:740}.input-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.input-row button,.example-row button{padding:0 14px}.inline-status{color:#ff8dc1;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-weight:820}.small-copy,.error-text{color:#aeb9cc;margin:0;font-size:14px;line-height:1.55}.error-text{color:#ff8dc1;font-weight:800}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-start-intro{grid-template-columns:minmax(280px,.55fr) minmax(320px,1fr);align-items:center;gap:24px;padding:24px;display:grid}.quick-start-intro h2{color:#f8fbff;margin:0;font-size:clamp(28px,4vw,46px);line-height:1}.quick-start-intro p:last-child{color:#c7d2e4;max-width:760px;margin:0;font-size:17px;line-height:1.6}.quick-start-poster-grid{gap:20px;display:grid}.quick-start-poster-card{grid-template-columns:minmax(280px,.78fr) minmax(320px,1fr);align-items:stretch;gap:24px;padding:18px;display:grid}.quick-start-poster-card.poster-pink{border-color:#ff5fa857}.quick-start-poster-card.poster-blue{border-color:#60a5fa57}.quick-start-poster-media{background:#fff;border:1px solid #aac9ee5c;border-radius:8px;min-width:0;margin:0;overflow:hidden;box-shadow:0 18px 34px #00000047}.quick-start-poster-media img{object-fit:contain;background:#fff;width:100%;height:100%;max-height:760px;display:block}.quick-start-copy{flex-direction:column;align-items:flex-start;gap:18px;min-width:0;padding:12px 6px 12px 0;display:flex}.quick-start-step{color:#bfefff;letter-spacing:.08em;text-transform:uppercase;background:#0e74902e;border:1px solid #25b8ff6b;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:900}.quick-start-file{color:#d9e7f9;background:#06182cb8;border:1px solid #94b5e047;border-radius:999px;padding:6px 10px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px}.quick-start-copy h3{color:#f8fbff;margin:0;font-size:clamp(28px,4.2vw,54px);line-height:.98}.quick-start-copy p{color:#c9d5e8;max-width:820px;margin:0;font-size:18px;line-height:1.65}.quick-start-copy ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.quick-start-copy li{color:#e4edf9;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;font-size:16px;line-height:1.45;display:grid}.quick-start-copy li .icon{color:#25b8ff;width:18px;height:18px;margin-top:2px}.poster-pink .quick-start-copy li .icon,.poster-pink .quick-start-step{color:#ff72b7}.poster-blue .quick-start-copy li .icon{color:#60a5fa}.quick-start-open-link{color:#ebf8ff;min-height:42px;font:inherit;cursor:pointer;background:linear-gradient(#0e749057,#0c36589e),#08182dd6;border:1px solid #25b8ff6b;border-radius:8px;justify-content:center;align-items:center;margin-top:auto;padding:0 16px;font-size:14px;font-weight:820;text-decoration:none;display:inline-flex}.quick-start-open-link:hover{color:#fff;border-color:#25c2ffdb;box-shadow:0 0 26px #25b8ff2e}.quick-start-depth-card{background:radial-gradient(circle at 14% 20%,#ff5fa829,#0000 34%),linear-gradient(#051222f5,#040f1de0),#020814e6;border:1px solid #ff5fa852;border-radius:10px;grid-template-columns:minmax(220px,.5fr) minmax(280px,1fr) auto;align-items:center;gap:22px;padding:24px;display:grid;box-shadow:inset 0 1px #ffffff09,0 0 28px #ff5fa814}.quick-start-depth-card h3{color:#f8fbff;margin:12px 0 0;font-size:clamp(26px,3.5vw,44px);line-height:1}.quick-start-depth-card p{color:#c9d5e8;margin:0;font-size:17px;line-height:1.6}.resources-intro{grid-template-columns:minmax(280px,.55fr) minmax(320px,1fr);align-items:center;gap:24px;padding:24px;display:grid}.resources-intro h2{color:#f8fbff;margin:0;font-size:clamp(28px,4vw,46px);line-height:1}.resources-intro p:last-child{color:#c7d2e4;max-width:760px;margin:0;font-size:17px;line-height:1.6}.book-resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.book-resource-card{grid-template-columns:150px minmax(0,1fr);gap:18px;min-width:0;padding:18px;display:grid}.book-thumbnail{aspect-ratio:3/4;object-fit:cover;background:#030c19b8;border:1px solid #94b5e052;border-radius:7px;width:100%;box-shadow:0 18px 28px #00000047}.book-resource-body{flex-direction:column;align-items:flex-start;gap:14px;min-width:0;display:flex}.book-resource-body h3,.logo-resource-card h3,.archive-resource-card h3{color:#f2f7ff;margin:0;font-size:20px;line-height:1.15}.book-resource-body p,.logo-resource-card p,.archive-resource-card p{color:#bdc9dc;margin:0;font-size:15px;line-height:1.55}.resource-download-button{color:#ebf8ff;white-space:nowrap;background:linear-gradient(#0e749061,#0c3658ad),#08182ddb;border:1px solid #25b8ff6b;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:42px;margin-top:auto;padding:0 16px;font-size:14px;font-weight:820;text-decoration:none;display:inline-flex;box-shadow:0 0 22px #25b8ff1f}.resource-download-button:hover{color:#fff;border-color:#25c2ffdb;box-shadow:0 0 26px #25b8ff3d}.resource-download-button .icon{width:18px;height:18px}.archive-resource-card{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;padding:22px 24px;display:grid}.logo-resource-card{grid-template-columns:minmax(180px,260px) minmax(0,1fr) auto;align-items:center;gap:22px;padding:22px 24px;display:grid}.logo-resource-preview{background:#fff;border:1px solid #94b5e052;border-radius:8px;width:100%;box-shadow:0 18px 28px #00000047}.archive-icon{color:#ff72b7;background:radial-gradient(circle at 50% 25%,#ff5fa833,#0000 56%),#10081cb8;border:1px solid #ff5fa861;border-radius:10px;grid-template-rows:auto auto;align-content:center;place-items:center;gap:4px;width:90px;height:90px;display:grid;box-shadow:0 0 24px #ff5fa81f}.archive-icon .icon{width:42px;height:42px}.archive-icon span{color:#ffd6e8;letter-spacing:.08em;font-size:12px;font-weight:900}.archive-contents{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.archive-contents span{color:#d9e7f9;background:#06182cb8;border:1px solid #94b5e047;border-radius:999px;padding:6px 10px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px}.scales-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.scale-frame{background:#0411219e;border:1px solid #4a6f9952;border-radius:8px;justify-items:center;min-width:0;display:grid;overflow:hidden}.scale-svg{width:50%;display:block}.scale-title{fill:#43c6ff;font-size:24px;font-weight:900}.scale-note{fill:#aeb9cc;font-size:16px}.scale-note.bright{fill:#f8fafc}.scale-big{font-size:30px;font-weight:900}.scale-axis{stroke:#e7ecf7;stroke-width:3px}.scale-end{fill:#e7ecf7}.hour-tick{stroke:#93a4bd;stroke-width:1.5px}.scale-anchor{cursor:pointer}.analog-clock-page{background:radial-gradient(circle,#0d94ff1f,#0000 43%),radial-gradient(circle at 57% 63%,#ff4fa31f,#0000 22%),#020612c7;border:1px solid #4a6f9947;border-radius:12px;place-items:center;min-height:calc(100svh - 170px);display:grid;position:relative;overflow:hidden}.analog-clock-page:fullscreen{border:0;border-radius:0;width:100vw;height:100vh;min-height:100vh}.analog-clock-page:fullscreen .fraction-analog-clock{width:min(98vw,98vh);max-height:98vh}.analog-fullscreen-button{z-index:2;color:#ecf5ff;cursor:pointer;background:#071226c7;border:1px solid #5481b894;border-radius:8px;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:18px;right:18px;box-shadow:inset 0 0 22px #25b8ff1f,0 0 20px #25b8ff24}.analog-fullscreen-button:hover:not(:disabled){color:#25c2ff;background:#091d3adb;border-color:#25c2ffd1}.analog-fullscreen-button:disabled{opacity:.45;cursor:not-allowed}.analog-fullscreen-button .icon{width:20px;height:20px}.fraction-analog-clock{filter:drop-shadow(0 0 32px #25b8ff24);border-radius:50%;width:min(92svh,94vw,1040px);max-height:calc(100svh - 190px);display:block}.analog-face-light{display:none}.analog-scale-ring{fill:none;stroke:#46699b75;stroke-width:1.2px}.analog-tick{stroke:#e6eeffe6;stroke-width:2px;stroke-linecap:round}.analog-tick.major{stroke-width:4px}.anchor-mark{color:var(--anchor-color)}.anchor-mark line{stroke:#f6f9fff0;stroke-width:4px;stroke-linecap:round}.anchor-mark text{fill:#ecf4ff;text-anchor:middle;dominant-baseline:middle;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:25px;font-weight:780}.anchor-mark:first-of-type text{font-size:34px;font-weight:880}.analog-main-highlight,.analog-gap-highlight{fill:none;stroke-linecap:round}.analog-main-highlight{stroke:#23bfff;stroke-width:10px}.analog-gap-highlight{stroke:#ff5cad;stroke-width:8px}.analog-cyan-hand,.analog-gap-hand{stroke:#25c2ff;stroke-width:4px;stroke-linecap:round}.analog-gap-hand{stroke:#ff5cad;stroke-width:5px}.analog-center-copy text{fill:#e8eefb;text-anchor:middle;letter-spacing:.08em;text-transform:uppercase;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.analog-fraction-value{letter-spacing:0;text-transform:none;font-size:68px;font-weight:900}.analog-main-value,.analog-gap-value,.analog-divider,.analog-bracket{letter-spacing:0;text-transform:none;font-weight:900}.analog-main-value{fill:#25c2ff;filter:drop-shadow(0 0 16px #25c2ffb8)}.analog-gap-value{fill:#ff5cad;filter:drop-shadow(0 0 16px #ff5cadb8)}.analog-divider{fill:#e8eefbeb;font-weight:360}.analog-bracket{fill:#e8eefbe6;font-weight:520}.analog-between{fill:#d4dcea;letter-spacing:.02em;text-transform:none;font-size:25px}.analog-legend{fill:#d9e2f2;letter-spacing:0;text-anchor:middle;text-transform:none;font-size:18px}.cyan-word{fill:#25c2ff}.pink-word{fill:#ff5cad}.analog-hub-ring{fill:none;stroke:#ff78bf;stroke-width:2.2px;filter:drop-shadow(0 0 9px #ff5cadad)}.analog-hub-ring.outer{stroke:#5d85ff6b}.analog-hub-ring.middle{stroke-width:4px}.analog-hub-dot{fill:#fff3fb;filter:drop-shadow(0 0 11px #ff5cadeb)}.info-card{padding:22px}.info-card h2{color:#dce5ff;align-items:center;gap:10px;margin:0 0 12px;font-size:18px;display:flex}.info-card .icon{color:#25b8ff}.info-card p{color:#d5dbea;margin:0;line-height:1.65}.site-footer{color:#b6c1d4;background:#020814bd;border-top:1px solid #4a6f9938;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px;min-height:66px;padding:0 40px;display:grid}.site-footer strong{color:#20c5ff;text-align:center;font-weight:650}.site-footer span:last-child{text-align:right}.app-shell.theme-bright{color:#0b1e37;background:radial-gradient(circle at 46% 28%,#25b8ff33,#0000 34%),radial-gradient(circle at 72% 58%,#ff5fa824,#0000 25%),linear-gradient(#f7fbff 0%,#eef6ff 48%,#e8f2fd 100%)}.theme-bright .topbar,.theme-bright .site-footer{color:#33506f;background:#ffffffd1;border-color:#5c81ae42;box-shadow:0 10px 28px #14365e1f}.theme-bright h1,.theme-bright .card-title h2,.theme-bright .panel-title h2,.theme-bright .quick-start-intro h2,.theme-bright .quick-start-copy h3,.theme-bright .quick-start-depth-card h3,.theme-bright .resources-intro h2,.theme-bright .book-resource-body h3,.theme-bright .logo-resource-card h3,.theme-bright .archive-resource-card h3,.theme-bright .info-card h2,.theme-bright .display-options h3{color:#071d38}.theme-bright .brand-block p,.theme-bright .current-date,.theme-bright .meaning-item p,.theme-bright .facts-list li,.theme-bright .scale-header p,.theme-bright .position-card p,.theme-bright .quick-start-intro p:last-child,.theme-bright .quick-start-copy p,.theme-bright .quick-start-copy li,.theme-bright .quick-start-depth-card p,.theme-bright .resources-intro p:last-child,.theme-bright .book-resource-body p,.theme-bright .logo-resource-card p,.theme-bright .archive-resource-card p,.theme-bright .info-card p,.theme-bright .small-copy{color:#405a78}.theme-bright .cyan,.theme-bright .cyan-text{color:#007fc2}.theme-bright .pink,.theme-bright .pink-text{color:#d9287c}.theme-bright .tab-button{color:#132c4c}.theme-bright .tab-button:hover{background:#25b8ff1a}.theme-bright .tab-button.active{background:linear-gradient(#d9f0fff5,#bce1fbc7),#ffffffc2;border-color:#2584c433}.theme-bright .tab-submenu,.theme-bright .tab-list.mobile-open{background:linear-gradient(#fffffffa,#eff7fff5),#fffffff5;border-color:#5c81ae47;box-shadow:0 20px 34px #1b3f6829,0 0 28px #25b8ff14}.theme-bright .tab-submenu button,.theme-bright .mobile-menu-button{color:#193654;background:#e6f3ffc7}.theme-bright .tab-submenu button:hover,.theme-bright .tab-submenu button.active{color:#071d38;background:#bee4ffc7}.theme-bright .dashboard-card,.theme-bright .surface-panel,.theme-bright .readout-panel,.theme-bright .info-card,.theme-bright .quick-start-intro,.theme-bright .quick-start-poster-card,.theme-bright .quick-start-depth-card,.theme-bright .resources-intro,.theme-bright .book-resource-card,.theme-bright .logo-resource-card,.theme-bright .archive-resource-card{background:linear-gradient(#fffffff2,#f5faffe6),#ffffffeb;border-color:#5c81ae40;box-shadow:inset 0 1px #ffffffb8,0 16px 34px #174e841a}.theme-bright .panel-title{border-bottom-color:#5c81ae38}.theme-bright .readout-label,.theme-bright .metric p,.theme-bright .picker-block p,.theme-bright .input-block span,.theme-bright .readout-card p,.theme-bright .card-title small,.theme-bright .facts-list span,.theme-bright .option-row>span,.theme-bright .scale-anchor-item em,.theme-bright .timer-lap-list span{color:#607894}.theme-bright .current-fraction-time,.theme-bright .current-classical,.theme-bright .fraction-readout,.theme-bright .readout-card strong,.theme-bright .metric strong,.theme-bright .timer-hero strong,.theme-bright .timer-lap-list strong,.theme-bright .position-rail>span{color:#061a35;text-shadow:none}.theme-bright .current-fraction-time b{color:#7d8ea4}.theme-bright .metric-cyan strong{color:#007fc2}.theme-bright .metric-pink strong{color:#d9287c}.theme-bright .fraction-pair,.theme-bright .selection-row,.theme-bright .gap-selection-summary,.theme-bright .readout-card,.theme-bright .metric,.theme-bright .inline-status,.theme-bright .timer-hero,.theme-bright .timer-lap-list li,.theme-bright .scale-frame{background:#eef7ffb8;border-color:#5c81ae3d}.theme-bright .learn-cta{background:radial-gradient(circle at 22% 14%,#25b8ff38,#0000 42%),linear-gradient(#eef8fff0,#dceefbdb);border-color:#258fcd47}.theme-bright .learn-cta p{color:#071d38}.theme-bright .learn-cta-copy span{color:#4c6683}.theme-bright .learn-cta-icon{color:#007fc2;background:#ffffffc7}.theme-bright .learn-link,.theme-bright .quick-start-open-link,.theme-bright .resource-download-button,.theme-bright .timer-action.primary{color:#fff;background:linear-gradient(#0091cde0,#005ea4e6),#0077bd;box-shadow:0 10px 22px #0080c229}.theme-bright .timer-action,.theme-bright .toggle-chip,.theme-bright .gap-button-grid button,.theme-bright .pill,.theme-bright .input-row button,.theme-bright .example-row button{color:#153250;background:#ffffffc7;border-color:#5c81ae4d}.theme-bright .gap-button-grid button.active,.theme-bright .pill.active,.theme-bright .example-row button.active{color:#9f1658;background:#ff5fa81f;border-color:#d9287c;box-shadow:0 0 18px #ff5fa829}.theme-bright .segmented{background:#e4f2ffdb;border-color:#5c81ae57}.theme-bright .segmented button{color:#395573;border-left-color:#5c81ae3d}.theme-bright .segmented button.active{color:#fff;background:linear-gradient(#008bd1d1,#0058a2d1)}.theme-bright .input-block input{color:#071d38;background:#ffffffdb;border-color:#5c81ae57}.theme-bright .day-scale-axis,.theme-bright .scale-axis{stroke:#254b72;background:#254b72;box-shadow:0 0 12px #254b721f}.theme-bright .scale-end{fill:#254b72}.theme-bright .scale-anchor-item .dot{background:#fff;box-shadow:0 0 14px #254b721f}.theme-bright .segment-callout,.theme-bright .current-marker strong,.theme-bright .current-marker em,.theme-bright .current-marker small{background:#ffffffeb}.theme-bright .current-marker{color:#071d38}.theme-bright .current-marker small,.theme-bright .duration-lines div,.theme-bright .selection-row b{color:#405a78}.theme-bright .quick-start-step,.theme-bright .quick-start-file,.theme-bright .archive-contents span{color:#19486e;background:#e8f4ffc7}.theme-bright .archive-icon{background:radial-gradient(circle at 50% 25%,#ff5fa829,#0000 56%),#ffeef7c2}.theme-bright .archive-icon span{color:#a91459}.theme-bright .analog-clock-page{background:radial-gradient(circle,#0d94ff1a,#0000 43%),radial-gradient(circle at 57% 63%,#ff4fa31a,#0000 22%),#f6fbffdb;border-color:#5c81ae38}.theme-bright .analog-fullscreen-button{color:#173653;background:#ffffffd1}.theme-bright .fraction-analog-clock{filter:drop-shadow(0 12px 30px #174e841f)}.theme-bright .analog-face-dark{display:none}.theme-bright .analog-face-light{display:block}.theme-bright .analog-scale-ring{stroke:#5c81ae6b}.theme-bright .analog-tick,.theme-bright .anchor-mark line{stroke:#0c2746c7}.theme-bright .anchor-mark text,.theme-bright .analog-center-copy text{fill:#102b4a}.theme-bright .analog-between,.theme-bright .analog-legend{fill:#405a78}.theme-bright .analog-divider,.theme-bright .analog-bracket{fill:#102b4adb}.theme-bright .analog-main-value,.theme-bright .cyan-word{fill:#007fc2}.theme-bright .analog-gap-value,.theme-bright .pink-word{fill:#d9287c}.theme-bright .scale-title{fill:#007fc2}.theme-bright .scale-note{fill:#405a78}.theme-bright .scale-note.bright{fill:#071d38}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #25b8ff61}@media (width<=1180px){.topbar,.now-dashboard,.converter-grid,.operand-grid,.info-grid,.quick-start-intro,.quick-start-poster-card,.quick-start-depth-card,.resources-intro,.logo-resource-card,.book-resource-grid{grid-template-columns:1fr}.topbar{align-items:start}.tab-list{border-top:1px solid #4a6f9938}.meaning-card{grid-template-columns:1fr}.meaning-card .learn-cta{grid-area:auto/1}.selection-card,.position-card,.gap-card{min-height:auto}.timer-tool-layout,.timer-tool-layout.stopwatch-layout{grid-template-columns:1fr}}@media (width<=760px){.topbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;position:relative}.tab-panel{padding:14px}.brand-block{align-items:center;gap:12px;min-width:0;padding:12px 14px}.brand-clock{display:none}.brand-block p{gap:6px;font-size:13px}.brand-block strong{font-size:13px}.mobile-menu-button{color:#eef6ff;min-height:44px;font:inherit;cursor:pointer;background:linear-gradient(#0e2d4d9e,#04172ae6),#0f172ac7;border:1px solid #4a6f996b;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-right:14px;padding:0 13px;font-size:14px;font-weight:850;display:inline-flex}.mobile-menu-button .icon{width:20px;height:20px}.tab-list{z-index:50;background:linear-gradient(#051222fa,#040f1df2),#020814f5;border:1px solid #4a6f996b;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px;display:none;position:absolute;top:calc(100% + 8px);left:14px;right:14px;box-shadow:0 24px 42px #00000075,0 0 28px #25b8ff1f}.tab-list.mobile-open{display:grid}.tab-button{border:1px solid #4a6f9947;border-radius:8px;justify-content:flex-start;gap:8px;min-height:46px;padding:0 12px;font-size:14px}.tab-button.active:after{border-radius:999px;height:2px;bottom:6px;left:8px;right:8px}.tab-menu-wrap{grid-column:1/-1}.tab-list.mobile-open .tab-submenu{min-width:0;box-shadow:none;opacity:1;pointer-events:auto;visibility:visible;background:#0208146b;border-color:#4a6f9942;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:8px;padding:6px;position:static;transform:none}.tab-list.mobile-open .tab-submenu button{justify-content:center;min-height:42px}.dashboard-card{padding:18px}.fraction-pair,.selection-row,.result-grid,.metric-grid.two,.scales-layout,.quick-start-intro,.quick-start-poster-card,.quick-start-depth-card,.book-resource-card,.logo-resource-card,.archive-resource-card,.timer-input-grid{grid-template-columns:1fr}.quick-start-poster-media img{max-height:none}.book-thumbnail{max-width:180px}.archive-download{width:100%}.fraction-divider{width:100%;height:1px}.scale-header,.scale-controls,.option-row{flex-direction:column;align-items:stretch}.option-row{display:flex}.day-scale{min-width:980px}.scale-card{overflow-x:auto}.fraction-analog-clock{width:980px;max-width:none}.analog-clock-page{justify-content:start;overflow-x:auto}.site-footer{grid-template-columns:1fr;padding:18px}.site-footer,.site-footer strong,.site-footer span:last-child{text-align:left}}@media (width<=480px){.tab-list,.input-row{grid-template-columns:1fr}}