*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:radial-gradient(circle at top,#7c3aed59,#0000 35%),linear-gradient(#05010f 0%,#0b0718 45%,#020617 100%);font-family:Arial,Helvetica,sans-serif}.app{justify-content:center;align-items:center;min-height:100vh;padding:40px;display:flex}.hero-card,.auth-card{text-align:center;background:#0a1432e0;border:1px solid #c4b5fd40;border-radius:24px;width:100%;max-width:900px;padding:40px;box-shadow:0 0 45px #a855f74d}.main-logo{border-radius:22px;width:100%;max-width:850px;box-shadow:0 0 45px #a855f759}.mode-buttons{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:28px;margin-bottom:20px;display:flex}button{cursor:pointer;color:#fff;background:linear-gradient(90deg,#8b5cf6,#ec4899);border:none;border-radius:16px;padding:16px 24px;font-size:1.05rem;font-weight:800;transition:transform .2s,box-shadow .2s;box-shadow:0 0 22px #ec48994d}button:hover{transform:scale(1.03);box-shadow:0 0 30px #ec48998c}.back-button{background:linear-gradient(90deg,#475569,#64748b);margin-top:15px}.prototype-note{color:#c4b5fd;opacity:.9;margin-top:20px;font-weight:700;line-height:1.6}h1{color:#f8fafc;text-shadow:0 0 12px #ec4899b3,0 0 25px #60a5fa59;margin-bottom:18px;font-size:3rem}p{color:#fff;margin-bottom:18px;font-size:1.1rem}input{color:#fff;background:#020617d9;border:1px solid #c4b5fd8c;border-radius:12px;width:100%;max-width:450px;margin-bottom:20px;padding:16px;font-size:1rem}input::placeholder{color:#c4b5fd}.dashboard-card button,.auth-card button{width:100%;max-width:450px;margin:10px auto;display:block}.word-practice-screen{text-align:center;border:1px solid #c4b5fd4d;border-radius:28px;width:100%;max-width:1150px;min-height:760px;padding:42px 28px 28px;position:relative;overflow:hidden;box-shadow:0 0 55px #a855f759}.practice-bg-video{object-fit:cover;z-index:0;opacity:.78;border-radius:28px;width:100%;height:100%;position:absolute;inset:0}.practice-bg-overlay{z-index:1;background:linear-gradient(#02061752,#020617bf),radial-gradient(circle,#7c3aed1f,#0000 60%);border-radius:28px;position:absolute;inset:0}.practice-content{z-index:2;position:relative}.practice-logo{display:none}.practice-content h1{color:#fff;text-shadow:0 0 10px #ec4899e6,0 0 28px #22d3ee8c;margin-bottom:6px;font-size:2.5rem}.practice-subtitle{color:#fff;text-shadow:0 0 12px #000c;margin-bottom:14px;font-size:1rem;font-weight:800}.compact-word-list{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0206176b;border:1px solid #c4b5fd73;border-radius:18px;width:100%;max-width:560px;height:245px;margin:0 auto 18px;padding:10px;overflow-y:auto;box-shadow:0 0 26px #a855f740}.compact-word{width:100%;min-height:42px;box-shadow:none;background:#0f172ab8;border:1px solid #c4b5fd40;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;margin:6px auto;padding:9px 13px;display:flex}.compact-word:hover{background:#7c3aed8c}.active-word{background:linear-gradient(90deg,#8b5cf6e6,#ec4899e6);border:1px solid #ffffffa6}.english-word{color:#fff;text-transform:uppercase;text-align:left;font-size:.95rem;font-weight:900}.cree-word{color:#ddd6fe;text-align:right;font-size:.95rem;font-weight:900}.audio-panel,.mini-audio-panel{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);text-align:center;background:#02061794;border:1px solid #c4b5fd59;border-radius:18px;width:100%;max-width:360px;margin:0 auto 12px;padding:10px 12px;box-shadow:0 0 18px #a855f740}.audio-panel h2,.audio-panel h3{display:none}.audio-panel p,.mini-speaker{color:#d8b4fe;margin-bottom:10px;font-size:.9rem;font-weight:800}.audio-block{display:none}.mini-audio-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.mini-play-button{justify-content:center;align-items:center;color:#000!important;width:125px!important;min-width:125px!important;max-width:125px!important;height:48px!important;box-shadow:none!important;background:#f2f2f2!important;border:2px solid #555!important;border-radius:18px!important;margin:0!important;padding:0!important;font-size:1rem!important;font-weight:600!important;display:flex!important}.mini-play-button:hover{transform:scale(1.03);background:#fff!important}.mini-play-button:active{transform:scale(.98)}.practice-back{padding:11px 16px;font-size:.9rem;max-width:320px!important}.record-panel{text-align:left;background:#0f0a1ed9;border:1px solid #b464ff4d;border-radius:12px;width:100%;max-width:480px;margin:10px auto;padding:14px 16px}.record-panel-title{color:#fff;text-shadow:none;margin:0 0 2px;font-size:1.1rem;font-weight:700}.record-panel-cree{color:#c084fc;margin:0 0 10px;font-size:.95rem}.alt-spelling-input{color:#fff;box-sizing:border-box;background:#ffffff12;border:1px solid #b464ff4d;border-radius:8px;width:100%;max-width:100%;margin-bottom:12px;padding:7px 10px;font-size:.85rem}.alt-spelling-input::placeholder{color:#ffffff59}.alt-spelling-input:focus{border-color:#c084fc;outline:none}.record-button-grid{grid-template-columns:1fr 1fr 1fr;gap:6px;margin-bottom:10px;display:grid}.rec-btn{cursor:pointer;white-space:nowrap;transition:background .15s;color:#fff!important;box-shadow:none!important;width:100%!important;min-width:unset!important;max-width:unset!important;background:#ffffff14!important;border:1px solid #b464ff59!important;border-radius:8px!important;height:auto!important;margin:0!important;padding:8px 4px!important;font-size:.78rem!important;font-weight:600!important;display:block!important}.rec-btn:hover:not(:disabled){transform:none;box-shadow:none!important;background:#b464ff40!important}.rec-btn:disabled{opacity:.35;cursor:default;transform:none!important}.submit-btn{background:linear-gradient(135deg,#7c3aed,#db2777)!important;border:none!important}.submit-btn:hover:not(:disabled){opacity:.85;transform:none!important}.submit-status{color:#86efac;text-align:center;margin:6px 0;font-size:.85rem;font-weight:700}.next-btn{cursor:pointer;text-align:center;color:#fff!important;width:100%!important;max-width:100%!important;box-shadow:none!important;background:#ffffff1a!important;border:1px solid #fff3!important;border-radius:8px!important;margin-top:8px!important;margin-left:0!important;margin-right:0!important;padding:9px!important;font-size:.9rem!important;font-weight:700!important;display:block!important}.next-btn:hover{box-shadow:none!important;background:#ffffff2e!important;transform:none!important}@media (width<=768px){.app{padding:20px}h1{font-size:2rem}.hero-card,.auth-card,.word-practice-screen{padding:24px}.practice-content h1{font-size:2.1rem}.compact-word-list{max-width:95%;height:230px}.compact-word{flex-direction:column;align-items:flex-start}.english-word,.cree-word{text-align:left}.mini-audio-buttons{gap:8px}.mini-play-button{width:115px!important;min-width:115px!important;max-width:115px!important}.record-button-grid{grid-template-columns:1fr 1fr}.rec-btn{font-size:.72rem!important}}.splash-screen{background:#000;justify-content:center;align-items:flex-end;width:100vw;height:100vh;padding:0;display:flex;position:fixed;inset:0;overflow:hidden}.splash-image{object-fit:contain;object-position:center;width:100%;height:100%;position:absolute;inset:0}.splash-overlay{z-index:1;background:linear-gradient(#0000 60%,#00000080 80%,#000000f2 100%);position:absolute;inset:0}.splash-enter-btn{z-index:2;letter-spacing:.2em;cursor:pointer;margin-bottom:120px;animation:2s ease-in-out infinite pulse-glow;position:relative;color:#fff!important;width:auto!important;max-width:none!important;min-width:unset!important;background:linear-gradient(90deg,#8b5cf6,#ec4899)!important;border:none!important;border-radius:50px!important;padding:18px 80px!important;font-size:1.3rem!important;font-weight:900!important;box-shadow:0 0 40px #ec4899b3,0 0 80px #8b5cf666!important}.splash-enter-btn:hover{transform:scale(1.05)!important;box-shadow:0 0 60px #ec4899e6,0 0 100px #8b5cf699!important}@keyframes pulse-glow{0%,to{box-shadow:0 0 40px #ec4899b3,0 0 80px #8b5cf666}50%{box-shadow:0 0 60px #ec4899,0 0 120px #8b5cf6b3}}.paywall-card{max-width:720px;padding:2rem 1.75rem}.paywall-subtitle{color:#ffffffb3;text-align:center;margin-bottom:1.5rem;font-size:.95rem}.paywall-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;width:100%;margin-bottom:1.5rem;display:grid}@media (width<=560px){.paywall-options{grid-template-columns:1fr}}.paywall-option{text-align:center;background:#ffffff0d;border:1px solid #ffffff26;border-radius:14px;flex-direction:column;padding:1.4rem 1rem 1.2rem;display:flex;position:relative}.paywall-option-featured{background:#b44fc81f;border-color:#b44fc8;box-shadow:0 0 22px #b44fc840}.paywall-option h2{color:#fff;justify-content:center;align-items:center;min-height:2.6rem;margin-bottom:.4rem;font-size:1.05rem;display:flex}.paywall-price{color:#e040fb;margin-bottom:1.1rem;font-size:1.7rem;font-weight:700}.paywall-price span{color:#fff9;margin-top:2px;font-size:.82rem;font-weight:400;display:block}.paywall-option .paywall-btn{margin-top:auto}.paywall-badge{color:#fff;white-space:nowrap;background:#b44fc8;border-radius:20px;padding:2px 10px;font-size:.7rem;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.paywall-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;width:100%;padding:.6rem 0;font-size:.85rem;text-decoration:none;transition:background .2s;display:block}.paywall-btn:hover{background:#fff3}.paywall-btn-featured{background:#b44fc8;border-color:#b44fc8}.paywall-btn-featured:hover{background:#9c3db0}.bonus-code-section{text-align:center;width:100%;margin-bottom:1rem}.bonus-code-section p{color:#fff9;margin-bottom:.5rem;font-size:.85rem}.bonus-error{color:#ff6b6b;margin-top:.4rem;font-size:.85rem}.unlock-btn{background:linear-gradient(135deg,#b44fc8,#7c3aed)!important;width:100%!important;max-width:450px!important;margin-bottom:.5rem!important}.level-picker{flex-direction:column;gap:6px;width:100%;margin:10px 0 14px;display:flex}.level-picker label{opacity:.8;font-size:.85rem}.level-picker select{color:#fff;background:#020617d9;border:1px solid #ffffff40;border-radius:12px;padding:12px 14px;font-size:1rem}.game-card{max-width:640px}.game-subtitle{opacity:.85;margin-top:-6px}.memory-stats{opacity:.85;margin-bottom:10px;font-size:.9rem}.memory-grid{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;display:grid}.memory-tile{word-break:break-word;min-height:84px;line-height:1.25;transition:transform .15s,background .2s;color:#fff!important;background:linear-gradient(135deg,#312e81,#4c1d95)!important;border:1px solid #fff3!important;border-radius:14px!important;padding:8px!important;font-size:.95rem!important}.memory-tile:not(.memory-tile-up){opacity:.9;font-size:1.6rem!important}.memory-tile-up{transform:scale(1.03);background:#020617d9!important}.memory-tile-cree{background:linear-gradient(135deg,#7c3aed,#db2777)!important}.memory-tile-matched{opacity:.85;background:linear-gradient(135deg,#059669,#10b981)!important}.memory-win{padding:12px 0}.memory-win-title{margin-bottom:12px;font-size:1.1rem}.quiz-progress{opacity:.85;font-size:.9rem}.quiz-word{color:#f0abfc;margin:8px 0 4px;font-size:1.7rem;font-weight:700}.quiz-question{opacity:.85;margin:8px 0}.quiz-options{flex-direction:column;gap:8px;width:100%;display:flex}.quiz-option{text-align:left;color:#fff!important;background:#ffffff14!important;border:1px solid #fff3!important;border-radius:12px!important;padding:12px 14px!important}.quiz-correct{background:linear-gradient(90deg,#059669,#10b981)!important}.quiz-wrong{background:linear-gradient(90deg,#b91c1c,#ef4444)!important}.quiz-score-final{margin-bottom:6px;font-size:1.4rem;font-weight:700}.story-card{max-width:720px}.story-style-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:12px;display:flex}.story-style-btn{color:#fff!important;background:#ffffff14!important;border:1px solid #ffffff38!important;border-radius:999px!important;width:auto!important;padding:8px 14px!important;font-size:.85rem!important}.story-style-active{background:linear-gradient(90deg,#8b5cf6,#ec4899)!important;border-color:#0000!important}.story-generate-btn{background:linear-gradient(90deg,#8b5cf6,#ec4899)!important;border-radius:28px!important}.story-persona-note{opacity:.8;margin-top:10px;font-style:italic}.story-output{text-align:left;background:#02061799;border:1px solid #ffffff26;border-radius:16px;margin-top:12px;padding:18px 20px;line-height:1.6}.story-output p{margin:0 0 12px}.story-output p:last-child{margin-bottom:0}.dashboard-card{position:relative}.gear-btn{height:44px;line-height:1;top:14px;right:14px;background:#ffffff1a!important;border:1px solid #ffffff40!important;border-radius:50%!important;width:44px!important;padding:0!important;font-size:1.2rem!important;position:absolute!important}.gear-btn:hover{background:#ffffff38!important}.youth-badge{background:#10b9812e;border:1px solid #10b98180;border-radius:999px;padding:4px 12px;font-size:.85rem;display:inline-block}.settings-card{max-width:640px}.wizard-progress{opacity:.75;font-size:.85rem}.wizard-question{margin:8px 0 2px;font-size:1.2rem;font-weight:700}.wizard-note{opacity:.75;margin-bottom:8px;font-size:.85rem}.wizard-options{grid-template-columns:repeat(2,1fr);gap:8px;width:100%;margin:10px 0;display:grid}@media (width<=520px){.wizard-options{grid-template-columns:1fr}}.wizard-option{text-align:left;color:#fff!important;background:#ffffff12!important;border:1px solid #fff3!important;border-radius:12px!important;padding:11px 12px!important;font-size:.9rem!important}.wizard-picked{background:linear-gradient(90deg,#8b5cf6d9,#ec4899d9)!important;border-color:#0000!important}.wizard-nav{justify-content:center;gap:10px;width:100%;margin-top:6px;display:flex}.wizard-back{background:#ffffff1a!important;border-radius:12px!important}.wizard-next{background:linear-gradient(90deg,#8b5cf6,#ec4899)!important;border-radius:12px!important}.wizard-next:disabled{opacity:.4}.quiz-length-picker{flex-direction:column;gap:8px;width:100%;display:flex}.quiz-length-btn{color:#fff!important;background:#ffffff14!important;border:1px solid #ffffff38!important;border-radius:12px!important;padding:13px!important}.quiz-length-btn:hover{background:linear-gradient(90deg,#8b5cf699,#ec489999)!important}.category-sidebar{flex-wrap:wrap;justify-content:center;gap:6px;max-width:100%;margin:6px 0 12px;display:flex}.category-btn{color:#fff!important;background:#ffffff12!important;border:1px solid #fff3!important;border-radius:999px!important;width:auto!important;padding:6px 13px!important;font-size:.8rem!important}.category-active{background:linear-gradient(90deg,#8b5cf6,#ec4899)!important;border-color:#0000!important}.ask-wisahkecahk{width:100%;margin-top:12px}.ask-btn{width:100%;color:#fff!important;background:linear-gradient(90deg,#8b5cf6,#ec4899)!important;border:none!important;border-radius:14px!important;padding:12px 14px!important;font-size:.9rem!important}.ask-btn:disabled{opacity:.7}.ask-result{text-align:left;white-space:pre-line;background:#02061799;border:1px solid #8b5cf666;border-radius:12px;margin-top:10px;padding:12px 14px;line-height:1.5}.ask-error{color:#fca5a5;margin-top:10px;font-size:.88rem;line-height:1.4}.story-btn-row{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;display:flex}.story-ai-btn{background:linear-gradient(90deg,#f59e0b,#ec4899)!important}.story-output-ai{border-color:#f59e0b80}.paywall-trial{color:#6ee7b7;margin:-4px 0 10px;font-size:.92rem}.voice-list{flex-direction:column;gap:8px;width:100%;display:flex}.voice-card{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;display:flex;color:#fff!important;background:#ffffff12!important;border:1px solid #fff3!important;border-radius:14px!important;padding:13px 16px!important}.voice-card-active{background:linear-gradient(90deg,#8b5cf6d9,#ec4899d9)!important;border-color:#0000!important}.voice-name{font-size:1rem;font-weight:700}.voice-blurb{opacity:.85;font-size:.82rem}.convert-voices-box{text-align:center;margin-top:10px}.convert-voices-btn{letter-spacing:.5px;color:#ffffff59!important;background:0 0!important;border:none!important;width:auto!important;padding:4px 8px!important;font-size:.72rem!important}.convert-voices-btn:hover{color:#ffffffb3!important}.convert-voices-status{opacity:.8;margin-top:4px;font-size:.78rem}.convert-voice-select{color:#ffffffbf;background:#020617b3;border:1px solid #fff3;border-radius:8px;margin-right:6px;padding:5px 8px;font-size:.75rem}.library-controls{justify-content:center;align-items:center;gap:8px;margin-bottom:6px;display:flex}.library-convert-btn{color:#fff!important;background:linear-gradient(90deg,#f59e0b,#ec4899)!important;border:none!important;border-radius:10px!important;width:auto!important;padding:7px 12px!important;font-size:.8rem!important}.library-list{flex-direction:column;gap:8px;width:100%;min-width:0;display:flex}.library-row{text-align:left;background:#0206178c;border:1px solid #c4b5fd38;border-radius:12px;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:14px;padding:10px 14px;display:grid}.library-labels{text-align:left;flex-direction:column;gap:2px;min-width:0;display:flex;overflow:hidden}.library-labels .english-word,.library-labels .cree-word{white-space:nowrap;text-overflow:ellipsis;text-align:left;overflow:hidden}.library-meta{color:#a5b4fc;opacity:.85;white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.library-audio-group{flex-direction:row;flex-shrink:0;align-items:center;gap:5px;display:flex}.library-tag{opacity:.7;text-align:right;min-width:74px;font-size:.68rem}.library-mini{border-radius:10px!important;width:52px!important;min-width:52px!important;max-width:52px!important;height:34px!important;font-size:.78rem!important}.library-mini:disabled{opacity:.3;cursor:default}.library-ai{color:#fff!important;background:linear-gradient(135deg,#7c3aed,#db2777)!important;border-color:#ffffff4d!important}.rerecord-btn{white-space:nowrap;box-shadow:none;background:linear-gradient(90deg,#b45309,#dc2626);border-radius:10px;padding:9px 12px;font-size:.78rem;font-weight:700}.teacher-filter-layout{flex-direction:column;gap:12px;width:100%;margin-bottom:14px;display:flex}.teacher-filters{flex-wrap:wrap;gap:12px;width:100%;display:flex}.teacher-filter-field{text-align:left;flex-direction:column;flex:160px;gap:4px;display:flex}.teacher-filter-field>span{letter-spacing:.08em;text-transform:uppercase;color:#a5b4fc;font-size:.72rem;font-weight:900}.teacher-filter-field select{color:#fff;background:#020617d9;border:1px solid #c4b5fd80;border-radius:12px;width:100%;padding:12px 14px;font-size:1rem;font-weight:700}.teacher-filter-layout .compact-word-list,.teacher-filter-layout .library-list{width:100%;margin:0}.record-list{max-width:none;height:236px}.record-skip-row{flex-wrap:wrap;justify-content:center;gap:8px;margin:10px 0 4px;display:flex}.flag-btn{box-shadow:none;background:linear-gradient(90deg,#475569,#64748b);border-radius:10px;flex:0 auto;padding:9px 13px;font-size:.8rem;font-weight:700}.flag-btn:hover{background:linear-gradient(90deg,#475569,#94a3b8)}.delete-btn{background:linear-gradient(90deg,#b91c1c,#ef4444)}.delete-btn:hover{background:linear-gradient(90deg,#991b1b,#dc2626)}.ask-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.topup-btn{margin-top:8px;color:#fff!important;background:linear-gradient(90deg,#f59e0b,#ef4444)!important;border:none!important;border-radius:14px!important;padding:11px 16px!important;font-size:.9rem!important}.library-trim-btn{color:#fff!important;background:linear-gradient(90deg,#0ea5e9,#6366f1)!important;border:none!important;border-radius:10px!important;width:auto!important;margin:4px 0 10px!important;padding:9px 14px!important;font-size:.85rem!important}.legal-overlay{z-index:200;background:#020617d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.legal-modal{text-align:center;background:#0a1432fa;border:1px solid #c4b5fd59;border-radius:24px;width:100%;max-width:620px;max-height:88vh;padding:34px;overflow-y:auto;box-shadow:0 0 45px #a855f773}.legal-modal h2{color:#f8fafc;text-shadow:0 0 12px #ec489999;margin-bottom:14px}.legal-warning{text-align:left;background:#ec48991f;border:1px solid #ec489966;border-radius:14px;padding:14px 16px;font-size:.98rem;line-height:1.55}.legal-age-buttons{flex-wrap:wrap;justify-content:center;gap:12px;margin:14px 0 6px;display:flex}.legal-age-buttons button{width:auto;min-width:170px}.legal-age-buttons .age-no{background:linear-gradient(90deg,#475569,#64748b)}.legal-age-buttons .age-picked{outline:3px solid #4ade80}.legal-check{text-align:left;color:#e2e8f0;align-items:flex-start;gap:10px;max-width:520px;margin:16px auto 6px;font-size:.95rem;line-height:1.5;display:flex}.legal-check input[type=checkbox]{accent-color:#ec4899;flex-shrink:0;width:22px;height:22px;margin:2px 0 0}.legal-link{font-size:inherit;border:none;font-weight:700;text-decoration:underline;box-shadow:none!important;color:#c4b5fd!important;background:0 0!important;width:auto!important;margin:0!important;padding:0!important;display:inline!important}.legal-link:hover{transform:none;color:#ec4899!important}.legal-card{text-align:left;max-width:900px}.legal-card h1{text-align:center;font-size:2.1rem}.legal-card h3{color:#f0abfc;margin:22px 0 8px;font-size:1.15rem}.legal-card p,.legal-card li{color:#e2e8f0;margin-bottom:10px;font-size:.98rem;line-height:1.65}.legal-card ul{margin:0 0 12px 22px}.legal-meta{color:#c4b5fd;text-align:center;font-size:.9rem}.legal-footer-links{color:#c4b5fd;margin-top:6px;font-size:.9rem}.locked-word{opacity:.65;cursor:pointer;position:relative}.locked-word .english-word,.locked-word .cree-word{filter:blur(4px);-webkit-user-select:none;user-select:none}.lock-badge{z-index:2;filter:none;font-size:1.1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.member-grid{flex-wrap:wrap;justify-content:center;gap:18px;margin:10px auto 22px;display:flex}.auth-card .member-grid button.member-card{width:150px;max-width:150px;box-shadow:none;background:#0206178c;border:1px solid #c4b5fd59;border-radius:18px;flex-direction:column;align-items:center;gap:8px;margin:0;padding:18px 12px;display:flex}.auth-card .member-grid button.member-card:hover{border-color:#ec4899;box-shadow:0 0 22px #ec489959}.member-avatar{color:#fff;background:linear-gradient(135deg,#7c3aed,#db2777);border-radius:22px;justify-content:center;align-items:center;width:72px;height:72px;font-size:2rem;font-weight:900;display:flex}.member-avatar-owner{background:linear-gradient(135deg,#0ea5e9,#8b5cf6)}.member-avatar-add{color:#c4b5fd;background:#c4b5fd2e;border:2px dashed #c4b5fd99}.member-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:1rem;font-weight:800;overflow:hidden}.member-role{color:#a5b4fc;font-size:.72rem;font-weight:700}.member-child-check{margin:10px auto}.seat-card{text-align:center;background:#b44fc81f;border:1px solid #b44fc8;border-radius:18px;max-width:420px;margin:8px auto 14px;padding:22px 18px;box-shadow:0 0 22px #b44fc840}.seat-card h2{color:#fff;margin-bottom:6px;font-size:1.15rem}.seat-card .paywall-price{margin-bottom:14px}.seat-soon{color:#c4b5fd;margin:0;font-size:.95rem;font-weight:700}.seat-available{color:#6ee7b7;margin:0;font-size:1rem;font-weight:800}.seat-note{color:#c4b5fd;max-width:460px;margin:6px auto 12px;font-size:.9rem;line-height:1.5}.member-picker-actions{flex-direction:column;align-items:center;gap:10px;margin-top:8px;display:flex}.text-button{box-shadow:none;color:#c4b5fd;cursor:pointer;background:0 0;border:none;width:auto;margin:0;padding:6px 10px;font-size:.92rem;font-weight:700}.text-button:hover{color:#fff;text-decoration:underline}.text-button-danger{color:#fca5a5}.text-button-danger:hover{color:#f87171}.member-manage-list{flex-direction:column;gap:10px;max-width:460px;margin:8px auto 18px;padding:0;list-style:none;display:flex}.member-manage-row{text-align:left;background:#0206178c;border:1px solid #c4b5fd4d;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.member-avatar-sm{border-radius:14px;flex-shrink:0;width:44px;height:44px;font-size:1.2rem}.member-manage-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.member-manage-buttons{flex-shrink:0;align-items:center;gap:4px;display:flex}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#020617b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{text-align:center;background:#0b1024;border:1px solid #ec489973;border-radius:20px;width:100%;max-width:420px;padding:24px 22px;box-shadow:0 0 40px #ec48994d}.modal-card h2{color:#fff;margin:0 0 10px;font-size:1.25rem}.modal-card p{color:#c4b5fd;margin:0 0 18px;font-size:.95rem;line-height:1.55}.modal-actions{justify-content:center;gap:10px;display:flex}.modal-actions button{flex:1;width:auto;margin:0}.text-button-danger-btn{background:linear-gradient(135deg,#e11d48,#be123c)}.text-button-danger-btn:hover{box-shadow:0 0 22px #e11d4873}.member-manage-row-stacked{flex-direction:column;align-items:stretch;gap:8px}.member-manage-row-top{align-items:center;gap:12px;display:flex}.member-manage-claim-row{border-top:1px solid #c4b5fd2e;flex-wrap:wrap;align-items:center;gap:8px;padding-top:8px;display:flex}.claim-hint{color:#8b7fb8;font-size:.82rem}.claim-error{color:#fca5a5;max-width:440px;margin:10px auto 18px;font-weight:700;line-height:1.5}.claim-warning{color:#fde68a;background:#fbbf241f;border:1px solid #fbbf2473;border-radius:12px;max-width:440px;margin:6px auto 14px;padding:10px 14px;font-size:.9rem;line-height:1.5}.lab-level-picker{max-width:320px;margin-left:auto;margin-right:auto}.lab-game-list{text-align:left;flex-direction:column;gap:14px;margin:6px 0 20px;display:flex}.lab-game-card{background:#0206178c;border:1px solid #c4b5fd4d;border-radius:16px;padding:16px 18px}.lab-game-card-planned{opacity:.85;border-style:dashed}.lab-game-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.lab-game-title{color:#fff;font-size:1.05rem;font-weight:800}.lab-game-status{white-space:nowrap;font-size:.78rem;font-weight:700}.lab-game-status-live{color:#6ee7b7}.lab-game-status-planned{color:#c4b5fd}.lab-game-status-dev{color:#fbbf24}.soundmatch-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:12px;display:flex}.soundmatch-stat{color:#ddd6fe;background:#0206178c;border:1px solid #c4b5fd59;border-radius:10px;padding:5px 10px;font-size:.9rem;font-weight:800}.soundmatch-size{color:#fff;background:#020617d9;border:1px solid #c4b5fd73;border-radius:10px;padding:6px 10px;font-size:.9rem;font-weight:700}.soundmatch-scoreboard{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.soundmatch-score{color:#fff;opacity:.7;border:1px solid #0000;border-radius:10px;padding:5px 10px;font-size:.9rem;font-weight:800}.soundmatch-score-turn{opacity:1;transform:scale(1.04);box-shadow:0 0 12px #ffffff59}.soundmatch-controls{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.soundmatch-grid{grid-template-columns:repeat(4,1fr)}.soundmatch-tile{min-height:84px}.soundmatch-face{flex-direction:column;align-items:center;gap:3px;display:flex}.soundmatch-audio,.soundmatch-meaning{font-size:1.9rem;line-height:1}.soundmatch-label{color:#fff;word-break:break-word;font-size:.72rem;font-weight:800;line-height:1.1}.soundmatch-tile.memory-tile-up:not(.memory-tile-matched):has(.soundmatch-audio){box-shadow:0 0 16px #22d3ee73;background:linear-gradient(135deg,#0e7490,#06b6d4)!important}.soundmatch-tile.memory-tile-matched.smp-0{background:linear-gradient(135deg,#059669,#10b981)!important}.soundmatch-score.smp-0{background:#059669e6}.soundmatch-tile.memory-tile-matched.smp-1{background:linear-gradient(135deg,#be123c,#f43f5e)!important}.soundmatch-score.smp-1{background:#be123ce6}.soundmatch-tile.memory-tile-matched.smp-2{background:linear-gradient(135deg,#b45309,#f59e0b)!important}.soundmatch-score.smp-2{background:#b45309e6}.soundmatch-tile.memory-tile-matched.smp-3{background:linear-gradient(135deg,#6d28d9,#a855f7)!important}.soundmatch-score.smp-3{background:#6d28d9eb}@media (width<=520px){.soundmatch-grid{grid-template-columns:repeat(3,1fr)}.soundmatch-audio,.soundmatch-meaning{font-size:1.6rem}}.lab-game-desc{color:#c4b5fd;margin-bottom:8px;font-size:.9rem;line-height:1.5}.sj-wrap{text-align:center;background:#0a1432e0;border:1px solid #c4b5fd40;border-radius:24px;width:100%;max-width:760px;padding:32px 26px;box-shadow:0 0 45px #a855f74d}.sj-title{color:#f8fafc;text-shadow:0 0 12px #ec4899b3;margin-bottom:6px;font-size:2rem}.sj-stars{color:#fde68a;margin-bottom:14px;font-weight:800}.sj-bubble{text-align:left;background:#4c1d9559;border:1px solid #c4b5fd59;border-radius:18px 18px 18px 4px;align-items:flex-start;gap:12px;margin:12px 0;padding:16px 18px;display:flex}.sj-avatar{filter:drop-shadow(0 0 8px #ec489999);flex-shrink:0;font-size:1.9rem}.sj-line{color:#f1f5f9;margin-bottom:6px;font-size:1.08rem;line-height:1.75}.sj-chip{vertical-align:baseline;background:linear-gradient(90deg,#f59e0b,#ec4899);border-radius:999px;align-items:baseline;gap:6px;margin:0 3px;padding:4px 12px;font-size:1rem;font-weight:800;display:inline-flex;box-shadow:0 0 14px #f59e0b73}.sj-chip-mute{box-shadow:none;background:#64748b80}.sj-chip-eng{opacity:.85;font-size:.78rem;font-weight:600}.sj-marlene-badge{color:#fbbf24;margin:4px 0 2px;font-size:.85rem}.sj-note{text-align:left;color:#fcd34d;background:#02061799;border:1px solid #fbbf2459;border-radius:14px;margin:10px 0;padding:12px 16px}.sj-note summary{cursor:pointer;color:#fbbf24;font-weight:800}.sj-note p{color:#e2e8f0;margin-top:10px;font-size:.95rem;line-height:1.65}.sj-game{background:#0206178c;border:1px solid #c4b5fd4d;border-radius:18px;margin:14px 0;padding:18px}.sj-game-prompt{color:#f8fafc;margin-bottom:12px;font-weight:800}.sj-big-play{background:linear-gradient(90deg,#f59e0b,#ec4899);margin-bottom:12px}.sj-choice-col{flex-direction:column;align-items:center;gap:10px;display:flex}.sj-choice{background:linear-gradient(90deg,#4338ca,#7c3aed);width:100%;max-width:420px;padding:13px 18px;font-size:1rem}.sj-right{background:linear-gradient(90deg,#059669,#10b981)!important}.sj-wrong{background:linear-gradient(90deg,#b91c1c,#ef4444)!important}.sj-dim{opacity:.45}.sj-try{color:#fca5a5;margin:8px 0;font-weight:700}.sj-continue{background:linear-gradient(90deg,#059669,#10b981);margin-top:14px;box-shadow:0 0 22px #10b98159}.sj-pair-cols{justify-content:center;gap:14px;display:flex}.sj-pair-col{flex-direction:column;flex:1;gap:8px;max-width:240px;display:flex}.sj-pair{background:linear-gradient(90deg,#4338ca,#7c3aed);padding:12px 10px;font-size:.95rem}.sj-pair-sel{outline:3px solid #fbbf24}.sj-pair-done{opacity:.75;background:linear-gradient(90deg,#059669,#10b981)}.sj-sort-item{color:#f8fafc;text-shadow:0 0 14px #ec489999;margin:10px 0 16px;font-size:2.4rem;font-weight:900}.sj-sort-bins{justify-content:center;gap:14px;display:flex}.sj-bin{flex:1;max-width:240px;font-size:1rem}.sj-progress-note{color:#c4b5fd;margin:10px 0 4px;font-size:.85rem}.sj-build-target{color:#f8fafc;font-size:1.1rem}.sj-build-slot{letter-spacing:3px;color:#fde68a;background:#020617cc;border:1px dashed #fbbf2480;border-radius:12px;justify-content:center;align-items:center;max-width:420px;min-height:54px;margin:12px auto;padding:8px;font-size:1.7rem;font-weight:900;display:flex}.sj-tile-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:10px;display:flex}.sj-tile{background:linear-gradient(135deg,#4338ca,#7c3aed);border-radius:12px;width:52px;height:52px;padding:0;font-size:1.3rem}.sj-tile:disabled{opacity:.25;cursor:default}.sj-undo{background:linear-gradient(90deg,#475569,#64748b);padding:10px 18px;font-size:.9rem}.sj-count-ducks{letter-spacing:6px;margin:10px 0 16px;font-size:2.6rem}.sj-quiz-result{color:#fde68a;font-size:1.25rem;font-weight:900}.sj-world{background:#4c1d9533;border:1px solid #c4b5fd4d;border-radius:18px;margin:16px 0;padding:18px}.sj-world h3{color:#f8fafc;margin-bottom:4px;font-size:1.3rem}.sj-world-locked{opacity:.75}.sj-world-sub{color:#c4b5fd;margin-bottom:12px;font-size:.92rem}.sj-scene-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:8px;display:flex}.sj-scene{width:118px;box-shadow:none;background:linear-gradient(135deg,#1e293b,#334155);flex-direction:column;align-items:center;gap:4px;padding:12px 8px;font-size:.78rem;display:flex}.sj-scene-open{background:linear-gradient(135deg,#7c3aed,#ec4899);box-shadow:0 0 18px #ec489973}.sj-scene-done{background:linear-gradient(135deg,#065f46,#059669)}.sj-scene:disabled{cursor:default;opacity:.6;transform:none}.sj-scene-emoji{font-size:1.5rem}.sj-scene-name{line-height:1.25}.sj-mode-row{justify-content:center;gap:10px;margin-bottom:8px;display:flex}.sj-mode{box-shadow:none;background:#334155cc;padding:10px 16px;font-size:.88rem}.sj-mode-on{background:linear-gradient(90deg,#8b5cf6,#ec4899);box-shadow:0 0 18px #ec489973}.sj-live{border-top:1px dashed #c4b5fd4d;margin-top:12px;padding-top:12px}.sj-live-btn{background:linear-gradient(90deg,#f59e0b,#ef4444)}.sj-live-note{color:#c4b5fd;margin-top:8px;font-size:.82rem}.sj-live-out{text-align:left;background:#4c1d9559;border-radius:14px;padding:14px}.sj-scene-end{margin-top:16px}@media (width<=560px){.sj-pair-cols{flex-direction:row}.sj-pair{padding:10px 6px;font-size:.82rem}.sj-scene{width:96px}}.sj-narrate-row{margin:2px 0 6px}.sj-narrate{box-shadow:none;background:#8b5cf659;border:1px solid #c4b5fd73;padding:8px 14px;font-size:.82rem;font-weight:800}.sj-narrate:hover{box-shadow:0 0 14px #8b5cf673}.sj-narrate:disabled{opacity:.7;cursor:default;transform:none}html,body{overflow-x:hidden}@media (width<=640px){.app{align-items:flex-start;padding:10px}h1{font-size:1.7rem}h2{font-size:1.4rem}p{font-size:1rem}.hero-card,.auth-card,.word-practice-screen{padding:16px 14px}.word-practice-screen{border-radius:18px;min-height:auto}.practice-content h1{font-size:1.5rem}.practice-subtitle{font-size:.9rem}.compact-word-list,.record-list,.library-list{max-width:100%;height:40vh;max-height:340px}button{padding:13px 16px;font-size:.98rem}.dashboard-card button,.auth-card button{max-width:100%}.memory-grid{gap:7px}.memory-tile{min-height:66px;font-size:.85rem!important}.memory-tile:not(.memory-tile-up){font-size:1.3rem!important}.quiz-option{padding:12px 14px;font-size:.95rem}.lab-game-card{padding:12px}.sj-wrap{border-radius:18px;padding:16px 12px}.sj-title{font-size:1.4rem}.sj-bubble{gap:9px;padding:12px 13px}.sj-avatar{font-size:1.5rem}.sj-line{font-size:1rem;line-height:1.6}.sj-scene{width:30%;min-width:92px}.sj-choice{padding:12px 14px;font-size:.95rem}.sj-tile{width:46px;height:46px;font-size:1.15rem}.sj-count-ducks{font-size:2rem}.sj-build-slot{font-size:1.35rem}}@media (width<=400px){h1{font-size:1.45rem}.practice-content h1{font-size:1.3rem}.memory-tile{min-height:58px}.sj-line{font-size:.95rem}.sj-pair{font-size:.78rem}}.sj-choice-picked{background:linear-gradient(90deg,#059669,#10b981);box-shadow:0 0 16px #10b98166}.teaser-gate-card .main-logo{max-width:420px;margin:0 auto 6px;display:block}.teaser-message{color:#f1f5f9;font-size:1.15rem;line-height:1.7}.teaser-question{color:#fde68a;font-size:1.15rem;font-weight:900}.teaser-game-screen{text-align:center;border:1px solid #c4b5fd4d;border-radius:28px;width:100%;max-width:1150px;padding:42px 28px 28px;position:relative;overflow:hidden;box-shadow:0 0 55px #a855f759}.teaser-bg{object-fit:contain;object-position:center;z-index:0;opacity:.85;border-radius:28px;width:100%;height:100%;position:absolute;inset:0}.teaser-bg-overlay{z-index:1;background:linear-gradient(#0206178c,#020617cc),radial-gradient(circle,#7c3aed1a,#0000 60%);border-radius:28px;position:absolute;inset:0}.teaser-game-content{z-index:2;position:relative}.teaser-game-content h1{color:#fff;text-shadow:0 0 10px #ec4899e6,0 0 28px #22d3ee8c;margin-bottom:6px;font-size:2.3rem}.teaser-subtitle{color:#fff;text-shadow:0 0 12px #000000e6}.teaser-credit{color:#fbbf24;text-shadow:0 0 10px #000000e6;margin-bottom:14px;font-size:.9rem}@media (width<=640px){.teaser-gate-card .main-logo{max-width:100%}.teaser-game-screen{border-radius:18px;padding:20px 12px 14px}.teaser-game-content h1{font-size:1.5rem}}.teaser-poster{border-radius:18px;width:auto;max-width:100%;max-height:46vh;margin:0 auto 14px;display:block;box-shadow:0 0 35px #a855f773}@media (width<=640px){.teaser-poster{max-height:38vh}}.splash-screen{--fw:min(100vw, 56.25vh);--fh:calc(var(--fw) * 1.77778)}.splash-dialect-patch{top:calc((100vh - var(--fh)) / 2 + var(--fh) * .196);left:calc((100vw - var(--fw)) / 2 + var(--fw) * .07);width:calc(var(--fw) * .86);height:calc(var(--fh) * .04);color:#fff;letter-spacing:.14em;font-weight:900;font-size:calc(var(--fw) * .03);text-shadow:0 0 10px #ec4899b3;white-space:nowrap;z-index:2;background:linear-gradient(90deg,#0b0718 0%,#1e1b4b 30%,#4c1d95 50%,#1e1b4b 70%,#0b0718 100%);border:1px solid #c4b5fd59;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden}.teaser-poster{width:100%;max-height:none}@media (width<=640px){.teaser-poster{max-height:none}}.teaser-gate-screen{background:#05010f;justify-content:center;align-items:flex-end;width:100vw;height:100vh;display:flex;position:fixed;inset:0;overflow:hidden}.teaser-gate-bg{object-fit:contain;object-position:center;width:100%;height:100%;position:absolute;inset:0}.teaser-gate-panel{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;background:#020617c7;border:1px solid #c4b5fd66;border-radius:20px;width:min(560px,100vw - 24px,56.28vh - 10px);max-height:88vh;margin-bottom:3vh;padding:16px 20px;position:relative;overflow-y:auto;box-shadow:0 0 40px #020617cc}.teaser-gate-title{margin-bottom:8px;font-size:1.7rem}.teaser-gate-panel .teaser-message{margin-bottom:10px;font-size:1rem;line-height:1.55}.teaser-gate-panel .teaser-question{margin-bottom:10px;font-size:1.05rem}.teaser-yes-btn,.teaser-no-btn{width:100%;margin:8px 0;padding:13px 18px;font-size:1rem;display:block}.teaser-no-btn{background:linear-gradient(90deg,#475569,#64748b)}.teaser-dev-link{opacity:.75;margin-top:8px}@media (width<=640px){.teaser-gate-title{font-size:1.35rem}.teaser-gate-panel{margin-bottom:2vh;padding:12px 14px}.teaser-gate-panel .teaser-message{font-size:.92rem}}.teaser-game-screen{max-width:none;padding:max(10px, env(safe-area-inset-top)) 10px max(8px, env(safe-area-inset-bottom));border:none;border-radius:0;flex-direction:column;display:flex;position:fixed;inset:0}.teaser-bg,.teaser-bg-overlay{border-radius:0}.teaser-game-content{--sm-cols:4;flex-direction:column;height:100%;min-height:0;display:flex}@media (orientation:portrait) and (width>=700px){.teaser-game-content{--sm-cols:6}}@media (orientation:landscape){.teaser-game-content{--sm-cols:8}}@media (orientation:landscape) and (width>=1200px){.teaser-game-content{--sm-cols:11}}.teaser-game-content h1{margin-bottom:2px;font-size:clamp(1.05rem,2.9vh,1.9rem)}.teaser-game-content .teaser-subtitle{margin-bottom:2px;font-size:clamp(.7rem,1.8vh,.95rem)}.teaser-game-content .teaser-credit{margin:0 0 6px;font-size:clamp(.62rem,1.6vh,.85rem)}@media (height<=620px){.teaser-game-content .teaser-subtitle{display:none}}.teaser-game-content .memory-game{flex-direction:column;flex:1;min-height:0;display:flex}.teaser-game-content .soundmatch-bar{flex:none;margin-bottom:6px}.teaser-game-content .soundmatch-size{padding:6px 8px;font-size:clamp(.7rem,1.8vh,.9rem)}.teaser-game-content .memory-grid{grid-template-columns:repeat(var(--sm-cols), 1fr);flex:1;grid-auto-rows:1fr;align-content:stretch;gap:6px;min-height:0;overflow:hidden}.teaser-game-content .memory-tile{height:100%;line-height:1.15;overflow:hidden;min-height:0!important;padding:2px!important;font-size:clamp(.55rem,1.9vh,.95rem)!important}.teaser-game-content .memory-tile:not(.memory-tile-up){font-size:clamp(.95rem,2.8vh,1.6rem)!important}.teaser-game-content .memory-win{flex:none;padding:4px 0}.teaser-game-content .back-button{flex:none;width:auto;margin:6px auto 0;padding:8px 18px;font-size:.85rem}@media (orientation:portrait){.teaser-game-content .memory-grid:has(.memory-tile:nth-child(23)){grid-template-columns:repeat(5,1fr)}.teaser-game-content .memory-grid:has(.memory-tile:nth-child(31)){grid-template-columns:repeat(6,1fr)}}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}