:root{--bg:#07111f;--panel:#0e1a2a;--panel2:#12243a;--line:#233b56;--text:#f5f8fc;--muted:#96aabe;--green:#6ee7b7;--blue:#60a5fa;--yellow:#f8dc83;--red:#fb7185}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#07101c,#091625 45%,#07111f);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI","Noto Sans Bengali",sans-serif;line-height:1.55}.wrap{width:min(1200px,92%);margin:auto}.top{position:sticky;top:0;z-index:40;background:#07111fee;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff0d}.topin{height:64px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:8px}.logo b{font-size:23px}.logo span{color:var(--green);font-weight:900}.logo small{padding-left:8px;border-left:1px solid var(--line);color:var(--muted)}.hud{display:flex;gap:16px;font-size:13px}.hero{padding:60px 0 45px;background:radial-gradient(circle at 80% 10%,#194a7a 0,transparent 34%)}.heroGrid{display:grid;grid-template-columns:1.15fr .6fr;gap:32px;align-items:center}.pill,.kicker{font-size:11px;letter-spacing:.13em;color:var(--green);font-weight:900}.hero h1{font-size:clamp(39px,6vw,70px);line-height:1.03;margin:10px 0 16px;letter-spacing:-.04em}.hero h1 em{font-style:normal;color:var(--green)}.hero p{color:#c3cfdd;font-size:18px;max-width:780px}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}button{border:0;border-radius:12px;padding:11px 15px;font-weight:850;cursor:pointer;background:linear-gradient(135deg,var(--blue),var(--green));color:#06111b}.ghost{background:#ffffff08!important;color:#e8f1fb!important;border:1px solid var(--line)!important}.heroCard,.lab,.feature,.stats article,.chapter,.wordCard,.grammarCard,.readingCard,.trace{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:18px;padding:18px}.heroCard b{font-size:34px;display:block;margin:7px 0 12px}.heroCard div{padding:5px 0;color:#cbd7e5}.heroCard button{width:100%;margin-top:14px}.nav{position:sticky;top:64px;z-index:30;background:#07111fe9;backdrop-filter:blur(14px);display:flex;gap:7px;overflow:auto;padding:14px 0}.nav button{white-space:nowrap;background:#ffffff06;border:1px solid var(--line);color:#dbe8f5;padding:9px 12px}.nav button.active{border-color:#6ee7b777;background:#ffffff10}.panel{display:none;padding:18px 0 55px}.panel.active{display:block}.sectionHead{display:flex;justify-content:space-between;gap:15px;align-items:end;margin:10px 0 18px}.sectionHead h2{font-size:32px;margin:3px 0}.sectionHead p{color:var(--muted);margin:0}.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.stats article small{color:var(--muted)}.stats article b{display:block;font-size:31px}.homeGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.feature>div{font-size:31px}.feature h3{margin:7px 0}.feature p{color:var(--muted);min-height:70px}.notice{margin-top:14px;padding:14px 16px;border:1px solid #60a5fa3a;background:#60a5fa0c;border-radius:14px}.chapterGrid,.wordGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.chapter small{color:var(--green);font-weight:900}.chapter h3{margin:6px 0}.chapter p{min-height:47px;color:var(--muted)}.kanaGrid{display:grid;grid-template-columns:repeat(8,1fr);gap:9px}.kanaCard{padding:11px;text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:13px;cursor:pointer}.kanaCard .char{font-size:34px;font-weight:950}.kanaCard small{display:block;color:var(--muted)}.trace{display:grid;grid-template-columns:270px 1fr;gap:15px;margin-top:16px}.traceChar{font-size:95px;line-height:1}.trace canvas{width:100%;max-width:520px;background:white;border-radius:14px;touch-action:none}.filters{display:grid;grid-template-columns:1fr 220px;gap:10px}.filters input,.filters select,.lab textarea,.lab input{background:#071522;border:1px solid var(--line);color:white;border-radius:12px;padding:12px;width:100%}.pager{display:flex;justify-content:center;align-items:center;gap:12px;margin:14px}.wordCard .jp{font-size:27px;font-weight:950}.wordCard .rom{color:var(--green);font-size:13px}.wordRow{border-top:1px solid var(--line);padding:7px 0}.wordRow small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase}.mnemonic{margin-top:9px;background:#f8dc830c;border:1px solid #f8dc832d;padding:9px;border-radius:10px;color:#f8e7aa}.audioRow{display:flex;gap:7px;margin-top:10px}.audioRow button{flex:1;background:#ffffff08;color:white;border:1px solid var(--line);padding:8px}.stack{display:grid;gap:11px}.grammarCard h3,.readingCard h3{margin:0 0 8px}.example,.hint{margin-top:9px;padding:10px;border-radius:10px;background:#071522}.hint{color:#f8e7aa;border:1px solid #f8dc832d}.lab.center{text-align:center}.reviewJP{font-size:55px;font-weight:950;margin:22px}.answerGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.answerGrid div{padding:12px;background:#071522;border-radius:11px}.ratings{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ratings button,.choiceGrid button{background:#ffffff08;color:#fff;border:1px solid var(--line)}.choiceGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.good{color:var(--green);font-weight:900}.bad{color:#fda4af;font-weight:900}.examMenu{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:13px}.examMeta{display:flex;justify-content:space-between;align-items:center}.timer{font-size:27px;color:var(--yellow);font-weight:950}.modal{position:fixed;inset:0;background:#000b;z-index:70;display:grid;place-items:center;padding:18px}.modal[hidden]{display:none}.modalCard{width:min(720px,96%);max-height:90vh;overflow:auto;background:#0c1928;border:1px solid var(--line);border-radius:20px;padding:23px;position:relative}.close{position:absolute;right:10px;top:9px;background:#ffffff09;color:white}.todayStep{padding:17px;border-radius:16px;border:1px solid var(--line);background:var(--panel);margin-bottom:10px}.todayStep h3{margin:0 0 6px}.todayStep p{color:var(--muted)}footer{text-align:center;color:var(--muted);border-top:1px solid var(--line);padding:28px}
@media(max-width:950px){.heroGrid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(3,1fr)}.homeGrid,.chapterGrid,.wordGrid{grid-template-columns:repeat(2,1fr)}.kanaGrid{grid-template-columns:repeat(6,1fr)}.trace{grid-template-columns:1fr}}
@media(max-width:620px){.logo small,.hud span:nth-child(2){display:none}.hero h1{font-size:41px}.stats{grid-template-columns:repeat(2,1fr)}.homeGrid,.chapterGrid,.wordGrid{grid-template-columns:1fr}.kanaGrid{grid-template-columns:repeat(4,1fr)}.choiceGrid,.answerGrid{grid-template-columns:1fr}.ratings{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr}.sectionHead{align-items:flex-start;flex-direction:column}}