:root{--bg:#000;--surface:#1b1a18;--surface-2:#24221f;--border:#3a3631;--border-strong:#5a544c;--text:#ece8e1;--muted:#9c968c;--faint:#6f6a62;--accent:#9a5cff;--accent-soft:#b892ff;--accent-text:#0f0d12;--accent-tint:color-mix(in srgb, var(--accent) 14%, var(--surface));--ok:#6cc495;--error:#ef7a5e;--ease:cubic-bezier(.25, 1, .5, 1);--t-hover:.12s;--t-base:.18s;--t-panel:.26s;--t-exit:90ms;--font-ui:"Raleway", system-ui, sans-serif;--font-mono:"IBM Plex Mono", "JetBrains Mono", ui-monospace, monospace;--nav-h:64px;--gutter:clamp(16px, 3vw, 48px)}*,:before,:after{box-sizing:border-box;border-radius:0}html,body,#root{background:var(--bg);height:100%;margin:0;overflow:hidden}body{font-family:var(--font-ui);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:17px;font-weight:400;line-height:1.6}h1,h2,h3,p{margin:0}::selection{background:var(--accent);color:var(--accent-text)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input{font:inherit}:focus-visible{outline:1px solid var(--accent);outline-offset:3px}img,video{max-width:100%;display:block}.mono{font-family:var(--font-mono)}@keyframes k-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes k-draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes k-glitch{0%,to{opacity:.35}50%{opacity:.8}}.in{opacity:0;animation:k-in .42s var(--ease) forwards;animation-delay:calc(80ms + var(--i,0) * 45ms)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-delay:0s!important}}.app{grid-template-rows:var(--nav-h) minmax(0, 1fr);height:100dvh;display:grid}.route{height:100%;min-height:0;position:relative;overflow:hidden}.scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent;overflow-y:auto}.scroll::-webkit-scrollbar{width:6px}.scroll::-webkit-scrollbar-thumb{background:var(--border)}.nav{padding:0 var(--gutter);border-bottom:1px solid var(--border-strong);background:var(--bg);z-index:20;align-items:center;gap:24px;display:flex;position:relative}.nav-brand{letter-spacing:.01em;flex:none;align-items:center;gap:12px;font-size:19px;font-weight:500;display:flex}.nav-brand img{height:28px}.nav-links{gap:6px;margin:0 auto;display:flex}.nav-link{color:var(--muted);transition:color var(--t-hover) var(--ease);padding:8px 14px;font-size:15px;font-weight:500;position:relative}.nav-link:hover,.nav-link.active{color:var(--text)}.nav-link .key{opacity:0;transition:opacity var(--t-hover);margin-left:8px}.nav-link:hover .key{opacity:1}.nav-right{color:var(--muted);flex:none;gap:20px;font-size:14px;display:flex}.nav-right a:hover{color:var(--text)}.marker{background:var(--accent);width:22px;height:3px;transition:transform var(--t-panel) var(--ease), opacity var(--t-base);position:absolute;bottom:-2px;left:0}.nav-menu{width:44px;height:44px;margin-left:auto;display:none;position:relative}.nav-menu span{background:var(--text);height:1px;transition:transform var(--t-base) var(--ease);position:absolute;left:12px;right:12px}.nav-menu span:first-child{top:17px}.nav-menu span:last-child{top:26px}.nav-menu.open span:first-child{transform:translateY(4.5px)rotate(45deg)}.nav-menu.open span:last-child{transform:translateY(-4.5px)rotate(-45deg)}.sheet{top:var(--nav-h);background:var(--surface);border-bottom:1px solid var(--border-strong);clip-path:inset(0 0 100%);transition:clip-path var(--t-panel) var(--ease);z-index:19;position:absolute;left:0;right:0}.sheet.open{clip-path:inset(0)}.sheet a{height:56px;padding:0 var(--gutter);border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;font-size:18px;font-weight:500;display:flex}.sheet a.active{color:var(--text);box-shadow:inset 2px 0 0 var(--accent)}.sheet .sheet-out{padding:16px var(--gutter) 20px;border-top:1px solid var(--border);color:var(--muted);gap:24px;font-size:15px;display:flex}.sheet .sheet-out a{border:0;height:auto;padding:0;font-size:15px;display:inline}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}.eyebrow .accent{color:var(--accent-soft)}.display{letter-spacing:-.025em;font-size:clamp(48px,7.4vw,124px);font-weight:300;line-height:.98}.title{letter-spacing:-.015em;font-size:clamp(30px,3.4vw,52px);font-weight:300;line-height:1.1}.lead{color:var(--muted);font-size:clamp(18px,1.5vw,22px);line-height:1.5}.body{color:var(--muted);font-size:17px;line-height:1.7}.body b,.lead b{color:var(--text);font-weight:500}.accent{color:var(--accent)}.reading{font-family:var(--font-mono);color:var(--muted);font-size:13px}code,.code{font-family:var(--font-mono);color:var(--text);font-size:.88em}.key{border:1px solid var(--border-strong);min-width:24px;height:22px;font-family:var(--font-mono);color:var(--muted);justify-content:center;align-items:center;padding:0 6px;font-size:11px;line-height:1;display:inline-flex}.hints{font-family:var(--font-mono);color:var(--faint);flex-wrap:wrap;gap:18px;font-size:12px;display:flex}.hints span{align-items:center;gap:8px;display:inline-flex}.btn{border:1px solid var(--border-strong);height:52px;color:var(--text);transition:border-color var(--t-hover) var(--ease), background var(--t-hover) var(--ease), color var(--t-hover);white-space:nowrap;align-items:center;gap:12px;padding:0 26px;font-size:16px;font-weight:500;display:inline-flex}.btn:hover{border-color:var(--text)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.btn.primary:hover{background:var(--accent-soft);border-color:var(--accent-soft)}.btn .arrow{transition:transform var(--t-base) var(--ease)}.btn:hover .arrow{transform:translate(4px)}.link{color:var(--accent-soft);transition:border-color var(--t-hover);border-bottom:1px solid #0000}.link:hover{border-color:var(--accent-soft)}.ticks{align-items:flex-end;gap:10px;display:flex}.tick{background:var(--border-strong);width:2px;height:12px;transition:background var(--t-base), width var(--t-panel) var(--ease), height var(--t-panel) var(--ease)}.tick.seen{background:var(--muted)}.tick.now{background:var(--accent);width:22px;height:3px}button.tick-hit{align-items:flex-end;padding:10px 2px;display:flex}.panel{background:var(--surface);border:1px solid var(--border)}.stage{flex-direction:column;min-width:0;min-height:0;display:flex}.stage-frame{border:1px solid var(--border);border-top:1px solid var(--border-strong);background:#050505;flex:auto;min-height:0;position:relative;overflow:hidden}.stage-frame video,.stage-frame img.still{object-fit:scale-down;width:100%;height:100%;position:absolute;inset:0}.stage-frame .backdrop{object-fit:cover;opacity:.22;width:100%;height:100%;position:absolute;inset:0}.stage-frame.band .backdrop{opacity:.4}.stage-frame.band video{object-fit:initial;height:auto;inset:0 0 auto}.stage-frame .fade{animation:k-in .36s var(--ease)}.plate{border:1px solid var(--border);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000bd;max-width:calc(100% - 32px);padding:12px 18px;position:absolute;bottom:16px;left:16px}.plate:before{content:"";background:var(--accent);width:14px;height:3px;margin-bottom:8px;display:block}.plate .t{font-size:17px;font-weight:500}.plate .d{color:var(--muted);font-size:14px;line-height:1.45}.plate .keys{gap:6px;margin-top:8px;display:flex}.stage-bar{justify-content:space-between;align-items:center;gap:16px;min-height:40px;display:flex}.stage-bar .reading{font-size:12px}.play{background:#00000059;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.play span{border:1px solid var(--text);font-family:var(--font-mono);background:#0009;padding:10px 18px;font-size:13px}.switch{align-items:center;gap:16px;font-size:14px;display:flex}.switch button{color:var(--faint);transition:color var(--t-hover), border-color var(--t-hover);border-bottom:1px solid #0000;padding:4px 0}.switch button:hover{color:var(--text)}.switch button.on{color:var(--text);border-bottom-color:var(--accent)}.switch .link{margin-left:8px;font-size:14px}.stage-frame.band img.still{height:auto;inset:0 0 auto}.home-stage{flex-direction:column;min-height:0;display:flex}.home-stage .stage{flex:1}.system{transition:border-color var(--t-hover)}a.system:hover{border-color:var(--border-strong)}.btn:disabled{opacity:.45;cursor:default}.home{padding:clamp(20px, 3.4vh, 44px) var(--gutter) 0;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(340px,.85fr) minmax(0,1.15fr);gap:clamp(20px,3vw,56px);display:grid}.home-text{flex-direction:column;justify-content:center;gap:clamp(14px,2.4vh,26px);min-height:0;display:flex}.home-logo{align-self:flex-start;width:auto;height:clamp(56px,9vh,96px)}.home-cta{flex-wrap:wrap;gap:12px;margin-top:clamp(4px,1vh,12px);display:flex}.home-facts{color:var(--muted);grid-template-columns:auto 1fr;gap:6px 18px;font-size:15px;display:grid}.home-facts dt{font-family:var(--font-mono);color:var(--faint);padding-top:2px;font-size:13px}.home-facts dd{margin:0}.home-stage{padding:clamp(0px,1vh,12px) 0}.home-foot{border-top:1px solid var(--border);height:52px;color:var(--faint);grid-column:1/-1;justify-content:space-between;align-items:center;gap:24px;font-size:13px;display:flex}.home-foot .stack{font-family:var(--font-mono);letter-spacing:.06em}.home-foot a:hover{color:var(--text)}.voice{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;min-width:0;transition:opacity .4s var(--ease);font-size:15px;font-style:italic;overflow:hidden}.desktops{padding:0 var(--gutter) clamp(16px, 2.6vh, 32px);grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(300px,400px) minmax(0,1fr);column-gap:clamp(24px,3vw,56px);display:grid}.tabs{border-bottom:1px solid var(--border);grid-column:1/-1;gap:4px;margin-bottom:clamp(16px,2.6vh,32px);display:flex;position:relative}.tab{color:var(--muted);transition:color var(--t-hover);padding:18px 18px 14px;font-size:17px;font-weight:500}.tab:hover,.tab.active{color:var(--text)}.tab small{font-family:var(--font-mono);color:var(--faint);margin-left:10px;font-size:12px;font-weight:400}.tabs .marker{bottom:-2px}.desk-side{flex-direction:column;gap:clamp(10px,1.8vh,18px);min-height:0;display:flex}.desk-side .title{font-size:clamp(34px,3.6vw,56px)}.desk-by{font-family:var(--font-mono);color:var(--faint);font-size:13px}.desk-by a{color:var(--muted)}.desk-by a:hover{color:var(--text)}.features{border-top:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.feature{border-bottom:1px solid var(--border);text-align:left;min-height:40px;color:var(--muted);transition:background var(--t-hover), color var(--t-hover);align-items:center;gap:12px;padding:6px 12px 6px 16px;font-size:16px;display:flex;position:relative}.feature:before{content:"";background:var(--accent);opacity:0;width:2px;transition:opacity var(--t-hover);position:absolute;top:0;bottom:0;left:0}.feature:hover{color:var(--text)}.feature.active{background:var(--surface-2);color:var(--text)}.feature.active:before{opacity:1}.feature .n{font-family:var(--font-mono);color:var(--faint);width:20px;font-size:12px}.feature .k{gap:4px;margin-left:auto;display:flex}.desk-stage{flex-direction:column;min-height:0;display:flex}.desk-stage .stage{flex:1}.guide{grid-template-columns:minmax(280px,360px) minmax(0,1fr);display:grid}.spine{border-right:1px solid var(--border);flex-direction:column;gap:18px;min-height:0;padding:clamp(24px,4vh,48px) clamp(20px,2.4vw,40px);display:flex}.spine-list{border-left:1px solid var(--border-strong);flex-direction:column;margin-top:6px;display:flex;position:relative}.spine-row{text-align:left;height:43px;color:var(--faint);transition:color var(--t-hover);align-items:center;gap:14px;padding:0 0 0 18px;font-size:16px;display:flex}.spine-row.seen{color:var(--muted)}.spine-row:hover,.spine-row.active{color:var(--text)}.spine-row .n{font-family:var(--font-mono);flex:none;width:18px;font-size:12px}.spine-row.active .n{color:var(--accent-soft)}.spine-mark{background:var(--accent);width:3px;height:22px;transition:transform var(--t-panel) var(--ease);position:absolute;top:0;left:-2px}.guide-body{min-height:0;padding:clamp(28px,6vh,72px) clamp(24px,5vw,96px)}.guide-page{flex-direction:column;gap:22px;max-width:920px;display:flex}.guide-page .body{max-width:720px}.guide-page .title{font-size:clamp(34px,3.8vw,58px)}.guide-pager{display:none}.term{background:var(--surface);border:1px solid var(--border);border-top-color:var(--border-strong);font-family:var(--font-mono);padding:18px 22px;font-size:15px;line-height:1.75;overflow-x:auto}.term .p{color:var(--accent-soft);margin-right:10px}.term .q{color:var(--muted)}.term .ok{color:var(--ok)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border-strong);font-family:var(--font-mono);color:var(--text);padding:7px 12px;font-size:14px}.nots{color:var(--muted);font-size:clamp(18px,1.6vw,22px);line-height:1.75}.nots b{color:var(--text);font-weight:500}.install{padding:clamp(24px, 4vh, 56px) var(--gutter);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,72px);display:grid;overflow-y:auto}.install-main{flex-direction:column;gap:clamp(14px,2.4vh,24px);max-width:640px;display:flex}.iso{flex-direction:column;gap:14px;padding:clamp(18px,2.6vh,26px) 24px;display:flex}.iso-name{font-family:var(--font-mono);color:var(--text);word-break:break-all;font-size:clamp(14px,1.2vw,17px)}.iso-meta{font-family:var(--font-mono);color:var(--muted);flex-wrap:wrap;gap:6px 18px;font-size:13px;display:flex}.iso-sum{font-family:var(--font-mono);color:var(--faint);align-items:center;gap:12px;min-width:0;font-size:12px;display:flex}.iso-sum span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.iso-sum button{color:var(--muted);flex:none}.iso-sum button:hover{color:var(--text)}.iso-options{border-top:1px solid var(--border);flex-direction:column;display:flex}.iso-actions{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.steps{flex-direction:column;gap:12px;display:flex}.step-ruler{border-top:1px solid var(--border-strong);justify-content:space-between;padding-top:10px;display:flex;position:relative}.step-ruler span{font-family:var(--font-mono);color:var(--muted);font-size:12px;position:relative}.step-ruler span:before{content:"";background:var(--border-strong);width:2px;height:8px;position:absolute;top:-11px;left:0}.step-ruler span.mark:before{background:var(--accent);width:14px;height:3px;top:-12px}.systems{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.system{background:var(--surface);border:1px solid var(--border);flex-direction:column;min-width:0;display:flex}.system .pic{aspect-ratio:16/9;border-bottom:1px solid var(--border);background:#050505;overflow:hidden}.system .pic img{object-fit:cover;width:100%;height:100%}.system .pic.term-pic{font-family:var(--font-mono);color:var(--muted);padding:10px 12px;font-size:11px;line-height:1.6}.system .txt{padding:12px 14px 14px}.system .txt b{font-size:16px;font-weight:500}.system .txt div{color:var(--muted);font-size:14px;line-height:1.45}.install-side{flex-direction:column;gap:clamp(14px,2.4vh,24px);display:flex}.route.install-phone{display:none}@media (hover:none) and (pointer:coarse){.route.install{display:none}.route.install-phone{display:flex}}.center{height:100%;padding:24px var(--gutter);justify-content:center;align-items:center;display:flex}.center-inner{flex-direction:column;gap:22px;width:100%;max-width:600px;display:flex}.field{background:var(--surface);border:1px solid var(--border-strong);height:60px;transition:border-color var(--t-hover);align-items:center;gap:14px;padding:0 18px;display:flex}.field:focus-within{border-color:var(--accent)}.field .prompt{color:var(--accent);font-size:20px}.field input{min-width:0;color:var(--text);font-family:var(--font-mono);background:0 0;border:0;outline:none;flex:1;font-size:18px}.poem{flex-direction:column;height:100%;display:flex}.poem-bar{padding:14px var(--gutter);border-bottom:1px solid var(--border);font-family:var(--font-mono);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 24px;font-size:13px;display:flex}.poem-bar .controls{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.poem-bar button{align-items:center;gap:8px;display:inline-flex}.poem-bar button:hover{color:var(--text)}.poem-lines{min-height:0;padding:24px var(--gutter) 12vh;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:18px;display:flex;overflow:hidden}.poem-line{text-align:center;max-width:820px;transition:opacity .9s var(--ease);animation:k-in .9s var(--ease);font-size:clamp(19px,1.7vw,24px);font-weight:300;line-height:1.6}.poem-line.a{color:#d4bfff}.poem-line.b{color:var(--accent)}.glitch{font-family:var(--font-mono);color:var(--faint);letter-spacing:.12em;animation:1.6s ease-in-out infinite k-glitch}.dim{z-index:50;animation:k-in .2s var(--ease);background:#000000c7;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dialog{background:var(--surface);border:1px solid var(--border-strong);width:min(620px,100%);max-height:min(78vh,720px);animation:k-in .26s var(--ease);flex-direction:column;gap:18px;padding:24px 26px;display:flex}.dialog-head{justify-content:space-between;align-items:center;display:flex}.dialog-head .title{font-size:28px}.files{flex-direction:column;gap:20px;min-height:0;display:flex}.file{border-bottom:1px solid var(--border);font-family:var(--font-mono);transition:background var(--t-hover);justify-content:space-between;gap:16px;padding:9px 12px;font-size:13px;display:flex}.file:hover{background:var(--surface-2)}.file span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.axos{padding:clamp(24px, 4vh, 56px) var(--gutter);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(24px,4vw,72px);display:grid}.axos-text{flex-direction:column;gap:clamp(14px,2.2vh,22px);max-width:620px;display:flex}.axos-text .display{font-size:clamp(48px,6vw,96px)}.axos-text .x{color:var(--faint);font-weight:200}.axos-side{flex-direction:column;gap:12px;min-height:0;display:flex}.axos-pic{border:1px solid var(--border);border-top-color:var(--border-strong);background:#050505;overflow:hidden}.axos-pic img{object-fit:cover;width:100%;height:auto;max-height:46vh}.pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pair .panel{flex-direction:column;gap:8px;padding:18px 20px;display:flex}.pair .panel div:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.55}.outlinks{font-family:var(--font-mono);color:var(--muted);flex-wrap:wrap;gap:10px 22px;font-size:13px;display:flex}.outlinks a:hover{color:var(--text)}@media (height<=820px) and (width>=821px){:root{--nav-h:56px}body{font-size:16px}.body{font-size:16px;line-height:1.6}.home-facts{display:none}.feature{min-height:38px;font-size:15px}.systems .system .txt div{display:none}}@media (width<=1100px) and (width>=821px){.home{grid-template-columns:1fr 1fr}.nav-right{display:none}}@media (width<=820px){:root{--nav-h:56px;--gutter:16px}body{font-size:16px}.nav{gap:12px}.nav-brand img{height:24px}.nav-links,.nav-right{display:none}.nav-menu{display:block}.nav .marker{display:none}.home{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:14px;padding-top:18px}.home-text{justify-content:flex-start;gap:12px}.home-logo,.home-facts{display:none}.display{font-size:clamp(40px,12vw,56px)}.lead{font-size:17px}.btn{height:48px;padding:0 20px;font-size:15px}.home-foot{height:auto;padding:10px 0 calc(10px + env(safe-area-inset-bottom));flex-direction:column;align-items:flex-start;gap:2px}.home-foot .stack,.home-foot .by{display:none}.plate{padding:8px 12px;bottom:10px;left:10px}.plate:before{margin-bottom:5px}.plate .t{font-size:15px}.plate .d,.plate .keys{display:none}.desktops{padding-bottom:calc(12px + env(safe-area-inset-bottom));grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);row-gap:12px}.tabs{margin-bottom:0}.tab{padding:14px 12px 12px;font-size:16px}.desk-side{display:contents}.desk-side>.desk-head{order:1}.desk-stage{order:2}.desk-side>.features{order:3}.desk-head .title{font-size:30px}.desk-head .body{font-size:15px;line-height:1.55}.desk-stage .stage-frame{aspect-ratio:16/10;flex:none}.features{scrollbar-width:none;border:0;flex-direction:row;gap:8px;overflow-x:auto}.features::-webkit-scrollbar{display:none}.feature{border:1px solid var(--border);flex:none;min-height:40px;font-size:15px}.feature .k,.feature .n,.desk-extra{display:none}.guide{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.spine{border-right:0;border-bottom:1px solid var(--border);padding:14px var(--gutter);gap:8px}.spine .title,.spine .hints,.spine-list{display:none}.guide-body{padding:20px var(--gutter)}.guide-page .title{font-size:32px}.term{padding:14px 16px;font-size:13px}.guide-pager{border-top:1px solid var(--border);justify-content:space-between;display:flex}.guide-pager button{height:52px;color:var(--muted);flex:1;font-size:15px}.guide-pager button:last-child{border-left:1px solid var(--border)}.guide-pager button:disabled{color:var(--border-strong)}.install{grid-template-columns:minmax(0,1fr);align-content:start;align-items:start;gap:18px;padding-top:20px;overflow-y:auto}.install-side .steps{display:none}.systems{gap:8px}.system .txt{padding:8px 10px 10px}.system .txt b{font-size:14px}.system .txt div{display:none}.install .title{font-size:30px}.axos-text,.axos-side{min-height:auto}.axos{grid-template-columns:minmax(0,1fr);align-content:start;align-items:start;gap:18px;overflow-y:auto}.axos-text .display{font-size:44px}.axos-pic,.pair,.hints{display:none}}.watch{cursor:none;background:#000;position:fixed;inset:0;overflow:hidden}.watch.awake{cursor:default}.watch-video{object-fit:contain;background:#000;width:100%;height:100%;position:absolute;inset:0}.watch-big{background:#00000059;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.watch-big span{border:1px solid var(--text);font-family:var(--font-mono);transition:border-color var(--t-hover) var(--ease), color var(--t-hover);background:#0000009e;padding:16px 30px;font-size:18px}.watch-big:hover span{border-color:var(--accent);color:var(--accent-soft)}.watch-bar{pointer-events:none;opacity:0;transition:opacity .24s var(--ease);background:linear-gradient(#000000b3,#0000 18% 72%,#000000c7);flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.watch.awake .watch-bar{opacity:1}.watch-bar button,.watch-line{pointer-events:auto}.watch-top{padding:18px var(--gutter);font-family:var(--font-mono);color:var(--muted);align-items:center;gap:24px;font-size:13px;display:flex}.watch-top button{align-items:center;gap:8px;display:inline-flex}.watch-top button:hover,.watch-row button:hover{color:var(--text)}.watch-title{font-family:var(--font-ui);color:var(--text);font-size:15px}.watch-controls{padding:0 var(--gutter) calc(18px + env(safe-area-inset-bottom))}.watch-line{cursor:pointer;height:28px;position:relative}.watch-line:before{content:"";background:var(--border-strong);height:1px;position:absolute;top:13px;left:0;right:0}.watch-line .done{background:var(--accent);height:1px;position:absolute;top:13px;left:0}.watch-line .mark{background:var(--accent);width:14px;height:3px;margin-left:-7px;position:absolute;top:12px}.watch-row{font-family:var(--font-mono);color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 26px;font-size:13px;display:flex}.watch-row button{align-items:center;gap:8px;display:inline-flex}@media (width<=820px){.watch-row .key,.watch-top .key{display:none}}