:root{--bgA: #ff4fd8;--bgB: #23c9ff;--bgC: #7cff6b;--ink: #16233b;--muted: rgba(22, 35, 59, .72);--card: rgba(255, 255, 255, .92);font-family:Comic Sans MS,Comic Neue,Chalkboard SE,Marker Felt,system-ui,sans-serif;line-height:1.2;font-weight:700;color:var(--ink);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;overflow:hidden;background:radial-gradient(900px 600px at 15% 10%,rgba(255,255,255,.7),transparent 55%),radial-gradient(700px 500px at 95% 20%,rgba(255,255,255,.55),transparent 55%),radial-gradient(800px 600px at 65% 95%,rgba(255,255,255,.6),transparent 55%),linear-gradient(135deg,var(--bgA),var(--bgB),var(--bgC))}button,input{font-family:inherit}input{color:var(--ink)}#root{height:100svh;width:100%;display:flex}.screen{height:100svh;width:100%;padding:clamp(12px,3vw,28px);display:flex;align-items:center;justify-content:center}.card{width:min(540px,100%);max-height:100%;background:var(--card);border-radius:28px;padding:clamp(16px,4vw,28px);box-shadow:0 22px 60px #00000040,0 6px 18px #0000001f;border:3px solid rgba(255,255,255,.75);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:clamp(14px,2.2vh,18px)}.header{display:flex;gap:14px;align-items:center}.badge{width:clamp(54px,9vw,72px);height:clamp(54px,9vw,72px);border-radius:18px;background:conic-gradient(from 180deg,#ff4fd8,#23c9ff,#ffd84f,#7cff6b);box-shadow:0 10px 22px #0000002e;display:grid;place-items:center}.badgeStar{font-size:clamp(28px,6vw,40px);color:#fff;text-shadow:0 4px 0 rgba(0,0,0,.15)}.title{margin:0;font-size:clamp(30px,6vw,48px);letter-spacing:.2px;line-height:.95}.subtitle{margin:6px 0 0;font-size:clamp(14px,2.8vw,18px);color:var(--muted);font-weight:800}.form{display:flex;flex-direction:column;gap:clamp(12px,2vh,16px)}.field{display:flex;flex-direction:column;gap:8px}.label{font-size:13px;font-weight:900;letter-spacing:.5px;text-transform:uppercase;color:#16233bbf}.input{width:100%;border-radius:16px;border:3px solid rgba(22,35,59,.12);background:#fffffff2;padding:14px;font-size:clamp(16px,3vw,20px);font-weight:900;outline:none}.input:focus{border-color:#23c9ffd9;box-shadow:0 0 0 6px #23c9ff40}.pinBoxes{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pinBox{height:clamp(44px,8vh,58px);border-radius:16px;border:3px dashed rgba(22,35,59,.22);background:#ffffffb3;display:grid;place-items:center;font-size:clamp(26px,6vw,36px)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.key{height:clamp(46px,9vh,70px);border-radius:18px;border:0;cursor:pointer;background:linear-gradient(180deg,#fff,#f3f6ff);box-shadow:0 10px 20px #0000001f,0 2px #00000014;font-size:clamp(18px,4.6vw,30px);font-weight:1000;color:var(--ink)}.keyAlt{background:linear-gradient(180deg,#fff7d6,#ffe589)}.key:active{transform:translateY(1px)}.key:disabled{opacity:.7;cursor:not-allowed}.helper,.error{min-height:26px;font-size:14px;font-weight:900}.helper{color:#16233b99}.error{color:#b00020;background:#ff00401a;border:2px solid rgba(176,0,32,.25);border-radius:14px;padding:10px 12px}.cta{height:clamp(52px,9.5vh,74px);border-radius:20px;border:0;cursor:pointer;background:linear-gradient(135deg,#6a5cff,#23c9ff);color:#fff;font-size:clamp(18px,4vw,24px);font-weight:1000;box-shadow:0 16px 32px #0000002e,0 2px #0000001f}.cta:disabled{opacity:.65;cursor:not-allowed}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;gap:10px;align-items:center}.row>.input{flex:1}.ghost{height:48px;border-radius:18px;border:3px solid rgba(22,35,59,.14);background:#ffffffbf;cursor:pointer;font-size:16px;font-weight:1000}.list{display:flex;flex-direction:column;gap:10px;overflow:auto;padding-right:4px}.listRow{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:stretch}.listItemMain{width:100%}.listItem{width:100%;text-align:left;padding:14px;border-radius:18px;border:3px solid rgba(22,35,59,.14);background:#fffc;box-shadow:0 10px 18px #00000014;display:flex;align-items:center;justify-content:space-between;gap:10px}.iconDanger,.iconDangerSmall{border:0;cursor:pointer;background:linear-gradient(180deg,#ffe6ea,#ffd1d8);color:#7a1121;box-shadow:0 10px 18px #0000001a,0 2px #00000014}.iconDanger{width:56px;border-radius:18px;font-size:22px}.iconDangerSmall{width:42px;height:42px;border-radius:14px;font-size:18px;padding:0}.iconDanger:disabled,.iconDangerSmall:disabled{opacity:.6;cursor:not-allowed}.listItemActive{border-color:#23c9ffd9;box-shadow:0 12px 24px #0000001f,0 0 0 6px #23c9ff2e}.listItemName{font-size:18px;font-weight:1000}.pill,.pillInline{border-radius:999px;padding:8px 12px;font-size:12px;font-weight:1000;letter-spacing:.3px;text-transform:uppercase;border:2px solid rgba(22,35,59,.14);background:#ffffffd9;color:#16233bcc;white-space:nowrap}.pillInline{padding:6px 10px;margin-left:8px}.divider{height:2px;width:100%;background:#16233b1a;border-radius:999px;margin:4px 0}.posPicker{display:flex;gap:10px;flex-wrap:wrap}.posChip{height:42px;padding:0 14px;border-radius:999px;border:3px solid rgba(22,35,59,.14);background:#ffffffc7;font-size:14px;font-weight:1000}.posChipActive{border-color:#ff4fd8b3;box-shadow:0 0 0 6px #ff4fd82e}.entries{display:flex;flex-direction:column;gap:10px;max-height:22svh;overflow:auto;padding-right:4px}.choices{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pronRow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:8px}.audioBtn{height:38px;width:48px;border-radius:14px;border:2px solid rgba(22,35,59,.14);background:linear-gradient(180deg,#e9fbff,#c9f2ff);font-size:18px;font-weight:1000;padding:0}.audioSvg{width:22px;height:22px;fill:none;stroke:#16233bf2;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.audioLoading{font-size:22px;line-height:1}.choice{height:clamp(62px,11vh,96px);border-radius:22px;border:0;background:linear-gradient(180deg,#fff,#f3f6ff);box-shadow:0 14px 26px #0000001f,0 2px #00000014;font-size:clamp(18px,4.8vw,30px);font-weight:1000}.choiceCorrect{background:linear-gradient(135deg,#7cff6b,#23c9ff);color:#0f2340}.choiceWrong{background:linear-gradient(135deg,#ff4f6d,#ffd84f);color:#0f2340}.result{border-radius:18px;padding:12px 14px;font-size:16px;font-weight:1000}.result.good{background:#7cff6b38;border:2px solid rgba(124,255,107,.55)}.result.bad{background:#ff4f6d2e;border:2px solid rgba(255,79,109,.45)}.entryRow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:18px;border:2px solid rgba(22,35,59,.12);background:#ffffffb8}.entryWord{font-size:18px;font-weight:1000}.entryMeta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.ghost:active{transform:translateY(1px)}@media(max-height:680px){.card{padding:14px;gap:12px}.key{height:clamp(40px,8vh,56px)}.cta{height:clamp(48px,9vh,64px)}}@media(max-width:380px){.choices{grid-template-columns:1fr}}