:root{--ink:#0d0b17;--panel:#211f34;--panel-light:#302c45;--cream:#faf2e6;--cream-dim:#faf2e699;--magenta:#f23385;--magenta-soft:#ff8cb8;--magenta-dim:#73203f;--sky-blue:#54bfeb;--sea-teal:#24999f;--leaf-green:#73cc61;--sunset-gold:#ffc23d;--sunset-orange:#ff783d;--violet:#9466e6;--wood-brown:#946130;--notch:8px;--notch-sm:4px;--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% 8%,#9466e61f,#0000 40%),radial-gradient(circle at 85% 92%,#24999f24,#0000 45%);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:.5px;font-weight:700}.notched{--n:var(--notch);clip-path:polygon(var(--n) 0, calc(100% - var(--n)) 0, 100% var(--n), 100% calc(100% - var(--n)), calc(100% - var(--n)) 100%, var(--n) 100%, 0 calc(100% - var(--n)), 0 var(--n))}.notched-sm{--n:var(--notch-sm)}.pixel-card{background:var(--panel);border:3px solid var(--ink);padding:14px;position:relative}.pixel-card:before{content:"";background:var(--ink);z-index:-1;position:absolute;inset:0;transform:translate(5px,5px)}.pixel-card:after{content:"";border:2px solid var(--accent,var(--magenta));pointer-events:none;position:absolute;inset:3px}.pixel-btn{background:var(--accent,var(--magenta));width:100%;min-height:44px;color:var(--text,var(--ink));border:3px solid var(--ink);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;box-shadow:4px 4px 0 var(--ink);touch-action:manipulation;justify-content:center;align-items:center;gap:6px;padding:12px 16px;font-size:13px;font-weight:700;transition:transform 80ms ease-out,box-shadow 80ms ease-out;display:inline-flex;position:relative;transform:translate(-4px,-4px)}.pixel-btn:active{box-shadow:0 0 0 var(--ink);transform:translate(0)}.pixel-btn:disabled{opacity:.45;cursor:not-allowed}.pixel-btn.secondary{background:var(--panel-light);color:var(--cream)}.pixel-badge{letter-spacing:.5px;text-transform:uppercase;color:var(--ink);background:var(--accent,var(--magenta));border:2px solid var(--ink);align-items:center;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.pixel-icon-chip{background:var(--accent,var(--magenta));border:3px solid var(--ink);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:3px solid var(--ink);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(--ink);border:3px solid var(--ink);height:16px;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}@keyframes pet-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.pet-bounce{animation:1.6s ease-in-out infinite pet-bounce}