@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#e8e8e4;--bg2:#ddddd8;--surface:#1e1e2a;--surface2:hsla(0,0%,100%,.07);--border:hsla(0,0%,100%,.1);--border2:hsla(0,0%,100%,.18);--text:#0d0d0d;--text-on-card:#f0eeff;--muted-on-card:rgba(240,238,255,.5);--muted:hsla(0,0%,5%,.45);--accent:#2563eb;--accent-hover:#1d4ed8;--accent-light:rgba(37,99,235,.15);--accent-light2:rgba(37,99,235,.2);--danger:#ef4444;--danger-light:rgba(239,68,68,.12)}body{font-family:Inter,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased}.wrap,body{background:var(--bg)}.wrap{min-height:100vh;padding:28px 16px 60px}.inner{max-width:460px;margin:0 auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px}.btn-main{background:var(--accent);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:700;font-family:Inter,sans-serif;padding:16px;width:100%;cursor:pointer;transition:all .18s;letter-spacing:.01em}.btn-main:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 20px rgba(37,99,235,.3)}.btn-main:disabled{opacity:.35;cursor:not-allowed}.btn-sm{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.18);border-radius:8px;color:#93b4fd;font-size:13px;font-weight:600;font-family:Inter,sans-serif;padding:7px 13px;cursor:pointer;transition:background .15s}.btn-sm:hover{background:hsla(0,0%,100%,.18)}.chip{border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer;border:1.5px solid hsla(0,0%,100%,.18);font-family:Inter,sans-serif;transition:all .15s;background:hsla(0,0%,100%,.07);color:var(--muted-on-card)}.chip.on{border-color:var(--accent);color:#fff;background:var(--accent)}.drop{border:2px dashed hsla(0,0%,100%,.2);border-radius:16px;padding:48px 24px;text-align:center;cursor:pointer;transition:all .2s;background:var(--surface)}.drop.drag,.drop:hover{border-color:var(--accent);background:rgba(37,99,235,.12)}.tag{display:inline-block;background:var(--accent-light2);border:1px solid rgba(37,99,235,.3);border-radius:6px;padding:4px 12px;font-size:11px;font-weight:700;letter-spacing:.08em;color:#1e3a6e;font-family:Inter,sans-serif;text-transform:uppercase}.pulse{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.err{background:var(--danger-light);border:1px solid rgba(239,68,68,.3);border-radius:10px;padding:12px 16px;color:#fca5a5;font-size:13px;line-height:1.65}.name-input{background:transparent;border:none;border-bottom:1.5px solid hsla(0,0%,100%,.2);color:var(--text-on-card);font-family:Inter,sans-serif;font-size:13px;font-weight:600;padding:2px 4px;width:100%;outline:none;transition:border-color .15s}.name-input:focus{border-bottom-color:#60a5fa}.name-input::placeholder{color:rgba(240,238,255,.3)}.lang-btn{background:var(--surface);border:1px solid var(--border2);border-radius:8px;color:var(--text-on-card);font-size:12px;font-weight:700;font-family:Inter,sans-serif;padding:6px 12px;cursor:pointer;transition:all .15s;letter-spacing:.04em}.lang-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}