[data-shell=device]{--dev-body:#dcdcd8;--dev-ink:#3a3a38;--dev-ink-2:#55554f;--dev-key:#edede9;--dev-key-latched:#d2d2cd;--dev-key-dark:#5b5b60;--dev-on-dark:#f1f1ee;--dev-edge:rgba(0,0,0,0.13);--dev-well:#cfcfca;--dev-bezel:#8a8a8d;--dev-lcd:#b7c1b1;--dev-lcd-ink:#273026;--dev-lcd-grid:rgba(0,0,0,0.05);--dev-lcd-sheen:rgba(255,255,255,calc(0.42 * var(--dev-gradient, 1)));--dev-lcd-shade:rgba(0,0,0,calc(0.09 * var(--dev-gradient, 1)));--dev-glass-hi:rgba(255,255,255,calc(0.24 * var(--dev-glass, 1)));--dev-glass-edge:rgba(255,255,255,calc(0.45 * var(--dev-glass, 1)));--dev-glass-lo:rgba(0,0,0,calc(0.08 * var(--dev-glass, 1)));--dev-rule:rgba(0,0,0,0.35);--dev-paper:#f3f0e8;--dev-paper-ink:#2e2e2b;--dev-paper-ink-2:#55554f;--dev-paper-key:#fbfaf6;--dev-accent:#ff5b14;--dev-recess:inset 0 2px 3px rgba(0,0,0,0.26),inset 0 -1px 0 rgba(255,255,255,0.85);--dev-readout:#d9480f;--dev-readout-glow:rgba(255,110,40,0.55);--dev-hole-floor:#8f8f8a;--dev-hole-shade:#4a4a46;--dev-hole-lip:rgba(255,255,255,0.9);--dev-on-accent:#232323;--dev-led-off:radial-gradient(circle at 35% 30%,#c9c9c5 0%,#9b9b96 60%,#84847f 100%);--dev-led-work:#f2b90c;--dev-led-cal:#2daa6b;--dev-led-health:#e8336d;--dev-led-life:#b48cf2;--dev-led-msg:#f6f6f2;--dev-led-ask:#4c82f0;--dev-led-notes:#26d9f2;--dev-highlight:rgba(255,255,255,0.75);--dev-lift:calc(3px * var(--dev-depth, 1)) calc(4px * var(--dev-depth, 1)) calc(8px * var(--dev-depth, 1)) rgba(0,0,0,calc(0.17 * var(--dev-depth, 1))),calc(-2px * var(--dev-depth, 1)) calc(-2px * var(--dev-depth, 1)) calc(5px * var(--dev-depth, 1)) rgba(255,255,255,0.8);--dev-press:inset 0 2px 4px rgba(0,0,0,0.28),inset 0 -1px 0 rgba(255,255,255,0.7);--dev-ease:cubic-bezier(0.2,0.8,0.2,1);--dev-mono:var(--font-plex-mono),ui-monospace,monospace;--dev-dot:var(--font-doto),var(--font-plex-mono),monospace;background:var(--dev-body);color:var(--dev-ink)}[data-shell=device][data-keys=four],[data-theme=dark] [data-shell=device]{--dev-led-life:var(--dev-led-health)}[data-theme=dark][data-shell=device]{--dev-body:#19191b;--dev-ink:#efefea;--dev-ink-2:#ababa5;--dev-key:#2b2b2f;--dev-key-latched:#202023;--dev-key-dark:#3a3a40;--dev-on-dark:#efefea;--dev-edge:rgba(255,255,255,0.08);--dev-well:#121214;--dev-bezel:#070708;--dev-lcd:#0f0f11;--dev-lcd-ink:#cfe3c4;--dev-lcd-grid:rgba(255,255,255,0.03);--dev-lcd-sheen:rgba(255,255,255,calc(0.07 * var(--dev-gradient, 1)));--dev-lcd-shade:rgba(0,0,0,calc(0.35 * var(--dev-gradient, 1)));--dev-glass-hi:rgba(255,255,255,calc(0.09 * var(--dev-glass, 1)));--dev-glass-edge:rgba(255,255,255,calc(0.14 * var(--dev-glass, 1)));--dev-glass-lo:rgba(0,0,0,calc(0.25 * var(--dev-glass, 1)));--dev-rule:rgba(207,227,196,0.35);--dev-paper:#e9e5da;--dev-led-off:radial-gradient(circle at 35% 30%,#4a4a4e 0%,#2e2e32 70%);--dev-hole-floor:#26262a;--dev-recess:inset 0 2px 4px rgba(0,0,0,0.6),inset 0 -1px 0 rgba(255,255,255,0.05);--dev-readout:#ff8c42;--dev-readout-glow:rgba(255,140,66,0.75);--dev-hole-shade:#000000;--dev-hole-lip:rgba(255,255,255,0.1);--dev-highlight:rgba(255,255,255,0.06);--dev-lift:calc(3px * var(--dev-depth, 1)) calc(4px * var(--dev-depth, 1)) calc(8px * var(--dev-depth, 1)) rgba(0,0,0,calc(0.5 * var(--dev-depth, 1))),-1px -1px 3px rgba(255,255,255,0.04);--dev-press:inset 0 2px 4px rgba(0,0,0,0.6)}html[data-dev-material=phosphor] [data-shell=device]{--dev-body:#26272a;--dev-ink:#e4e4df;--dev-ink-2:#a3a39e;--dev-key:#3a3b3f;--dev-key-latched:#2e2f32;--dev-key-dark:#1c1d1f;--dev-on-dark:#d6d6d1;--dev-edge:rgba(0,0,0,0.6);--dev-well:#17181a;--dev-bezel:#141516;--dev-lcd:#070503;--dev-lcd-ink:var(--dev-ph,#ffb547);--dev-lcd-grid:transparent;--dev-lcd-sheen:color-mix(in srgb,var(--dev-ph,#ffb547) calc(10% * var(--dev-gradient, 1)),transparent);--dev-lcd-shade:rgba(0,0,0,calc(0.5 * var(--dev-gradient, 1)));--dev-glass-hi:rgba(255,255,255,calc(0.07 * var(--dev-glass, 1)));--dev-glass-edge:rgba(255,255,255,calc(0.12 * var(--dev-glass, 1)));--dev-glass-lo:rgba(0,0,0,calc(0.3 * var(--dev-glass, 1)));--dev-rule:color-mix(in srgb,var(--dev-ph,#ffb547) 40%,transparent);--dev-glow:color-mix(in srgb,var(--dev-ph,#ffb547) 55%,transparent);--dev-accent:var(--dev-ph,#ffb547);--dev-on-accent:#120c02;--dev-late:#ff5b14;--dev-readout:var(--dev-ph,#ffb547);--dev-readout-glow:var(--dev-glow);--dev-led-off:radial-gradient(circle at 35% 30%,#4a4a4e 0%,#2e2e32 70%);--dev-hole-floor:#121214;--dev-hole-shade:#000000;--dev-hole-lip:rgba(255,255,255,0.08);--dev-recess:inset 0 2px 4px rgba(0,0,0,0.65),inset 0 -1px 0 rgba(255,255,255,0.05);--dev-highlight:rgba(255,255,255,0.12);--dev-lift:calc(2px * var(--dev-depth, 1)) calc(3px * var(--dev-depth, 1)) calc(7px * var(--dev-depth, 1)) rgba(0,0,0,calc(0.5 * var(--dev-depth, 1))),-1px -1px 2px rgba(255,255,255,0.04);--dev-press:inset 0 2px 5px rgba(0,0,0,0.7)}html[data-dev-material=phosphor] [data-shell=device] .dev-lcd{background-image:radial-gradient(ellipse at 50% 35%,var(--dev-lcd-sheen) 0,transparent 75%),radial-gradient(ellipse at 50% 50%,transparent 55%,var(--dev-lcd-shade) 100%);background-size:auto;box-shadow:inset 0 0 0 1px rgba(0,0,0,.8),inset 0 0 24px rgba(0,0,0,.9);text-shadow:0 0 6px var(--dev-glow)}html[data-dev-material=phosphor] [data-shell=device] .dev-lcd-row[aria-current=true]{text-shadow:none;box-shadow:0 0 10px var(--dev-glow)}html[data-dev-material=phosphor] [data-shell=device] .dev-bezel:after{background:repeating-linear-gradient(180deg,rgba(0,0,0,.28) 0 1px,transparent 1px 3px),radial-gradient(ellipse 75% 45% at 8% 0,var(--dev-glass-hi) 0,transparent 70%),radial-gradient(ellipse 90% 70% at 100% 100%,var(--dev-glass-lo) 0,transparent 70%)}html[data-dev-material=phosphor] [data-shell=device] .dev-key.accent:not(:active){box-shadow:inset 0 1px 0 rgba(255,255,255,.45),var(--dev-lift),0 0 14px var(--dev-glow)}.dev-key{border:1px solid var(--dev-edge);background:var(--dev-key);color:var(--dev-ink);box-shadow:inset 0 1px 0 var(--dev-highlight),var(--dev-lift);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:box-shadow .12s ease-out,background-color .12s ease-out,translate 60ms ease-out}.dev-key:active,.dev-key[aria-pressed=true]{background:var(--dev-key-latched);box-shadow:var(--dev-press)}.dev-key:active{translate:0 1px}.dev-key:disabled{opacity:.4;cursor:default}.dev-key:focus-visible,.dev-lcd-row:focus-visible,.dev-paper button:focus-visible{outline:2px solid var(--dev-ink);outline-offset:2px}.dev-key.dark{background:var(--dev-key-dark);color:var(--dev-on-dark)}.dev-key.accent{background:var(--dev-accent);color:var(--dev-on-accent)}.dev-led{border-radius:50%;background:var(--dev-led-off);box-shadow:inset 0 1px 2px rgba(0,0,0,.35),0 0 0 1px rgba(0,0,0,.22)}.dev-led.on{background:radial-gradient(circle at 35% 30%,#fff 0,var(--led) 38%,var(--led) 62%,rgba(0,0,0,.35) 130%);box-shadow:0 0 7px 2px color-mix(in srgb,var(--led) 66%,transparent),0 0 0 1px rgba(0,0,0,.32)}.dev-bezel{position:relative;background:var(--dev-bezel);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -1px 0 rgba(0,0,0,.25),var(--dev-lift);transition:height calc(.42s * var(--dev-motion, 1)) var(--dev-ease)}.dev-bezel:after{content:"";position:absolute;inset:9px;border-radius:10px;pointer-events:none;background:radial-gradient(ellipse 75% 45% at 8% 0,var(--dev-glass-hi) 0,transparent 70%),radial-gradient(ellipse 16% 12% at 0 0,var(--dev-glass-hi) 0,transparent 100%),radial-gradient(ellipse 90% 70% at 100% 100%,var(--dev-glass-lo) 0,transparent 70%);box-shadow:inset 1.5px 1.5px 0 -.5px var(--dev-glass-edge),inset -1px -1px 0 -.5px var(--dev-glass-lo);z-index:1}.dev-lcd{background-color:var(--dev-lcd);background-image:linear-gradient(135deg,var(--dev-lcd-sheen) 0,transparent 55%),linear-gradient(160deg,transparent 45%,var(--dev-lcd-shade) 100%),linear-gradient(var(--dev-lcd-grid) 1px,transparent 1px),linear-gradient(90deg,var(--dev-lcd-grid) 1px,transparent 1px);background-size:auto,auto,3px 3px,3px 3px;box-shadow:inset 0 2px 7px rgba(0,0,0,.4),inset 0 0 0 1px rgba(0,0,0,.3);color:var(--dev-lcd-ink);font-family:var(--dev-mono)}.dev-rule{border-color:var(--dev-rule);border-style:dashed}.dev-lcd-row[aria-current=true]{background:var(--dev-lcd-ink);color:var(--dev-lcd)}.dev-paper{background-color:var(--dev-paper);background-image:radial-gradient(circle at 8px 0,var(--dev-body) 5px,transparent 5.5px);background-size:16px 10px;background-repeat:repeat-x;color:var(--dev-paper-ink);box-shadow:0 -6px 18px rgba(0,0,0,.22);transition:translate calc(.48s * var(--dev-motion, 1)) var(--dev-ease),visibility 0s linear calc(.48s * var(--dev-motion, 1))}.dev-paper[data-open=true]{transition:translate calc(.48s * var(--dev-motion, 1)) var(--dev-ease),visibility 0s}.dev-speaker{--plate:color-mix(in srgb,var(--dev-key) 92%,var(--dev-body));background-image:radial-gradient(circle at 5.1px 5.1px,var(--dev-hole-floor) 1.35px,transparent 1.75px),radial-gradient(circle at 4.5px 4.5px,var(--dev-hole-shade) 1.95px,transparent 2.35px),radial-gradient(circle at 5.1px 5.1px,var(--dev-hole-lip) 2.15px,transparent 2.6px),linear-gradient(var(--plate),var(--plate));background-size:9px 9px,9px 9px,9px 9px,auto;background-repeat:space,space,space,no-repeat;background-origin:content-box,content-box,content-box,padding-box;background-clip:content-box,content-box,content-box,padding-box;padding:3px 6px;box-sizing:border-box;border:1px solid var(--dev-edge);box-shadow:var(--dev-recess)}@keyframes dev-lcdin{0%{opacity:0}35%{opacity:.25}55%{opacity:.05}to{opacity:1}}@keyframes dev-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes dev-pulse{0%,to{opacity:1}50%{opacity:.35}}.dev-lcdin{animation:dev-lcdin .14s steps(4) both}.dev-cursor{animation:dev-blink 1s steps(1) infinite}.dev-pulse{animation:dev-pulse 2.4s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.dev-cursor,.dev-lcdin,.dev-pulse{animation:none}.dev-bezel,.dev-key,.dev-paper,.dev-paper[data-open=true]{transition:none}}.dev-paper-md>*+*{margin-top:.75em}.dev-paper-md ol,.dev-paper-md p,.dev-paper-md ul{margin-bottom:0}.dev-paper-md ol,.dev-paper-md ul{padding-left:1.25em}.dev-paper-md ul{list-style:disc}.dev-paper-md ol{list-style:decimal}.dev-paper-md h1,.dev-paper-md h2,.dev-paper-md h3,.dev-paper-md h4{font-size:calc(15px * var(--dev-read, 1));font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-family:var(--dev-mono);margin-top:1.25em}.dev-paper-md code{font-family:var(--dev-mono);font-size:.85em}.dev-paper-md table{border-collapse:collapse;font-size:calc(13px * var(--dev-read, 1))}.dev-paper-md td,.dev-paper-md th{border-bottom:1px dashed rgba(0,0,0,.25);padding:4px 8px 4px 0;text-align:left;vertical-align:top}.dev-paper-md a{text-decoration:underline}[data-shell=device] input:focus-visible{outline:2px solid var(--dev-lcd-ink);outline-offset:4px;border-radius:2px}[data-shell=device] .dev-lcd :is(#dev-task,#dev-note):focus,[data-shell=device] .dev-lcd :is(#dev-task,#dev-note):focus-visible{outline:none}.dev-key.accent[data-glow]{position:relative;isolation:isolate}.dev-key.accent[data-glow]:after,.dev-key.accent[data-glow]:before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;animation:dev-glow 2.4s ease-in-out infinite}.dev-key.accent[data-glow]:before{z-index:-1;background:radial-gradient(ellipse 70% 90% at 50% 55%,rgba(255,240,210,.9) 0,rgba(255,176,96,.55) 40%,rgba(255,120,40,0) 78%);box-shadow:inset 0 0 10px rgba(255,226,180,.7)}.dev-key.accent[data-glow]:after{box-shadow:0 0 14px 3px rgba(255,110,30,.6),0 0 32px 6px rgba(255,91,20,.3)}.dev-key.accent[data-glow=working]:after,.dev-key.accent[data-glow=working]:before{animation:dev-glow-work 1.4s ease-in-out infinite}@keyframes dev-glow{0%,to{opacity:.2}50%{opacity:1}}@keyframes dev-glow-work{0%,to{opacity:.1}50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.dev-key.accent[data-glow]:after,.dev-key.accent[data-glow]:before{animation:none;opacity:.8}.dev-key.accent[data-glow=working]:after,.dev-key.accent[data-glow=working]:before{opacity:.45}}.dev-imprint{display:block;width:64px;height:auto;overflow:visible;pointer-events:none}.dev-imprint path{fill:none;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.dev-imprint-shade{stroke:color-mix(in srgb,var(--dev-accent) 40%,#1a0600);opacity:.8}.dev-imprint-catch{stroke:color-mix(in srgb,var(--dev-accent) 40%,#fff3e6);opacity:.75}.dev-imprint-floor{stroke:color-mix(in srgb,var(--dev-accent) 93%,#2a0b00)}.dev-imprint-lit{stroke:#fff0d6;opacity:0}.dev-key.accent[data-glow] .dev-imprint-lit{animation:dev-imprint-lit 2.4s ease-in-out infinite}.dev-key.accent[data-glow=working] .dev-imprint-lit{animation:dev-imprint-lit-work 1.4s ease-in-out infinite}@keyframes dev-imprint-lit{0%,to{opacity:.1}50%{opacity:.85}}@keyframes dev-imprint-lit-work{0%,to{opacity:.05}50%{opacity:.45}}.dev-key.accent:active .dev-imprint-catch{opacity:.45}@media (prefers-reduced-motion:reduce){.dev-key.accent[data-glow] .dev-imprint-lit{animation:none;opacity:.7}.dev-key.accent[data-glow=working] .dev-imprint-lit{opacity:.4}}@keyframes dev-breathe-work{0%,to{opacity:1}50%{opacity:.2}}.dev-blink{animation:dev-breathe-work 1.4s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.dev-blink{animation:none}}::view-transition-group(*){animation-duration:calc(.42s * var(--dev-motion, 1));animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-new(*),::view-transition-old(*){animation-duration:calc(.26s * var(--dev-motion, 1))}@keyframes dev-rise{0%{opacity:0;translate:0 18px}}@keyframes dev-sink{to{opacity:0;translate:0 18px}}@keyframes dev-out-left{to{opacity:0;translate:-28px 0}}@keyframes dev-in-right{0%{opacity:0;translate:28px 0}}@keyframes dev-out-right{to{opacity:0;translate:28px 0}}@keyframes dev-in-left{0%{opacity:0;translate:-28px 0}}::view-transition-new(dev-soft):only-child{animation:dev-rise calc(.34s * var(--dev-motion, 1)) calc(90ms * var(--dev-motion, 1)) cubic-bezier(.2,.8,.2,1) both}::view-transition-old(dev-soft):only-child,::view-transition-old(key-set):only-child{animation:dev-sink calc(.22s * var(--dev-motion, 1)) ease-in both}::view-transition-new(key-set):only-child{animation:dev-rise calc(.34s * var(--dev-motion, 1)) calc(90ms * var(--dev-motion, 1)) cubic-bezier(.2,.8,.2,1) both}html:active-view-transition-type(deeper)::view-transition-old(dev-lcd){animation:dev-out-left calc(.22s * var(--dev-motion, 1)) ease-in both}html:active-view-transition-type(deeper)::view-transition-new(dev-lcd){animation:dev-in-right calc(.32s * var(--dev-motion, 1)) calc(60ms * var(--dev-motion, 1)) cubic-bezier(.2,.8,.2,1) both}html:active-view-transition-type(back)::view-transition-old(dev-lcd){animation:dev-out-right calc(.22s * var(--dev-motion, 1)) ease-in both}html:active-view-transition-type(back)::view-transition-new(dev-lcd){animation:dev-in-left calc(.32s * var(--dev-motion, 1)) calc(60ms * var(--dev-motion, 1)) cubic-bezier(.2,.8,.2,1) both}@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-new(*),::view-transition-old(*){animation:none!important}}.dev-readout{color:var(--dev-readout);filter:drop-shadow(0 0 2.5px var(--dev-readout-glow))}@keyframes dev-marquee{to{transform:translateX(-50%)}}.dev-marquee{display:inline-flex;width:max-content;animation:dev-marquee 10s linear infinite}.dev-marquee>span{padding-right:2.5em}@media (prefers-reduced-motion:reduce){.dev-marquee{animation:none;width:auto;overflow:hidden;text-overflow:ellipsis}.dev-marquee>span+span{display:none}.dev-speaker-cover{transition:none!important}}.dev-softcell{border:1.5px solid var(--dev-rule)}.dev-softcell:is(button):active{background:var(--dev-lcd-ink);color:var(--dev-lcd);text-shadow:none}.dev-chip{border:1.5px solid var(--dev-rule);background:transparent;color:inherit}.dev-chip[aria-pressed=true],.dev-chip[data-pressed=true]{background:var(--dev-lcd-ink);color:var(--dev-lcd);text-shadow:none}.dev-chip:focus-visible,.dev-chip:has(input:focus-visible){outline:2px solid var(--dev-lcd-ink);outline-offset:2px}@font-face{font-family:Ziggy Pixel S;src:url(/fonts/ziggy-pixel-s.woff) format("woff");font-display:block}@font-face{font-family:Ziggy Pixel M;src:url(/fonts/ziggy-pixel-m.woff) format("woff");font-display:block}@font-face{font-family:Ziggy Pixel L;src:url(/fonts/ziggy-pixel-l.woff) format("woff");font-display:block}html[data-dev-material=oled] [data-shell=device]{--dev-lcd:#000000;--dev-lcd-ink:#f2f2ee;--dev-rule:rgba(242,242,238,0.3);--dev-glass-hi:rgba(255,255,255,calc(0.14 * var(--dev-glass, 1)));--dev-glass-edge:rgba(255,255,255,calc(0.5 * var(--dev-glass, 1)));--dev-glass-lo:rgba(255,255,255,calc(0.035 * var(--dev-glass, 1)))}html[data-dev-material=oled] [data-shell=device] .dev-lcd{background:#000;box-shadow:inset 0 0 0 1px rgba(0,0,0,.6);font-family:"Ziggy Pixel M",var(--dev-mono);font-size:16px;line-height:18px;font-synthesis:none}html[data-dev-material=oled] [data-shell=device] .dev-lcd *{font-weight:400!important;letter-spacing:0!important;font-synthesis:none}html[data-dev-material=oled] [data-shell=device] .dev-lcd [class*="--dev-label"]{font-family:"Ziggy Pixel S",var(--dev-mono);font-size:16px;line-height:14px}html[data-dev-material=oled] [data-shell=device] .dev-lcd [class*="--dev-read"],html[data-dev-material=oled] [data-shell=device] .dev-lcd input,html[data-dev-material=oled] [data-shell=device] .dev-lcd textarea{font-family:"Ziggy Pixel M",var(--dev-mono);font-size:16px;line-height:18px}@font-face{font-family:Ziggy Pixel XL;src:url(/fonts/ziggy-pixel-xl.woff) format("woff");font-display:block}html[data-dev-material=oled] [data-shell=device] .dev-lcd .dev-headline.dev-headline{font-family:"Ziggy Pixel XL","Ziggy Pixel M",var(--dev-mono)!important;font-size:16px!important;line-height:30px!important}html[data-dev-material=oled] [data-shell=device] .dev-lcd [style*="--dev-dot"]{font-family:"Ziggy Pixel L","Ziggy Pixel M",var(--dev-mono)!important;font-size:16px!important;line-height:30px!important}html[data-dev-material=oled] [data-shell=device] .dev-lcd :is(.dev-softcell,.dev-chip){border:1px dotted var(--dev-rule);border-radius:0}html[data-dev-material=oled] [data-shell=device] .dev-lcd .dev-lcd-row{border-radius:0}html[data-dev-material=oled] [data-shell=device] .dev-lcd :is(.dev-softcell,.dev-chip),html[data-dev-material=oled] [data-shell=device] .dev-lcd :is(.dev-softcell,.dev-chip) .dev-scramble{font-family:"Ziggy Pixel M",var(--dev-mono)!important;font-size:16px!important;line-height:18px!important}html[data-dev-material=oled] [data-shell=device] .dev-lcd .dev-rule{border-style:dotted}html[data-dev-material=oled] [data-shell=device] .dev-bezel:after{background:radial-gradient(ellipse 46px 9px at 30px 2px,rgba(255,255,255,calc(.32 * var(--dev-glass, 1))) 0,transparent 100%),radial-gradient(ellipse 9px 46px at 2px 30px,rgba(255,255,255,calc(.32 * var(--dev-glass, 1))) 0,transparent 100%),radial-gradient(circle at 5px 5px,rgba(255,255,255,calc(.55 * var(--dev-glass, 1))) 0,transparent 13px),radial-gradient(circle at calc(100% - 5px) 5px,rgba(255,255,255,calc(.2 * var(--dev-glass, 1))) 0,transparent 12px),radial-gradient(ellipse 40px 8px at calc(100% - 26px) calc(100% - 2px),rgba(255,255,255,calc(.22 * var(--dev-glass, 1))) 0,transparent 100%),radial-gradient(circle at calc(100% - 5px) calc(100% - 5px),rgba(255,255,255,calc(.22 * var(--dev-glass, 1))) 0,transparent 11px),radial-gradient(ellipse 80% 42% at 8% 0,var(--dev-glass-hi) 0,transparent 70%),linear-gradient(118deg,transparent 36%,rgba(255,255,255,calc(.05 * var(--dev-glass, 1))) 43%,transparent 50%),radial-gradient(ellipse 90% 70% at 100% 100%,var(--dev-glass-lo) 0,transparent 65%);box-shadow:inset 2px 2px 2px -1px rgba(255,255,255,calc(.5 * var(--dev-glass, 1))),inset 1px 1px 6px 0 rgba(255,255,255,calc(.12 * var(--dev-glass, 1))),inset -2px -2px 3px -1px rgba(255,255,255,calc(.12 * var(--dev-glass, 1))),inset 0 0 16px 6px rgba(0,0,0,.75)}@keyframes dev-ride{0%{transform:translateX(0)}to{transform:translateX(var(--travel,0))}}.dev-bike{color:var(--dev-lcd-ink);animation:dev-ride calc(6s * var(--dev-motion, 1)) steps(var(--steps,1),jump-none) infinite alternate}@media (prefers-reduced-motion:reduce){.dev-bike{animation:none}}html[data-dev-material=oled] .dev-lcd[data-area=work]{--dev-chart:var(--dev-led-work)}html[data-dev-material=oled] .dev-lcd[data-area=calendar]{--dev-chart:var(--dev-led-cal)}html[data-dev-material=oled] .dev-lcd[data-area=health]{--dev-chart:var(--dev-led-health)}html[data-dev-material=oled] .dev-lcd[data-area=personal]{--dev-chart:var(--dev-led-life)}html[data-dev-material=oled] .dev-lcd[data-area=messages]{--dev-chart:var(--dev-led-msg)}html[data-dev-material=oled] .dev-lcd[data-area=ask]{--dev-chart:var(--dev-led-ask)}html[data-dev-material=oled] .dev-lcd[data-area=notes]{--dev-chart:var(--dev-led-notes)}html[data-dev-material=oled] .dev-lcd[data-area] :is(h2,h3){color:var(--dev-chart,var(--dev-lcd-ink))}html[data-dev-material=oled] .dev-px{border-radius:0;-webkit-mask:linear-gradient(90deg,#000 1.5px,transparent 0) 0 0 /2px 2px,linear-gradient(#000 1.5px,transparent 0) 0 0 /2px 2px;-webkit-mask-composite:source-in;mask:linear-gradient(90deg,#000 1.5px,transparent 0) 0 0 /2px 2px,linear-gradient(#000 1.5px,transparent 0) 0 0 /2px 2px;mask-composite:intersect}html[data-dev-material=oled] [data-shell=device]{--px-green:#3ddc84;--px-amber:#ffb020;--px-sky:#4cc3ff;--px-red:#ff5a4d;--px-yellow:#ffd23f;--px-grey:#8a8a85;--px-indigo:#8484ff;--px-violet:#c27bff;--px-rain:#26d9f2;--px-band:#1f5c3a;--px-day:#6e5418}html[data-dev-material=oled] .dev-lcd [data-tone=late]{color:var(--px-red);opacity:1}html[data-dev-material=oled] .dev-lcd [data-tone=today]{color:var(--px-amber);opacity:1}html[data-dev-material=oled] .dev-lcd [data-tone=yes]{color:var(--px-green)}html[data-dev-material=oled] .dev-lcd [data-tone=no]{color:var(--px-grey)}html[data-dev-material=oled] .dev-lcd [data-tone=work]{color:var(--dev-led-work)}html[data-dev-material=oled] .dev-lcd [data-tone=calendar]{color:var(--dev-led-cal)}html[data-dev-material=oled] .dev-lcd [data-tone=health]{color:var(--dev-led-health);opacity:1}html[data-dev-material=oled] .dev-lcd [data-tone=personal]{color:var(--dev-led-life)}html[data-dev-material=oled] .dev-lcd [data-tone=notes]{color:var(--dev-led-notes)}html[data-dev-material=oled] .dev-lcd [data-tone=ask]{color:var(--dev-led-ask);opacity:1}html[data-dev-material=oled] .dev-lcd-row[aria-current=true] [data-tone]{color:inherit}html:has([data-shell=device]),html:has([data-shell=device]) body{overscroll-behavior:none;touch-action:manipulation}[data-shell=device] button{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html[data-dev-vv] [data-shell=device]{height:var(--dev-vh);translate:0 var(--dev-vtop)}body:has([data-shell=device]:not(.dev-boot)) .dev-boot{display:none}.dev-legend-stuck{position:sticky;bottom:-.75rem;z-index:1;margin-inline:-.875rem;margin-bottom:-.75rem;padding-inline:.875rem;padding-bottom:.75rem;background-color:var(--dev-lcd);animation:dev-legend-up calc(.2s * var(--dev-motion, 1)) var(--dev-ease) both}@keyframes dev-legend-up{0%{translate:0 100%}}@media (prefers-reduced-motion:reduce){.dev-legend-stuck{animation:none}}