@layer base,ui;:root{--color-base-100: #0a0912;--color-base-200: #15122a;--color-base-300: #2a2545;--color-base-000: #0c0a17;--color-base-content: #e9e6ff;--color-primary: #5cff9d;--color-primary-content: #06140c;--color-secondary: #ff4d9d;--color-secondary-content: #1a0512;--color-accent: #b98bff;--color-accent-content: #160a26;--color-neutral: #473f73;--color-neutral-content: #e9e6ff;--color-info: #5cd5ff;--color-info-content: #04141c;--color-success: #5cff9d;--color-success-content: #06140c;--color-warning: #ffcc5c;--color-warning-content: #1c1400;--color-error: #ff5c6a;--color-error-content: #1c0406;--fx-bg-glow-1: #1b1340;--fx-bg-glow-2: #2a0f3a;--fx-bg-glow-3: #0f2438;--fx-scanline: rgba(0, 0, 0, .18);--fx-grain: rgba(255, 255, 255, .025);--fx-shadow: rgba(0, 0, 0, .6);--fx-nav-bg: rgba(10, 9, 18, .82);--fx-overlay-hi: rgba(255, 255, 255, .02);--fx-screen-bg: #04060e;--fx-screen-star: #d7ecff}:root[data-theme=aim]{--color-base-100: #d6d6ce;--color-base-200: #c0c0c0;--color-base-300: #a0a0a0;--color-base-000: #cdcdc5;--color-base-content: #0c0c0c;--color-primary: #0066cc;--color-primary-content: #ffffff;--color-secondary: #f59e0b;--color-secondary-content: #0c0c0c;--color-accent: #08216b;--color-accent-content: #ffffff;--color-neutral: #333333;--color-neutral-content: #d6d6ce;--color-info: #0066cc;--color-info-content: #ffffff;--color-success: #008000;--color-success-content: #ffffff;--color-warning: #f59e0b;--color-warning-content: #0c0c0c;--color-error: #cc0000;--color-error-content: #ffffff;--fx-bg-glow-1: #008080;--fx-bg-glow-2: #008080;--fx-bg-glow-3: #008080;--fx-scanline: transparent;--fx-grain: transparent;--fx-shadow: rgba(66, 66, 66, .5);--fx-nav-bg: #c0c0c0;--fx-overlay-hi: rgba(255, 255, 255, .15);--fx-screen-bg: #04060e;--fx-screen-star: #d7ecff;--aim-raised: inset -1px -1px #0a0a0a, inset 1px 1px #ffffff, inset -2px -2px grey, inset 2px 2px #dfdfdf;--aim-sunken: inset -1px -1px #ffffff, inset 1px 1px grey, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a;--aim-pressed: inset -1px -1px #ffffff, inset 1px 1px #0a0a0a, inset -2px -2px #dfdfdf, inset 2px 2px grey;--aim-drop: 2px 2px 2px #424242;--aim-titlebar: linear-gradient(to right, #08216b, #a5c6ef);--raise-border: none;--raise-shadow: var(--aim-raised), var(--aim-drop);--raise-shadow-hover: var(--aim-raised), var(--aim-drop);--raise-shadow-static: var(--aim-raised);--raise-shadow-static-hover: var(--aim-raised);--lift-hover: none;--lift-hover-sm: none;--raise-pad: 3px;--ctl-border: none;--ctl-shadow: var(--aim-raised);--ctl-shadow-hover: var(--aim-raised);--ctl-shadow-active: var(--aim-pressed);--ctl-lift-hover: none;--ctl-press: translate(1px, 1px);--sink-border: none;--sink-shadow: var(--aim-sunken);--titlebar-bg: var(--aim-titlebar);--titlebar-fg: #ffffff;--titlebar-accent: #ffffff;--btn-hover-fg: var(--foreground);--btn-primary-fg: #ffffff;--selection-bg: #000080;--selection-ink: #ffffff;--font-body: "Tahoma", "Geneva", "Segoe UI", "MS Sans Serif", sans-serif;--font-pixel: "Tahoma", "Geneva", "Segoe UI", "MS Sans Serif", sans-serif;--density: .8;--foreground-dim: #3d3b38;--foreground-faint: #4c4a46}:root[data-theme=aim] body{background:teal;background-image:none}:root[data-theme=aim] :is(body>section>.wrap,body>footer>.wrap,.lab>.demo,.lib>.content){position:relative;width:min(var(--maxw),100% - 24px);margin-inline:auto;padding:calc(18px + var(--sp-28)) var(--sp-28) var(--sp-28);background:var(--surface);box-shadow:var(--aim-raised),var(--aim-drop)}:root[data-theme=aim] :is(body>section>.wrap,body>footer>.wrap,.lab>.demo,.lib>.content):before{content:"_ □ ×";position:absolute;inset:3px 3px auto;height:18px;padding-inline-end:6px;display:flex;align-items:center;justify-content:flex-end;font:700 11px/1 var(--font-body);letter-spacing:4px;color:#fff;background:var(--aim-titlebar)}:root[data-theme=aim] body>section{padding:var(--sp-28) 0}:root[data-theme=aim] body>footer{border-top:0;padding:var(--sp-28) 0 var(--sp-56)}:root[data-theme=aim] :is(.lab>.demo,.lib>.content){margin-block:var(--sp-16)}:root[data-theme=aim] :is(.lab>.col,.lib>.tocwrap){background:var(--surface)}:root[data-theme=amber]{--color-base-100: #0c0a06;--color-base-200: #1a1408;--color-base-300: #3a2e12;--color-base-000: #120d05;--color-base-content: #ffe9b0;--color-primary: #ffc24d;--color-primary-content: #1a1000;--color-secondary: #ff7a3d;--color-secondary-content: #1a0a00;--color-accent: #ff9b52;--color-accent-content: #1a0c00;--color-neutral: #6b531f;--color-neutral-content: #ffe9b0;--color-info: #ffb347;--color-info-content: #1a1000;--color-success: #ffd98a;--color-success-content: #1a1400;--color-warning: #ffd98a;--color-warning-content: #1a1400;--color-error: #ff6a3d;--color-error-content: #1a0600;--fx-bg-glow-1: #3a2406;--fx-bg-glow-2: #2a1a04;--fx-bg-glow-3: #1c1305;--fx-scanline: rgba(0, 0, 0, .2);--fx-grain: rgba(255, 220, 150, .025);--fx-shadow: rgba(0, 0, 0, .6);--fx-nav-bg: rgba(12, 10, 6, .82);--fx-overlay-hi: rgba(255, 220, 150, .025);--fx-screen-bg: #0a0702;--fx-screen-star: #ffe6b0}:root[data-theme=synthwave]{--color-base-100: #10081f;--color-base-200: #1b1136;--color-base-300: #33235c;--color-base-000: #140b28;--color-base-content: #f3e9ff;--color-primary: #ff5cc8;--color-primary-content: #1a0518;--color-secondary: #ff5c8a;--color-secondary-content: #1a050e;--color-accent: #b07bff;--color-accent-content: #120526;--color-neutral: #5a3fa0;--color-neutral-content: #f3e9ff;--color-info: #5ce1ff;--color-info-content: #04141c;--color-success: #5cffb0;--color-success-content: #06140c;--color-warning: #ffcf5c;--color-warning-content: #1c1400;--color-error: #ff5c6a;--color-error-content: #1c0406;--fx-bg-glow-1: #3a1060;--fx-bg-glow-2: #5a0f4a;--fx-bg-glow-3: #0f2a55;--fx-scanline: rgba(0, 0, 0, .18);--fx-grain: rgba(255, 255, 255, .03);--fx-shadow: rgba(0, 0, 0, .6);--fx-nav-bg: rgba(16, 8, 31, .82);--fx-overlay-hi: rgba(255, 255, 255, .03);--fx-screen-bg: #0a0618;--fx-screen-star: #ffd6f5;--raise-radius: 14px;--ctl-radius: 999px;--sink-radius: 999px}:root[data-theme=gameboy]{--color-base-100: #0f1a0a;--color-base-200: #16240f;--color-base-300: #2a3a18;--color-base-000: #0c1607;--color-base-content: #cfe89b;--color-primary: #9bbc0f;--color-primary-content: #0f1a0a;--color-secondary: #8bac0f;--color-secondary-content: #0f1a0a;--color-accent: #aecb52;--color-accent-content: #0f1a0a;--color-neutral: #4a6128;--color-neutral-content: #cfe89b;--color-info: #86a626;--color-info-content: #0f1a0a;--color-success: #9bbc0f;--color-success-content: #0f1a0a;--color-warning: #c6de8a;--color-warning-content: #0f1a0a;--color-error: #97a628;--color-error-content: #0f1a0a;--foreground-faint: color-mix(in oklch, var(--color-base-content) 66%, var(--color-base-100));--fx-bg-glow-1: #1e3312;--fx-bg-glow-2: #14260c;--fx-bg-glow-3: #16280f;--fx-scanline: rgba(0, 0, 0, .2);--fx-grain: rgba(155, 188, 15, .03);--fx-shadow: rgba(0, 0, 0, .55);--fx-nav-bg: rgba(15, 26, 10, .85);--fx-overlay-hi: rgba(198, 222, 138, .03);--fx-screen-bg: #0b1406;--fx-screen-star: #c6de8a;--density: .75;--type-scale: .92}:root[data-theme=light]{--color-base-100: #efeaf5;--color-base-200: #ffffff;--color-base-300: #d8d0e8;--color-base-000: #f3eef9;--color-base-content: #1a1430;--color-primary: #16794a;--color-primary-content: #ffffff;--color-secondary: #b8246f;--color-secondary-content: #ffffff;--color-accent: #7b4fd0;--color-accent-content: #ffffff;--color-neutral: #b3a8d0;--color-neutral-content: #1a1430;--color-info: #166f9e;--color-info-content: #ffffff;--color-success: #16794a;--color-success-content: #ffffff;--color-warning: #8f5c0c;--color-warning-content: #ffffff;--color-error: #c22a3b;--color-error-content: #ffffff;--fx-bg-glow-1: #dce6ff;--fx-bg-glow-2: #ffe0f0;--fx-bg-glow-3: #def7ec;--fx-scanline: rgba(0, 0, 0, .05);--fx-grain: rgba(0, 0, 0, .02);--fx-shadow: rgba(40, 30, 70, .18);--fx-nav-bg: rgba(255, 255, 255, .82);--fx-overlay-hi: rgba(0, 0, 0, .03);--fx-screen-bg: #0a1020;--fx-screen-star: #cfe0ff;--raise-radius: 8px;--ctl-radius: 6px;--sink-radius: 4px}:root{--background: var(--color-base-100);--surface: var(--color-base-200);--surface-sunken: var(--color-base-000);--foreground: var(--color-base-content);--foreground-dim: color-mix(in oklch, var(--color-base-content) 72%, var(--color-base-100));--foreground-faint: color-mix(in oklch, var(--color-base-content) 58%, var(--color-base-100));--border: var(--color-base-300);--border-strong: var(--color-neutral);--on-accent: var(--color-primary-content);--on-info: var(--color-info-content);--on-success: var(--color-success-content);--on-warning: var(--color-warning-content);--on-error: var(--color-error-content);--primary: var(--color-primary);--secondary: var(--color-secondary);--accent: var(--color-accent);--info: var(--color-info);--success: var(--color-success);--warning: var(--color-warning);--error: var(--color-error);--primary-hover: color-mix(in oklch, var(--color-primary) 80%, var(--color-base-content));--font-mono: "GLR Arabic", Menlo, "DejaVu Sans Mono", monospace;--font-display: var(--font-mono);--font-pixel: var(--font-mono);--font-body: var(--font-mono);--maxw: 1180px;--shadow-color: var(--fx-shadow);--shadow-color-strong: var(--fx-shadow);--shadow-color-soft: color-mix(in oklch, var(--fx-shadow) 84%, transparent);--shadow-hard: 6px 6px 0 0 var(--shadow-color);--glow-primary: color-mix(in oklch, var(--primary) 50%, transparent);--glow-info: color-mix(in oklch, var(--info) 35%, transparent);--scanline-color: var(--fx-scanline);--scanline-color-screen: color-mix(in oklch, var(--fx-shadow) 37%, transparent);--grain-color: var(--fx-grain);--selection-bg: var(--secondary);--selection-ink: var(--color-secondary-content)}:root{--density: 1;--type-scale: 1;--sp-2: calc(2px * var(--density));--sp-4: calc(4px * var(--density));--sp-6: calc(6px * var(--density));--sp-8: calc(8px * var(--density));--sp-10: calc(10px * var(--density));--sp-12: calc(12px * var(--density));--sp-14: calc(14px * var(--density));--sp-16: calc(16px * var(--density));--sp-18: calc(18px * var(--density));--sp-20: calc(20px * var(--density));--sp-22: calc(22px * var(--density));--sp-24: calc(24px * var(--density));--sp-28: calc(28px * var(--density));--sp-32: calc(32px * var(--density));--sp-36: calc(36px * var(--density));--sp-40: calc(40px * var(--density));--sp-48: calc(48px * var(--density));--sp-56: calc(56px * var(--density));--sp-64: calc(64px * var(--density));--sp-72: calc(72px * var(--density));--sp-88: calc(88px * var(--density));--fs-8: max(8px, calc(8px * var(--type-scale)));--fs-9: max(8px, calc(9px * var(--type-scale)));--fs-10: max(8px, calc(10px * var(--type-scale)));--fs-11: max(8px, calc(11px * var(--type-scale)));--fs-12: max(8px, calc(12px * var(--type-scale)));--fs-13: max(8px, calc(13px * var(--type-scale)));--fs-14: max(8px, calc(14px * var(--type-scale)));--fs-16: max(8px, calc(16px * var(--type-scale)));--fs-18: max(8px, calc(18px * var(--type-scale)));--fs-24: max(8px, calc(24px * var(--type-scale)));--fs-26: max(8px, calc(26px * var(--type-scale)));--nav-bg: var(--fx-nav-bg);--overlay-hi: var(--fx-overlay-hi);--raise-border: 2px solid var(--border);--raise-shadow: var(--shadow-hard);--raise-shadow-hover: 11px 11px 0 0 var(--shadow-color-strong);--raise-shadow-static: 4px 4px 0 0 var(--shadow-color-soft);--raise-shadow-static-hover: 7px 7px 0 0 var(--shadow-color-soft);--lift-hover: translate(-3px, -3px);--lift-hover-sm: translate(-2px, -2px);--raise-pad: 0px;--raise-radius: 0px;--ctl-border: 2px solid var(--border-strong);--ctl-shadow: var(--shadow-hard);--ctl-shadow-hover: 9px 9px 0 0 var(--shadow-color);--ctl-shadow-active: 2px 2px 0 0 var(--shadow-color);--ctl-lift-hover: translate(-2px, -2px);--ctl-press: translate(3px, 3px);--ctl-radius: 0px;--sink-border: 1px solid var(--tag-border);--sink-shadow: none;--sink-radius: 0px;--titlebar-bg: linear-gradient(0deg, transparent, var(--overlay-hi));--titlebar-fg: var(--foreground-dim);--titlebar-accent: var(--primary);--btn-bg: var(--surface);--btn-fg: var(--foreground);--btn-hover-border: var(--primary);--btn-hover-fg: var(--primary);--btn-primary-bg: var(--primary);--btn-primary-fg: var(--on-accent);--btn-primary-hover-bg: var(--primary-hover);--tag-bg: var(--surface-sunken);--tag-fg: var(--foreground-dim);--tag-border: var(--border-strong);--card-bg: var(--surface);--card-border-hover: var(--ac, var(--primary));--screen-bg: var(--fx-screen-bg);--screen-star: var(--fx-screen-star);--screen-shadow: #000;--cabinet-from: color-mix(in oklch, var(--surface), var(--background) 35%);--cabinet-to: var(--background);--platform-from: color-mix(in oklch, var(--primary) 70%, white);--platform-to: var(--primary);--platform-edge: color-mix(in oklch, var(--primary) 55%, black);--platform-hi: rgba(255, 255, 255, .45);--player-glow: color-mix(in oklch, var(--primary) 50%, transparent);--locked-from: color-mix(in oklch, var(--surface) 78%, var(--foreground));--locked-to: var(--background)}@layer base{@font-face{font-family:DejaVu Sans Mono;src:local("DejaVu Sans Mono"),url(/fonts/DejaVuSansMono.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190-21FF,U+2500-26FF}@font-face{font-family:DejaVu Sans Mono;src:local("DejaVu Sans Mono Bold"),local("DejaVuSansMono-Bold"),url(/fonts/DejaVuSansMono-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190-21FF,U+2500-26FF}@font-face{font-family:GLR Arabic;src:local("Geeza Pro"),local("GeezaPro"),local("Segoe UI"),local("SegoeUI"),local("Noto Sans Arabic"),local("NotoSansArabic-Regular"),local("Tahoma");font-weight:400;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:GLR Arabic;src:local("Geeza Pro Bold"),local("GeezaPro-Bold"),local("Segoe UI Bold"),local("SegoeUI-Bold"),local("Noto Sans Arabic Bold"),local("NotoSansArabic-Bold"),local("Tahoma Bold"),local("Tahoma-Bold");font-weight:700;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--foreground);font-family:var(--font-body);font-size:var(--fs-16);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;background-image:radial-gradient(900px 600px at 12% -8%,var(--fx-bg-glow-1) 0%,transparent 55%),radial-gradient(800px 700px at 100% 0%,var(--fx-bg-glow-2) 0%,transparent 50%),radial-gradient(700px 600px at 50% 120%,var(--fx-bg-glow-3) 0%,transparent 55%);background-attachment:fixed}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 2px,var(--scanline-color) 3px,transparent 4px);mix-blend-mode:multiply;opacity:.5;animation:flicker 5s infinite steps(60)}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9998;background-image:radial-gradient(var(--grain-color) 1px,transparent 1px);background-size:3px 3px;opacity:.6}html.playing body:before,html.playing .scroller,html.playing .player,html.playing .lock-msg,html.playing .btn.portal,html.playing .dot,html.playing .at-live i{animation-play-state:paused!important}:lang(ar) *{letter-spacing:0!important}::selection{background:var(--selection-bg);color:var(--selection-ink)}a{color:var(--primary);text-decoration:none}section{padding:var(--sp-88) 0;position:relative}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--sp-22)}@keyframes flicker{0%,96%,to{opacity:.5}97%{opacity:.35}98%{opacity:.58}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes blink{50%{opacity:0}}@keyframes bootline{to{opacity:1}}@media(prefers-reduced-motion:reduce){body:before{animation:none}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}}@layer base{.h2{font-family:var(--font-display);font-weight:700;font-size:clamp(30px,5vw,52px);line-height:1;margin:0 0 var(--sp-36);letter-spacing:-.5px}.cta{display:flex;flex-wrap:wrap;gap:var(--sp-14);margin-top:var(--sp-32)}.tags{display:flex;flex-wrap:wrap;gap:var(--sp-6);margin-top:auto;padding-top:var(--sp-6)}.links{display:flex;gap:var(--sp-14);margin-top:var(--sp-4)}.links a{font-family:var(--font-pixel);font-size:var(--fs-9);letter-spacing:1px;text-transform:uppercase;color:var(--ac, var(--primary));display:inline-flex;gap:var(--sp-6);align-items:center}.links a:hover{text-decoration:underline}.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}.reveal.in{opacity:1;transform:none}.flower{--p: 6px;width:var(--p);height:var(--p);margin:calc(var(--p) * 2) auto;image-rendering:pixelated;transform:scale(1)}.flower:before{content:"";position:absolute;width:var(--p);height:var(--p);box-shadow:calc(var(--p)*2) 0 var(--secondary),calc(var(--p)*4) 0 var(--secondary),var(--p) var(--p) var(--secondary),calc(var(--p)*2) var(--p) var(--secondary),calc(var(--p)*3) var(--p) var(--secondary),calc(var(--p)*4) var(--p) var(--secondary),calc(var(--p)*5) var(--p) var(--secondary),0 calc(var(--p)*2) var(--secondary),var(--p) calc(var(--p)*2) var(--secondary),calc(var(--p)*2) calc(var(--p)*2) var(--warning),calc(var(--p)*3) calc(var(--p)*2) var(--secondary),calc(var(--p)*4) calc(var(--p)*2) var(--secondary),calc(var(--p)*5) calc(var(--p)*2) var(--secondary),calc(var(--p)*6) calc(var(--p)*2) var(--secondary),var(--p) calc(var(--p)*3) var(--secondary),calc(var(--p)*2) calc(var(--p)*3) var(--secondary),calc(var(--p)*3) calc(var(--p)*3) var(--secondary),calc(var(--p)*4) calc(var(--p)*3) var(--secondary),calc(var(--p)*5) calc(var(--p)*3) var(--secondary),calc(var(--p)*2) calc(var(--p)*4) var(--secondary),calc(var(--p)*4) calc(var(--p)*4) var(--secondary),calc(var(--p)*3) calc(var(--p)*5) var(--primary),calc(var(--p)*3) calc(var(--p)*6) var(--primary),calc(var(--p)*3) calc(var(--p)*7) var(--primary),calc(var(--p)*3) calc(var(--p)*8) var(--primary),calc(var(--p)*1) calc(var(--p)*6) var(--primary),calc(var(--p)*2) calc(var(--p)*6) var(--primary),calc(var(--p)*4) calc(var(--p)*7) var(--primary),calc(var(--p)*5) calc(var(--p)*7) var(--primary)}}.drawer{width:min(440px,calc(100vw - 32px));max-width:none;max-height:min(88dvh,720px);margin:auto;padding:var(--raise-pad);color:var(--foreground);text-align:start;background:var(--surface);border:var(--raise-border);border-radius:var(--raise-radius);box-shadow:var(--raise-shadow);overflow:auto;overscroll-behavior:contain;transition:translate .15s}.drawer.wide{width:min(760px,calc(100vw - 32px))}.drawer::backdrop{background:#0000008c;backdrop-filter:blur(2px)}.drawer[open]{animation:drawer-window-in .2s cubic-bezier(.2,.8,.3,1)}.drawer[open]::backdrop{animation:drawer-backdrop-in .2s ease-out}.drawer.closing{animation:drawer-window-out .15s ease-in forwards}.drawer.closing::backdrop{animation:drawer-backdrop-in .15s ease-in reverse forwards}@media(max-width:640px){.drawer,.drawer.wide{width:100%;margin:auto 0 0;border-inline:0;border-bottom:0;border-radius:var(--raise-radius) var(--raise-radius) 0 0;padding-bottom:env(safe-area-inset-bottom);height:min(88dvh,720px)}.drawer[open]{display:flex;flex-direction:column}.drawer[open]{animation:drawer-up .26s cubic-bezier(.2,.8,.3,1)}.drawer[open]::backdrop{animation:drawer-backdrop-in .26s ease-out}.drawer.closing{animation:drawer-down .2s ease-in forwards}.drawer.closing::backdrop{animation:drawer-backdrop-in .2s ease-in reverse forwards}}@keyframes drawer-window-in{0%{opacity:0;transform:translateY(12px) scale(.97)}}@keyframes drawer-window-out{to{opacity:0;transform:translateY(12px) scale(.97)}}@keyframes drawer-up{0%{transform:translateY(100%)}}@keyframes drawer-down{to{transform:translateY(100%)}}@keyframes drawer-backdrop-in{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.drawer[open],.drawer[open]::backdrop{animation:none}}.drawer.wide .drawer-bar{position:sticky;top:0;z-index:1}.drawer-bar h2{margin:0;flex:1;font-family:var(--font-pixel);font-size:var(--fs-10);font-weight:400;letter-spacing:1px;text-transform:uppercase;color:var(--titlebar-fg)}.drawer-bar .x{width:24px;height:24px;padding:0;display:grid;place-items:center;cursor:pointer;font:700 12px/1 var(--font-body);letter-spacing:normal;color:var(--titlebar-fg);background:none;border:1px solid transparent;border-radius:var(--ctl-radius)}.drawer-bar .x:hover,.drawer-bar .x:focus-visible{color:var(--titlebar-accent);border-color:var(--titlebar-accent)}.drawer-bar .grab{display:none}@media(max-width:640px){.drawer-bar{position:relative;padding-top:var(--sp-16);touch-action:none}.drawer.wide .drawer-bar{position:sticky}.drawer-bar .grab{display:block;position:absolute;top:6px;left:50%;translate:-50% 0;width:40px;height:4px;border-radius:2px;background:var(--titlebar-fg);opacity:.5}}.ach-toast{position:fixed;top:58px;left:50%;z-index:1000;translate:-50% 0;width:max-content;max-width:calc(100vw - 32px);display:flex;align-items:center;gap:var(--sp-12);padding:var(--sp-8) var(--sp-16) var(--sp-8) var(--sp-8);font:inherit;text-align:start;color:var(--foreground);cursor:pointer;background:var(--surface);border:2px solid var(--warning);border-radius:var(--raise-radius);box-shadow:4px 4px 0 var(--shadow-color),0 0 18px var(--glow-primary);animation:ach-in .35s cubic-bezier(.2,.8,.3,1.3)}.ach-toast.out{animation:ach-out .25s ease-in forwards}.ach-toast-ic{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;color:var(--btn-primary-fg);background:var(--warning);border-radius:var(--ctl-radius)}.ach-toast-ic svg{width:24px;height:24px}.ach-toast-text{display:grid;gap:2px}.ach-toast-head{font-family:var(--font-pixel);font-size:var(--fs-10);letter-spacing:1px;text-transform:uppercase;color:var(--warning)}.ach-toast-name{font-size:var(--fs-14);font-weight:700}@keyframes ach-in{0%{opacity:0;transform:translateY(-24px) scale(.9)}}@keyframes ach-out{to{opacity:0;transform:translateY(-16px)}}@media(prefers-reduced-motion:reduce){.ach-toast,.ach-toast.out{animation:none}}