:root{--ink:#0b0c0f;--panel:#16181d;--panel-light:#1f2229;--cream:#eef1f5;--cream-dim:#eef1f594;--magenta:#2f7dff;--magenta-soft:#7db2ff;--magenta-dim:#16305c;--sky-blue:#38bdf8;--sea-teal:#2dd4bf;--leaf-green:#4ade80;--sunset-gold:#f5a524;--sunset-orange:#ef4444;--violet:#8b93a7;--wood-brown:#52565f;--notch:0px;--notch-sm:0px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--ink);color:var(--cream);-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;margin:0;padding:0}body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background-image:radial-gradient(circle at 15% 0,#2f7dff12,#0000 40%);min-height:100dvh;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-x:hidden}#root{flex-direction:column;min-height:100dvh;display:flex}button,input,textarea,select{font-family:inherit}a{color:inherit}.pixel-font{letter-spacing:.3px;font-weight:700}.notched,.notched-sm{clip-path:none}.pixel-card{background:var(--panel);border:1px solid #ffffff14;border-radius:6px;padding:14px;position:relative}.pixel-card:before{content:none}.pixel-card:after{content:"";border-top:2px solid var(--accent,var(--magenta));pointer-events:none;border-radius:6px;position:absolute;inset:0}.pixel-btn{background:var(--accent,var(--magenta));width:100%;min-height:44px;color:var(--text,var(--ink));letter-spacing:.3px;text-transform:uppercase;cursor:pointer;touch-action:manipulation;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:12px 16px;font-size:13px;font-weight:700;transition:filter 80ms ease-out,transform 80ms ease-out;display:inline-flex}.pixel-btn:active{filter:brightness(.9);transform:scale(.98)}.pixel-btn:disabled{opacity:.4;cursor:not-allowed}.pixel-btn.secondary{background:var(--panel-light);color:var(--cream);border:1px solid #ffffff1a}.pixel-badge{letter-spacing:.4px;text-transform:uppercase;color:var(--ink);background:var(--accent,var(--magenta));border-radius:4px;align-items:center;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.pixel-icon-chip{background:var(--panel-light);border:1px solid var(--accent,var(--magenta));border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:inline-flex}.pixel-input{background:var(--panel-light);width:100%;color:var(--cream);border:1px solid #ffffff1a;border-radius:6px;outline:none;min-height:44px;padding:10px 12px;font-size:16px}textarea.pixel-input{min-height:120px}.pixel-input:focus{border-color:var(--magenta)}.pixel-progress{background:var(--panel-light);border-radius:4px;height:8px;position:relative;overflow:hidden}.pixel-progress>span{background:var(--accent,var(--magenta));height:100%;display:block}.screen{width:100%;max-width:560px;padding:16px max(16px, env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));padding-top:calc(16px + env(safe-area-inset-top));flex-direction:column;flex:1;margin:0 auto;display:flex}.topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.topbar h1{margin:0;font-size:18px}.back-link{color:var(--cream);touch-action:manipulation;align-items:center;gap:4px;min-height:44px;margin:-6px -4px;padding:6px 4px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.empty-hint{color:var(--cream-dim);padding:12px 2px;font-size:13px}.scroll-list{flex-direction:column;gap:10px;display:flex}.icon-btn{min-width:44px;min-height:44px;color:var(--cream-dim);cursor:pointer;touch-action:manipulation;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:inline-flex}.icon-btn.danger{color:var(--sunset-orange)}.h-scroll{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding:2px max(16px, env(safe-area-inset-right)) 12px max(16px, env(safe-area-inset-left));margin:0 max(-16px, calc(-1 * env(safe-area-inset-right))) 0 max(-16px, calc(-1 * env(safe-area-inset-left)));gap:8px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 16px calc(100% - 16px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 16px calc(100% - 16px),#0000 100%)}.h-scroll>*{scroll-snap-align:start}::-webkit-scrollbar{display:none}