:root{--bg: #0e0e12;--surface: #1a1a22;--surface-2: #24242f;--text: #f2f2f5;--muted: #9a9aa8;--like: #2ecc71;--nope: #ff4757;--accent: #e5a00d;--radius: 18px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}#app{display:flex;flex-direction:column;align-items:center}.page{width:100%;max-width:460px;padding:24px 20px 40px;display:flex;flex-direction:column;gap:20px;min-height:100%}h1{font-size:1.7rem;margin:0}h2{font-size:1.2rem;margin:0}.brand{display:flex;align-items:center;gap:10px;font-weight:700}.brand .dot{color:var(--accent)}.muted{color:var(--muted)}button{font:inherit;cursor:pointer;border:none;border-radius:var(--radius);padding:14px 18px;background:var(--surface-2);color:var(--text);transition:transform .08s ease,opacity .15s ease,background .15s ease}button:active{transform:scale(.97)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);color:#1a1400;font-weight:700}button.ghost{background:transparent;border:1px solid var(--surface-2)}input{font:inherit;width:100%;padding:14px 16px;border-radius:var(--radius);border:1px solid var(--surface-2);background:var(--surface);color:var(--text)}input::placeholder{color:var(--muted)}.card-list{display:flex;flex-direction:column;gap:10px}.list-item{background:var(--surface);border:1px solid var(--surface-2);border-radius:var(--radius);padding:14px 16px;text-align:left;display:flex;justify-content:space-between;align-items:center;width:100%}.code-badge{font-size:2.4rem;letter-spacing:.3em;font-weight:800;background:var(--surface);border-radius:var(--radius);padding:16px;text-align:center;color:var(--accent)}.error{color:var(--nope);font-size:.9rem}.spinner{width:28px;height:28px;border:3px solid var(--surface-2);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:40px}