@charset "UTF-8";:root{--primary: #7c3aed;--primary-dark: #6d28d9;--primary-light: #ede9fe;--accent: #ec4899;--ok: #16a34a;--ok-light: #dcfce7;--danger: #dc2626;--danger-light: #fee2e2;--warn: #d97706;--warn-light: #fef3c7;--bg: #f5f3f8;--surface: #ffffff;--text: #1f2937;--text-soft: #6b7280;--border: #e5e7eb;--radius: 14px;--shadow: 0 2px 12px rgba(17, 12, 46, .08);--safe-bottom: env(safe-area-inset-bottom, 0px);--app-max: 460px;--safe-top: 0px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.device-shell{display:contents}.device-frame{max-width:var(--app-max);margin:0 auto;min-height:100dvh;background:var(--bg);position:relative}.device-scroll{display:contents}@media(min-width:700px){:root{--safe-top: 22px}body{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:20px 0}.device-shell{display:block;flex:0 0 auto;height:min(860px,100dvh - 36px);aspect-ratio:390/844;background:#0a0a0c;border-radius:60px;padding:14px;position:relative;box-shadow:inset 0 0 0 2px #26262e,0 1px 0 3px #050507,0 40px 80px #0009}.device-shell:after{content:"";position:absolute;top:27px;left:50%;transform:translate(-50%);width:104px;height:30px;background:#0a0a0c;border-radius:16px;z-index:60;pointer-events:none}.device-shell:before{content:"";position:absolute;right:-3px;top:168px;width:3px;height:64px;background:#1a1a20;border-radius:0 3px 3px 0}.device-frame{max-width:none;margin:0;width:100%;height:100%;min-height:0;border-radius:48px;overflow:hidden;background:var(--bg);transform:translateZ(0)}.device-scroll{display:block;height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.device-scroll::-webkit-scrollbar{width:0;display:none}}html,body{margin:0;padding:0;height:100%}body{font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif;background:radial-gradient(circle at 50% 0%,#2a2640,#15131f);color:var(--text);font-size:16px;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea{font-family:inherit;font-size:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 18px;border-radius:var(--radius);font-size:1rem;font-weight:600;transition:transform .05s ease,opacity .15s ease,background .15s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-block{width:100%}.btn-ghost{background:transparent;color:var(--primary)}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow)}.input{width:100%;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);outline:none;transition:border-color .15s ease}.input:focus{border-color:var(--primary)}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--accent);color:#fff;font-size:.72rem;font-weight:700}.chip{padding:7px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-soft);font-size:.85rem;white-space:nowrap;font-weight:500}.chip.active{background:var(--primary);border-color:var(--primary);color:#fff}