:root{--bg:#f7fbff;--card:#fff;--text:#172033;--muted:#667085;--line:#e5eaf1;--primary:#19b983;--blue:#3b82f6;--purple:#8b5cf6;--pink:#ec4899;--orange:#f97316;--shadow:0 18px 45px rgba(33,55,83,.11);font-family:Inter,ui-rounded,"Arial Rounded MT Bold",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 8% 0,#e3faf7 0,transparent 32%),radial-gradient(circle at 95% 0,#eeeaff 0,transparent 31%),var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}.app-shell{max-width:1240px;margin:auto;padding:8px 18px 30px}.loading{padding:80px;text-align:center;font-weight:900}.layout{display:grid;grid-template-columns:260px 1fr;gap:18px;margin-top:8px}.sidebar,.panel,.topbar,.profile-box{background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.95);box-shadow:var(--shadow)}.sidebar{border-radius:26px;padding:16px;height:max-content;position:sticky;top:10px}.panel{border-radius:26px;padding:25px;min-height:640px}.topbar{border-radius:24px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 16px}.brand{display:flex;align-items:center;gap:10px;font-weight:1000}.brand-mark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#20c997,#8b5cf6);font-size:24px}.top-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.pill{border:1px solid var(--line);background:#f9fafb;border-radius:999px;padding:9px 13px;font-weight:900}.nav-btn{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;padding:13px 14px;margin:4px 0;border-radius:16px;text-align:left;color:#41526c;font-weight:900;cursor:pointer}.nav-btn.active,.nav-btn:hover{background:#e9fbf4;color:#11785e}.nav-btn .ico{width:25px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:2px 0 16px}.section-head h2,.section-head h3{margin:0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.lesson-card{background:#fff;border:1px solid var(--line);border-top:5px solid var(--card-color,#22c55e);border-radius:22px;padding:18px;cursor:pointer;min-height:178px;transition:.18s transform,.18s box-shadow}.lesson-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(41,62,88,.11)}.lesson-card .icon{font-size:30px}.lesson-card h3{margin:9px 0 5px;font-size:1rem}.lesson-card p{margin:0;color:var(--muted);min-height:42px}.progress{height:10px;background:#edf1f5;border-radius:999px;overflow:hidden;margin-top:14px}.progress>i{height:100%;display:block;border-radius:999px;background:linear-gradient(90deg,#14b8a6,#34d399)}.small{color:var(--muted);font-size:.86rem}.btn{border:0;border-radius:14px;padding:11px 16px;font-weight:900;cursor:pointer}.btn-primary{background:#7c3aed;color:#fff}.btn-green{background:#17b97c;color:#fff}.btn-soft{background:#f1f5f9;color:#344054}.btn-danger{background:#fee2e2;color:#991b1b}.profile-page{max-width:920px;margin:40px auto}.profile-box{border-radius:28px;padding:30px;text-align:center}.profiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:20px}.profile-card{border:2px solid transparent;background:#fff;border-radius:22px;padding:20px;cursor:pointer;box-shadow:0 8px 20px rgba(41,62,88,.08)}.profile-card:hover{border-color:#7dd3fc}.avatar{font-size:3.2rem}.profile-card h3{margin:8px 0 4px}.hero{background:linear-gradient(135deg,#0f766e,#14b8a6 60%,#55d6be);border-radius:24px;padding:25px;color:#fff;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.hero h2{margin:0 0 7px;font-size:1.8rem}.hero p{margin:0;opacity:.9}.hero-emoji{font-size:5rem}.game-page{max-width:790px;margin:auto}.game-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.game-card{background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:24px;text-align:center}.picture{height:210px;border-radius:23px;overflow:hidden;background:#f6f8fb;position:relative;display:grid;place-items:center}.picture img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.picture .fallback{font-size:6rem}.picture-badge{position:absolute;right:12px;bottom:12px;background:#fff;border-radius:999px;padding:7px 10px}.prompt{font-size:1.24rem;font-weight:1000;margin:18px 0 12px}.letter-boxes{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.letter-box{width:53px;height:61px;border:3px solid #d8e0ea;border-radius:15px;display:grid;place-items:center;font-weight:1000;font-size:2rem}.letter-box.filled{border-color:#62c8f7;background:#f1fbff}.hint-row{display:flex;justify-content:center;gap:8px;align-items:center;margin:15px 0}.help-text{min-height:24px;color:#9a6700;font-weight:800}.keyboard-wrap{margin-top:16px}.keyboard-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:8px}.keyboard{display:flex;flex-direction:column;gap:7px}.key-row{display:flex;justify-content:center;gap:7px}.key{min-width:47px;height:47px;border:0;border-bottom:4px solid #cbd5e1;border-radius:11px;background:#f7f9fb;font-weight:1000;font-size:1rem;cursor:pointer;padding:0 9px}.key:active,.key.active{transform:translateY(2px);border-bottom-width:2px;background:#e0f2fe}.feedback{margin-top:14px;border-radius:15px;padding:11px;font-weight:900;min-height:44px}.feedback.ok{background:#dcfce7;color:#166534}.feedback.bad{background:#fff4e5;color:#92400e}.qr-page{max-width:680px;margin:auto}.camera-box{background:#0f172a;border-radius:24px;overflow:hidden;aspect-ratio:4/3;position:relative}.camera-box video{width:100%;height:100%;object-fit:cover}.camera-overlay{position:absolute;inset:16%;border:4px solid rgba(255,255,255,.88);border-radius:24px;box-shadow:0 0 0 999px rgba(0,0,0,.2)}.qr-actions{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin:14px 0}.qr-word{font-size:2.2rem;font-weight:1000;letter-spacing:.2em;margin:12px 0}.admin-wrap{display:grid;grid-template-columns:190px 1fr;gap:16px}.admin-menu{display:flex;flex-direction:column;gap:6px}.admin-menu button{border:0;background:#f8fafc;border-radius:13px;padding:11px;text-align:left;font-weight:900;cursor:pointer}.admin-menu button.active{background:#e9fbf4;color:#11785e}.admin-card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:18px;margin-bottom:14px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{margin-bottom:11px}.field label{display:block;font-weight:900;font-size:.9rem;margin-bottom:5px}.field input,.field select,.field textarea{width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:12px;background:#fff}.field textarea{min-height:320px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88rem}.list-row{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;padding:11px;margin-bottom:8px;background:#fff}.drag{cursor:grab;font-size:1.2rem}.list-main{flex:1}.status{padding:4px 8px;background:#f1f5f9;border-radius:999px;font-size:.78rem;font-weight:900}.test-list{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.test-item{border:1px solid var(--line);border-radius:14px;padding:12px;font-weight:900}.code{background:#0f172a;color:#e2e8f0;padding:12px;border-radius:12px;overflow:auto}.toast{position:fixed;right:20px;bottom:20px;background:#111827;color:#fff;padding:12px 16px;border-radius:13px;z-index:99}.modal{position:fixed;inset:0;background:rgba(15,23,42,.48);display:grid;place-items:center;z-index:70;padding:18px}.modal-card{background:#fff;border-radius:22px;box-shadow:var(--shadow);padding:20px;max-width:620px;width:100%;max-height:90vh;overflow:auto}.hidden{display:none!important}.print-only{display:none}
@media(max-width:920px){.layout{grid-template-columns:1fr}.sidebar{position:static;display:flex;overflow:auto;gap:6px;padding:9px}.nav-btn{min-width:max-content}.grid{grid-template-columns:repeat(2,1fr)}.admin-wrap{grid-template-columns:1fr}.admin-menu{flex-direction:row;overflow:auto}.profiles{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.app-shell{padding:6px 8px 22px}.topbar{border-radius:17px}.brand span:not(.brand-mark){display:none}.panel{padding:13px;border-radius:18px}.grid{grid-template-columns:1fr}.picture{height:165px}.game-card{padding:13px}.letter-box{width:44px;height:52px;font-size:1.55rem}.key{min-width:0;flex:1;height:44px;padding:0 4px;font-size:.93rem}.profiles{grid-template-columns:repeat(2,1fr)}.profile-box{padding:18px}.admin-grid{grid-template-columns:1fr}.test-list{grid-template-columns:1fr}.hero-emoji{font-size:3rem}.top-actions .pill:nth-child(2){display:none}}
@media print{body{background:white}.no-print,.topbar,.sidebar{display:none!important}.layout{display:block}.panel{box-shadow:none;border:0}.print-only{display:block}.qr-print-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14mm}.qr-card{border:2px solid #111;padding:8mm;text-align:center;break-inside:avoid}.qr-card .letter{font-size:54pt;font-weight:1000}.qr-card img{width:42mm;height:42mm}}

.camera-overlay{display:grid;place-items:center;pointer-events:none}.camera-overlay span{font-size:5rem;font-weight:1000;color:#fff;text-shadow:0 4px 18px rgba(0,0,0,.55)}.camera-overlay .ar-good{color:#86efac;animation:pop .28s ease}.camera-overlay .ar-wrong{color:#fda4af;animation:shake .25s ease}@keyframes pop{50%{transform:scale(1.28)}}@keyframes shake{25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}

/* Leespret Studio v6 AR */
:root{--qr-scale:1}.ar-card{overflow:hidden}.ar-title{font-size:calc(1.35rem * var(--qr-scale));font-weight:1000;margin:10px 0}.ar-big-letter{font-size:calc(5rem * var(--qr-scale));line-height:1;font-weight:1000;letter-spacing:.03em;margin:12px 0}.ar-big-letter span{font-size:.72em;color:#475569}.ar-sub{font-size:calc(1.2rem * var(--qr-scale));font-weight:900;color:#475569}.muted-question{color:#94a3b8}.scan-guide{position:absolute;inset:18%;border:3px solid rgba(255,255,255,.9);border-radius:22px;box-shadow:0 0 0 999px rgba(15,23,42,.12);pointer-events:none}.camera-status{position:absolute;left:12px;top:12px;background:rgba(15,23,42,.72);color:#fff;border-radius:999px;padding:7px 11px;font-weight:900;font-size:.78rem;z-index:4}.help-letter{font-size:2rem}.alphabet-progress{font-size:1rem;letter-spacing:.08em;line-height:1.7}.qr-fullscreen{position:fixed;inset:0;z-index:120;background:#0f172a;padding:8px;overflow:auto;max-width:none}.qr-fullscreen .game-card{min-height:calc(100vh - 16px);border-radius:18px}.qr-fullscreen .camera-box{max-height:64vh}@media(max-width:560px){.qr-page{max-width:none}.camera-box{aspect-ratio:3/4}.qr-actions .btn{padding:9px 10px}.ar-big-letter{font-size:calc(4.2rem * var(--qr-scale))}}