:root{--ink: #2b2140;--ink-soft: #5b4f73;--paper: #fffaf0;--sun: #ffd23f;--sun-deep: #ffb400;--tomato: #ff5d5d;--mint: #3ddc97;--sky: #4cc9f0;--grape: #9b5de5;--bubblegum: #f15bb5;--grass: #22b14c;--tangerine: #ff9f1c;--border: 3px solid var(--ink);--shadow: 5px 5px 0 var(--ink);--shadow-sm: 3px 3px 0 var(--ink);--radius: 18px;--radius-lg: 28px;--bounce: cubic-bezier(.34, 1.56, .64, 1);color-scheme:light;font-family:"Baloo 2",Segoe UI,system-ui,sans-serif;color:var(--ink)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{min-height:100vh;background-color:var(--sun);background-image:radial-gradient(circle at 12% 18%,rgba(255,255,255,.35) 0 60px,transparent 61px),radial-gradient(circle at 88% 12%,rgba(241,91,181,.25) 0 90px,transparent 91px),radial-gradient(circle at 80% 85%,rgba(76,201,240,.3) 0 120px,transparent 121px),radial-gradient(circle at 5% 90%,rgba(155,93,229,.25) 0 80px,transparent 81px),radial-gradient(rgba(43,33,64,.08) 2px,transparent 2px);background-size:auto,auto,auto,auto,26px 26px;background-attachment:fixed;font-size:17px;line-height:1.45}h1,h2,h3{margin:0;font-weight:700;line-height:1.1}button,input{font:inherit;color:inherit}:focus-visible{outline:4px solid var(--grape);outline-offset:3px}.page{width:min(1180px,100%);margin:0 auto;padding:24px 16px 64px}.panel{background:var(--paper);border:var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:24px}.panel__title{display:flex;align-items:center;gap:10px;font-size:1.35rem;margin-bottom:16px}.step-number{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;border:var(--border);background:var(--sky);font-size:1rem}.muted{color:var(--ink-soft)}.error-banner{background:#ffe1e1;border:var(--border);border-color:var(--tomato);border-radius:var(--radius);padding:12px 16px;font-weight:500;animation:wiggle .5s ease}.notice{margin:0;padding:12px 16px;border:var(--border);border-color:var(--mint);border-radius:var(--radius);background:#e3fbef;font-weight:500}.btn{--btn-bg: var(--paper);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border:var(--border);border-radius:999px;background:var(--btn-bg);box-shadow:var(--shadow-sm);font-weight:600;font-size:1rem;cursor:pointer;text-decoration:none;transition:transform .15s var(--bounce),box-shadow .15s ease,filter .15s ease;-webkit-user-select:none;user-select:none}.btn:hover:not(:disabled){transform:translate(-2px,-2px) rotate(-1deg);box-shadow:5px 5px 0 var(--ink)}.btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.btn:disabled{cursor:not-allowed;filter:grayscale(.7);opacity:.55}.btn--primary{--btn-bg: var(--mint)}.btn--danger{--btn-bg: var(--tomato);color:#fff}.btn--fun{--btn-bg: var(--bubblegum);color:#fff}.btn--sky{--btn-bg: var(--sky)}.btn--ghost{--btn-bg: transparent;box-shadow:none}.btn--ghost:hover:not(:disabled){box-shadow:var(--shadow-sm);background:var(--paper)}.btn--big{padding:18px 34px;font-size:1.3rem}.btn--huge{padding:22px 40px;font-size:clamp(1.3rem,3vw,1.8rem);box-shadow:var(--shadow)}.icon-btn{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:var(--border);border-radius:50%;background:var(--paper);box-shadow:var(--shadow-sm);font-size:1.4rem;font-weight:700;cursor:pointer;transition:transform .15s var(--bounce)}.icon-btn:hover:not(:disabled){transform:scale(1.1) rotate(-6deg)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.text-input{flex:1;min-width:0;padding:12px 18px;border:var(--border);border-radius:999px;background:#fff;font-size:1rem}.chip{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:var(--border);border-radius:999px;background:#fff;font-weight:500;cursor:pointer;transition:transform .15s var(--bounce),background .15s ease}.chip:hover{transform:translateY(-2px) rotate(-2deg)}.chip--on{background:var(--grape);color:#fff;box-shadow:var(--shadow-sm)}.chip__count{font-size:.8rem;padding:0 7px;border-radius:999px;background:#2b21401f}.chip--on .chip__count{background:#ffffff40}.lang{display:inline-block;margin-right:4px;padding:0 6px;border:2px solid var(--ink);border-radius:6px;font-size:.75rem;font-weight:700;vertical-align:1px}.flying-card{position:fixed;z-index:1000;display:grid;place-items:center;width:84px;height:116px;border:var(--border);border-radius:12px;background:linear-gradient(145deg,#fff,#ffe9f5);box-shadow:0 12px 30px #2b214059;font-size:2.2rem;font-weight:700;pointer-events:none}.flying-card small{font-size:1.1rem}@keyframes pop-in{0%{transform:scale(.3) rotate(-8deg);opacity:0}70%{transform:scale(1.06) rotate(2deg);opacity:1}to{transform:scale(1) rotate(0)}}@keyframes wiggle{0%,to{transform:rotate(0)}20%{transform:rotate(-4deg)}40%{transform:rotate(4deg)}60%{transform:rotate(-2deg)}80%{transform:rotate(2deg)}}@keyframes float{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-12px) rotate(3deg)}}@keyframes pulse-ring{0%{box-shadow:0 0 rgb(var(--ring, 241 91 181)/.7),var(--shadow-sm)}to{box-shadow:0 0 0 16px rgb(var(--ring, 241 91 181)/0),var(--shadow-sm)}}@keyframes slide-up{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}