@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg: #0e0f1a;--surface: #14162a;--surface2: #1c1f38;--border: #2a2e52;--lime: #c6f135;--coral: #ff5c5c;--sky: #38bdf8;--gold: #ffc847;--purple: #a78bfa;--text: #eef0f8;--text-dim: #8b90b8;--text-mute: #4a5080;--font-main: "Baloo 2", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--r: .7rem;--r-sm: .4rem;--r-lg: 1.1rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;width:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font-main);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle,#2a2e52 1px,transparent 1px);background-size:22px 22px;background-attachment:fixed}.screen{display:flex;flex-direction:column;height:100%;max-width:480px;margin:0 auto;position:relative;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.65rem 1rem;background:#0e0f1ae6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1.5px solid var(--border);flex-shrink:0;min-height:52px;position:relative;z-index:10}.topbar__back{background:none;border:1.5px solid var(--border);border-radius:var(--r-sm);color:var(--text-dim);width:2rem;height:2rem;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:color .15s,border-color .15s;flex-shrink:0}.topbar__back:hover{color:var(--text);border-color:var(--text-dim)}.topbar__title{font-weight:700;font-size:.95rem;flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar__slot{display:flex;align-items:center;justify-content:flex-end;min-width:2rem;flex-shrink:0}.card{background:var(--surface);border:2px solid var(--border);border-radius:var(--r);padding:.75rem 1rem;transition:border-color .15s,box-shadow .15s}.card-lime{border-color:var(--lime);box-shadow:3px 3px #4a6000}.card-coral{border-color:var(--coral);box-shadow:3px 3px #c02020}.card-sky{border-color:var(--sky);box-shadow:3px 3px #0e6fa3}.card-gold{border-color:var(--gold);box-shadow:3px 3px #a07000}.card-purple{border-color:var(--purple);box-shadow:3px 3px #6d52c9}button{font-family:var(--font-main);cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border:none;border-radius:var(--r-sm);font-weight:700;font-size:.9rem;padding:.65rem 1.2rem;margin:.25rem;cursor:pointer;transition:transform .1s,box-shadow .1s,opacity .15s;letter-spacing:.01em;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:none!important}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-lime{background:var(--lime);color:#0e0f1a;box-shadow:4px 4px #4a6000}.btn-coral{background:var(--coral);color:#fff;box-shadow:4px 4px #c02020}.btn-sky{background:var(--sky);color:#0e0f1a;box-shadow:4px 4px #0e6fa3}.btn-gold{background:var(--gold);color:#0e0f1a;box-shadow:4px 4px #a07000}.btn-ghost{background:transparent;color:var(--text-dim);border:1.5px solid var(--border);box-shadow:none}.btn-ghost:hover:not(:disabled){border-color:var(--text-dim);color:var(--text)}.btn-sm{font-size:.76rem;padding:.3rem .65rem}.badge{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:.58rem;font-weight:700;letter-spacing:.08em;padding:.18rem .45rem;border-radius:999px;border:1.5px solid currentColor;white-space:nowrap}.badge-lime{color:var(--lime);background:#c6f1351f}.badge-coral{color:var(--coral);background:#ff5c5c1f}.badge-sky{color:var(--sky);background:#38bdf81f}.badge-gold{color:var(--gold);background:#ffc8471f}.badge-purple{color:var(--purple);background:#a78bfa1f}input,textarea,select{font-family:var(--font-main);color:var(--text)}input::placeholder,textarea::placeholder{color:var(--text-mute)}input[type=text],textarea{background:var(--surface);border:2px solid var(--border);border-radius:var(--r-sm);padding:.6rem .8rem;outline:none;transition:border-color .15s;width:100%}input[type=text]:focus,textarea:focus{border-color:var(--sky)}@keyframes popIn{0%{opacity:0;transform:scale(.88) translateY(8px)}70%{transform:scale(1.03) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pop-in{animation:popIn .38s cubic-bezier(.34,1.56,.64,1) both}.delay-1{animation-delay:.06s}.delay-2{animation-delay:.12s}.delay-3{animation-delay:.18s}.delay-4{animation-delay:.24s}.delay-5{animation-delay:.3s}.toast-container{position:fixed;bottom:5.5rem;left:50%;transform:translate(-50%);z-index:9000;pointer-events:none;width:min(90vw,380px)}.toast{background:var(--surface2);border:1.5px solid var(--border);border-radius:var(--r);padding:.65rem 1rem;font-size:.85rem;font-weight:600;text-align:center;box-shadow:0 4px 20px #00000080;opacity:0;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease}.toast.show{opacity:1;transform:translateY(0)}.toast.hide{opacity:0;transform:translateY(-6px)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface2) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--r-sm)}.wait-text{font-family:var(--font-mono);font-size:.75rem;color:var(--text-dim);animation:pulse 2s ease-in-out infinite;letter-spacing:.06em}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--text-mute)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}