:root{--ink:#f0f6ff;--muted:#94a8c7;--cream:#070d1b;--paper:#0e1930;--green:#2563eb;--lime:#60a5fa;--orange:#38bdf8;--line:#223454;--shadow:0 20px 60px rgba(0,0,0,.38)}
body{background:radial-gradient(circle at 80% 0,#102653 0,transparent 32%),var(--cream);color:var(--ink)}
.brand-panel,aside{background:#081225}.brand-panel{background-image:linear-gradient(90deg,rgba(4,10,25,.96) 0%,rgba(6,17,41,.78) 43%,rgba(5,13,31,.12) 72%),url('assets/dk-login-hero.png');background-size:cover;background-position:center center;isolation:isolate}.brand-panel:after{display:none}.brand-copy{position:relative;z-index:1;max-width:650px;text-shadow:0 2px 18px rgba(0,0,0,.55);transform:translateY(-20vh)}
.login-card,.lesson,.word-grid article,.stat-card,.xp,.switcher,.edit-card,.title-card{background:rgba(14,25,48,.94);color:var(--ink);border-color:var(--line)}
.profiles span,.field input,.field textarea,.field input[type=file]{background:#0a1428;border-color:var(--line);color:var(--ink)}
.profiles input:checked+span{background:#112b55;border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.12)}
.profiles b,.lesson-icon,.answers button span,.audio-orb{background:#172846;color:#dbeafe}.profiles b{overflow:hidden}.profiles b img{width:100%;height:100%;object-fit:cover}.primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 10px 25px rgba(37,99,235,.25)}
.eyebrow,.lesson>strong{color:#60a5fa}.hero{background:linear-gradient(135deg,#102d62,#164a91)}.hero.xim{background:linear-gradient(135deg,#25235f,#4338a0)}
.hero-mark{background:linear-gradient(135deg,#7dd3fc,#60a5fa);color:#07101f}.bar{background:#1d2c48}.bar i{background:linear-gradient(90deg,#2563eb,#60a5fa)}
nav a.active,nav a:hover{background:#142644;color:#fff}.lesson:hover{border-color:#3b82f6;box-shadow:0 15px 45px rgba(0,0,0,.35)}.lesson.done{background:#102846;border-color:#2563eb}
.answers button{background:#0d1930;border-color:var(--line);color:var(--ink)}dialog{background:#0e1930;color:var(--ink)}dialog::backdrop{background:rgba(2,6,18,.82)}.modal-top{border-color:var(--line)}
.answers button.right{background:#103629;border-color:#34d399}.answers button.wrong{background:#3a1822;border-color:#fb7185}.mini-avatar img,.profile-avatar img,.avatar img{width:100%;height:100%;object-fit:cover}.mini-avatar,.avatar{overflow:hidden}
.question-line{display:flex;align-items:center;justify-content:center;gap:12px}.question-line h2{margin:0}.speaker{width:48px;height:48px;flex:0 0 48px;border-radius:50%;border:1px solid #3b82f6;background:#132c55;color:white;font-size:1.25rem;cursor:pointer;box-shadow:0 8px 22px rgba(37,99,235,.24)}.speaker:hover{transform:scale(1.06)}.speaker.playing{animation:speakerPulse .8s infinite alternate;background:#2563eb}@keyframes speakerPulse{to{box-shadow:0 0 0 9px rgba(96,165,250,.13)}}
.lesson-card{border:1px solid var(--line);background:var(--paper);border-radius:19px;overflow:hidden}.lesson-card .lesson{width:100%;border:0;border-radius:0;background:transparent}.lesson-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#3b82f6}.lesson-card .lesson:hover{transform:none;box-shadow:none}.lesson-card.done{background:#102846;border-color:#2563eb}.exam-button{width:100%;border:0;border-top:1px solid var(--line);padding:11px;background:#111f3a;color:#93c5fd;font-weight:800;cursor:pointer}.exam-button:hover{background:#173463;color:white}.exam-button span{display:inline-grid;place-items:center;width:23px;height:23px;margin-right:7px;border-radius:50%;background:#2563eb;color:white}.exam{padding:30px}.exam>h2{font:700 2rem 'Space Grotesk';margin:6px 0}.exam>p{color:var(--muted)}.exam-list{display:grid;gap:8px;max-height:52vh;overflow:auto;padding-right:6px}.exam-list label{display:grid;grid-template-columns:35px 1fr 42px;gap:11px;align-items:center;background:#0a1428;border:1px solid var(--line);padding:12px;border-radius:13px;cursor:pointer}.exam-list input{position:absolute;opacity:0}.exam-check{width:30px;height:30px;border:2px solid #375074;border-radius:9px;display:grid;place-items:center;color:transparent}.exam-list input:checked+.exam-check{background:#22c55e;border-color:#22c55e;color:white}.exam-list small{display:block;color:var(--muted)}.exam-list b{font-size:.95rem}.exam-audio{width:38px;height:38px;border:0;border-radius:50%;background:#19335f;color:white}.exam-audio.playing{animation:speakerPulse .8s infinite alternate}.exam-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.exam-footer>div{min-width:90px}.exam-footer>div b,.exam-footer>div small{display:block}.exam-footer>div b{font-size:1.3rem}.exam-footer>div small{color:var(--muted)}.exam-footer .primary{max-width:250px;margin:0}.exam-grade{display:inline-block;padding:9px 15px;background:#142c53;border:1px solid #3b82f6;border-radius:999px;color:#93c5fd;font-weight:800}.exam-result .primary{justify-content:space-between}
.xp,.streak{display:grid;grid-template-columns:auto auto;gap:0 7px;background:rgba(14,25,48,.94);border:1px solid var(--line);padding:10px 14px;border-radius:13px}.xp small,.streak small{grid-column:2;color:var(--muted)}.streak{box-shadow:0 0 28px rgba(249,115,22,.08)}.streak b{color:#fb923c}
.profile-hero{background:linear-gradient(135deg,var(--profile),#0b1730 75%);border:1px solid #29436d;border-radius:28px;padding:35px;display:flex;align-items:center;gap:25px}.profile-avatar{width:105px;height:105px;flex:0 0 105px;border-radius:28px;background:#dbeafe;color:#081225;display:grid;place-items:center;font-size:2.6rem;font-weight:900;overflow:hidden;border:4px solid rgba(255,255,255,.25)}
.profile-hero h2{font:700 2.2rem 'Space Grotesk';margin:5px 0}.profile-hero p{margin-bottom:12px}.level-line{width:min(480px,55vw);height:9px;background:rgba(0,0,0,.28);border-radius:10px;overflow:hidden}.level-line i{height:100%;display:block;background:#7dd3fc}.profile-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.edit-card,.title-card{border:1px solid var(--line);border-radius:22px;padding:27px}
.field textarea{min-height:90px;resize:vertical;padding:14px;border:2px solid var(--line);border-radius:12px}.edit-card .field{margin-top:15px}.two-fields{display:grid;grid-template-columns:140px 1fr;gap:14px}.field input[type=color]{width:100%;height:52px;padding:5px}.field input[type=file]{padding:12px}.titles{display:grid;gap:9px}.titles form{margin:0}.title-item{width:100%;display:grid;grid-template-columns:42px 1fr;text-align:left;align-items:center;border:1px solid var(--line);border-radius:13px;background:#0a1428;color:var(--ink);padding:11px}.title-item>span{grid-row:1/3;font-size:1.4rem}.title-item small{color:var(--muted)}.title-item.equipped{border-color:#60a5fa;background:#112b55}.title-item:disabled{opacity:.45}.success{background:#123629;color:#6ee7b7;padding:11px;border-radius:10px;margin-bottom:10px}
@media(max-width:850px){.profile-layout{grid-template-columns:1fr}.profile-hero{padding:25px}.profile-avatar{width:80px;height:80px;flex-basis:80px}.two-fields{grid-template-columns:1fr}.level-line{width:100%}.brand-panel{min-height:580px;background-position:60% center;background-image:linear-gradient(90deg,rgba(4,10,25,.94),rgba(5,13,31,.3)),url('assets/dk-login-hero.png')}.brand-copy{transform:translateY(-70px)}}
.pass-hero{background:linear-gradient(135deg,#152a55,#8b1c2f)}.stamp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stamp{min-height:170px;border-radius:50% 48% 52% 46%;border:3px dashed #314a72;background:#0d1930;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(-2deg)}.stamp:nth-child(even){transform:rotate(2deg)}.stamp>span{font-size:2.2rem}.stamp small{color:var(--muted)}.stamp.earned{border-color:#ef4444;background:radial-gradient(circle,#263c67,#111d35);box-shadow:inset 0 0 0 7px #0b1427,0 8px 25px rgba(0,0,0,.25)}.stamp.locked{filter:grayscale(1);opacity:.42}.reward-maker{background:#0e1930;border:1px solid var(--line);padding:20px;border-radius:18px;margin-bottom:15px}.reward-maker form{display:grid;grid-template-columns:120px 1fr 150px 1fr auto;gap:12px;align-items:end}.reward-maker select{height:50px;background:#0a1428;color:white;border:2px solid var(--line);border-radius:12px;padding:10px}.reward-maker .primary{margin:0}.reward-grid{display:grid;gap:12px}.reward{background:#0e1930;border:1px solid var(--line);border-radius:18px;padding:18px;display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:15px}.reward.ready{border-color:#f59e0b}.reward.redeemed{opacity:.62}.gift{font-size:2rem}.reward h3,.reward p{margin:2px 0}.reward small{color:#fbbf24;font-weight:800}.reward button{border:0;border-radius:10px;padding:11px 15px;background:#2563eb;color:white;font-weight:800}.reward button:disabled{background:#26344e;color:#7586a3}.redeemed-label{color:#6ee7b7}.empty-reward{padding:30px;text-align:center;border:1px dashed var(--line);border-radius:16px;color:var(--muted)}.frame-card{margin-top:18px;background:#0e1930;border:1px solid var(--line);padding:27px;border-radius:22px}.frame-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.frame-grid form{margin:0}.frame-option{width:100%;border:1px solid var(--line);background:#0a1428;color:white;border-radius:15px;padding:15px 8px;display:flex;flex-direction:column;align-items:center;gap:5px}.frame-option i{width:58px;height:58px;border-radius:50%;background:#15233d;border:5px solid #29436d}.frame-option small{color:var(--muted)}.frame-option.equipped{background:#112b55;border-color:#60a5fa}.frame-option:disabled{opacity:.38}.frame-swiss i{border-color:#ef4444;box-shadow:0 0 0 3px white}.frame-stars i{border-color:#818cf8;box-shadow:0 0 18px #818cf8}.frame-paws i{border:5px dotted #f59e0b}.frame-gold i{border-color:#fbbf24;box-shadow:0 0 12px #fbbf24}.frame-alps i{border-color:#e0f2fe;border-bottom-color:#38bdf8}.frame-legend i{border-color:#a855f7;box-shadow:0 0 16px #ec4899}.profile-avatar.frame-swiss,.mini-avatar.frame-swiss{border-color:#ef4444;box-shadow:0 0 0 3px white}.profile-avatar.frame-stars,.mini-avatar.frame-stars{border-color:#818cf8;box-shadow:0 0 18px #818cf8}.profile-avatar.frame-paws,.mini-avatar.frame-paws{border-style:dotted;border-color:#f59e0b}.profile-avatar.frame-gold,.mini-avatar.frame-gold{border-color:#fbbf24;box-shadow:0 0 14px #fbbf24}.profile-avatar.frame-alps,.mini-avatar.frame-alps{border-color:#e0f2fe}.profile-avatar.frame-legend,.mini-avatar.frame-legend{border-color:#a855f7;box-shadow:0 0 18px #ec4899}
@media(max-width:1000px){.reward-maker form{grid-template-columns:1fr 1fr}.frame-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.stamp-grid{grid-template-columns:repeat(2,1fr)}.reward{grid-template-columns:45px 1fr}.reward form,.redeemed-label{grid-column:2}.frame-grid{grid-template-columns:repeat(2,1fr)}}
.exam-task{background:#0a1428;border:1px solid var(--line);border-radius:13px;overflow:hidden}.exam-task>label{border:0;border-radius:0;background:transparent}.exam-solution{border-top:1px solid var(--line);padding:9px 12px 9px 58px;display:flex;align-items:center;gap:10px;min-height:52px}.reveal-answer{border:1px solid #3b82f6;background:#132c55;color:#bfdbfe;border-radius:9px;padding:8px 12px;font-weight:800}.hidden-answer{flex:1;color:#6ee7b7;font-weight:800}.exam-audio:disabled{opacity:.3}.exam-list>.exam-task label{display:grid}
.danger-zone{margin-top:30px;border:1px solid #7f1d1d;background:#250d17;border-radius:20px;padding:25px}.danger-zone .eyebrow{color:#fca5a5}.danger-zone h2{margin:6px 0}.danger-zone p{color:#c8a6ae;max-width:760px}.danger-zone form{display:flex;gap:12px;align-items:end}.danger-zone .field{flex:1;max-width:430px}.danger-button{border:1px solid #ef4444;background:#991b1b;color:white;border-radius:12px;padding:15px 18px;font-weight:800}.reset-success{margin:18px 0}
@media(max-width:650px){.danger-zone form{display:grid}.danger-button{width:100%}}