:root{--washi: #F6F7FB;--washi2: #EEF0F8;--sumi: #2A2B33;--soft: #6C6E7E;--ai: #3F57A6;--ai2: #8E6FC0;--ai-deep: #2C3C7A;--kin: #C0975A;--sakura: #E79ABF;--line: rgba(90, 100, 150, .16);--glass: rgba(255, 255, 255, .55);--glass2: rgba(255, 255, 255, .72);--grad: linear-gradient(135deg, var(--ai), var(--ai2));--ok: #3E9E7A}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--washi);background-image:radial-gradient(900px 620px at 82% -8%,rgba(231,154,191,.22),transparent 58%),radial-gradient(820px 560px at -12% 6%,rgba(129,114,236,.18),transparent 55%),radial-gradient(760px 640px at 50% 116%,rgba(74,97,216,.14),transparent 55%);background-attachment:fixed;min-height:100%;overscroll-behavior:none}body{font-family:Golos Text,system-ui,sans-serif;color:var(--sumi);background-color:var(--washi);min-height:100vh;-webkit-font-smoothing:antialiased;overscroll-behavior:none}.mono{font-family:JetBrains Mono,monospace}.jp-font{font-family:"Noto Serif JP",serif}.cormorant{font-family:Cormorant,serif}.wrap{max-width:1040px;margin:0 auto;padding:0 20px}.panel{background:var(--glass);border:1px solid rgba(255,255,255,.6);border-radius:20px;backdrop-filter:blur(16px) saturate(1.35);-webkit-backdrop-filter:blur(16px) saturate(1.35);box-shadow:0 12px 34px #3c46821a,inset 0 1px #ffffff8c}.topbar{position:sticky;top:0;z-index:20;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);background:#f7f8fcb3;border-bottom:1px solid var(--line)}.topbar-in{display:flex;align-items:center;gap:12px;height:56px}.brand{font-family:Cormorant,serif;font-size:22px;font-weight:600;letter-spacing:.3px;white-space:nowrap;flex:0 0 auto;text-decoration:none;color:var(--sumi)}.brand b{color:var(--ai)}.brand .sub{font-size:13px;color:var(--soft);font-family:Golos Text,sans-serif;font-weight:400}.brand-logo{margin-right:2px}.user-pill{margin-left:auto;display:flex;align-items:center;gap:10px}.user-name{font-size:13px;color:var(--soft)}.btn-logout{font-family:Golos Text,sans-serif;font-size:13px;border:1px solid var(--line);border-radius:10px;padding:6px 12px;background:#fff;color:var(--soft);cursor:pointer;transition:.15s}.btn-logout:hover{border-color:var(--ai);color:var(--ai)}.btn{font-family:Golos Text,sans-serif;font-size:14px;font-weight:500;cursor:pointer;border-radius:12px;padding:13px 18px;display:flex;width:100%;align-items:center;gap:10px;border:1px solid var(--line);background:#fff;color:var(--sumi);transition:.18s}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #00000012}.btn.off{opacity:.45;cursor:not-allowed;pointer-events:none}.btn .dot{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:700;flex:0 0 auto}.btn.ya .dot{background:#000}.btn.vk .dot{background:#07f;font-size:9px}.cta{background:var(--grad);color:#fff;border:0;cursor:pointer;font-family:Golos Text,sans-serif;font-size:14px;font-weight:500;padding:11px 18px;border-radius:12px;transition:.15s;box-shadow:0 6px 18px #4a61d840}.cta:hover{filter:brightness(1.06);transform:translateY(-1px)}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%);z-index:50;background:var(--sumi);color:#fff;font-size:13.5px;padding:12px 20px;border-radius:12px;box-shadow:0 10px 30px #0003;white-space:nowrap}.foot{text-align:center;color:var(--soft);font-size:12px;padding:26px 0 40px;border-top:1px solid var(--line);margin-top:40px}.foot .jp-font{font-size:14px}.foot .flinks{margin-top:10px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.foot .flinks a{color:var(--soft);text-decoration:underline;cursor:pointer}.cab{display:grid;grid-template-columns:210px 1fr;gap:24px;padding:32px 0 64px}.rail{align-self:start;position:sticky;top:80px;padding:10px}.rail .who{padding:12px 12px 14px;border-bottom:1px solid var(--line);margin-bottom:8px}.rail .who .nm{font-family:Cormorant,serif;font-size:20px;font-weight:600}.rail .who .sub{font-size:12px;color:var(--soft);font-family:JetBrains Mono,monospace}.rail nav{display:flex;flex-direction:column;gap:2px}.rail nav button{font-family:Golos Text,sans-serif;text-align:left;border:0;background:transparent;cursor:pointer;color:var(--soft);font-size:14px;padding:10px 12px;border-radius:10px;transition:.15s}.rail nav button:hover{background:var(--washi2);color:var(--sumi)}.rail nav button.on{background:var(--grad);color:#fff;box-shadow:0 6px 16px #4a61d838}.content{min-width:0}.sec-h{display:flex;align-items:baseline;gap:12px;margin:0 0 6px}.sec-h h2{font-family:Cormorant,serif;font-size:30px;font-weight:600;margin:0}.sec-h .jp-font{color:var(--soft);font-size:15px}.sec-note{font-size:13.5px;color:var(--soft);margin:0 0 20px}.field{width:100%;border:1px solid var(--line);border-radius:12px;padding:11px 14px;font-size:14px;background:#fff;color:var(--sumi);margin-bottom:10px;font-family:Golos Text,sans-serif}.field:focus{outline:2px solid var(--ai);outline-offset:1px}.sched-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;flex-wrap:wrap}.viewtog{display:inline-flex;gap:4px;background:var(--washi2);padding:4px;border-radius:12px;border:1px solid var(--line);flex:0 0 auto}.viewtog button{border:0;background:transparent;cursor:pointer;font-size:13px;padding:6px 14px;border-radius:9px;color:var(--soft);font-family:Golos Text,sans-serif;transition:.15s}.viewtog button.on{background:#fff;color:var(--ai-deep);box-shadow:0 1px 4px #3c468224}.daybar{display:flex;gap:8px;overflow-x:auto;padding:4px 0 8px}.daypill{flex:0 0 auto;min-width:62px;text-align:center;border:1px solid var(--line);border-radius:14px;padding:9px 8px 10px;cursor:pointer;background:#fff;transition:.15s}.daypill:hover{border-color:var(--ai)}.daypill .dow{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:1px;color:var(--soft);text-transform:uppercase}.daypill .dnum{font-family:Cormorant,serif;font-size:24px;font-weight:600;line-height:1.1;margin-top:2px}.daypill .cnt{font-size:10px;color:var(--ai);margin-top:2px;height:12px}.daypill.on{background:var(--grad);border-color:transparent;box-shadow:0 8px 20px #4a61d83d}.daypill.on .dow,.daypill.on .dnum,.daypill.on .cnt{color:#fff}.daypill.empty{opacity:.5;cursor:default}.daypill.empty:hover{border-color:var(--line)}.times{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin-top:20px}.tslot{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1.5px solid var(--ai);background:#fff;color:var(--ai-deep);border-radius:12px;padding:14px 16px;cursor:pointer;transition:.15s;font-family:Golos Text,sans-serif}.tslot:hover{background:var(--ai);color:#fff;transform:translateY(-1px);box-shadow:0 5px 16px #1c325229}.tslot .tt{font-family:JetBrains Mono,monospace;font-size:17px;font-weight:500}.tslot .lab{font-size:13px}.tslot.booked{border-color:var(--ok);background:#3e9e7a1f;color:var(--ok);cursor:default}.tslot.booked:hover{transform:none;box-shadow:none;background:#3e9e7a1f}.tslot.closed{border-style:dashed;border-color:var(--line);color:var(--soft);background:transparent}.tslot.closed:hover{background:var(--washi2);color:var(--sumi);border-color:var(--ai);box-shadow:none}.tslot.open{background:var(--ai);color:#fff;border-style:solid}.tslot.open:hover{background:var(--ai-deep)}.empty-day{grid-column:1/-1;text-align:center;color:var(--soft);font-size:14px;padding:34px;border:1px dashed var(--line);border-radius:12px}.legend{display:flex;gap:18px;flex-wrap:wrap;font-size:12.5px;color:var(--soft);margin-top:18px}.legend i{width:12px;height:12px;border-radius:4px;display:inline-block;vertical-align:-1px;margin-right:6px}.addslot{display:flex;gap:10px;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid var(--line);flex-wrap:wrap}.addslot .cap{font-size:13px;color:var(--soft);width:100%;margin-bottom:2px}.time-in{border:1px solid var(--line);border-radius:12px;padding:11px 14px;font-family:JetBrains Mono,monospace;font-size:15px;background:#fff;color:var(--sumi)}.time-in:focus{outline:2px solid var(--ai);outline-offset:1px}.month-head{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:8px}.month-head span{text-align:center;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--soft)}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.mcell{aspect-ratio:1/1;border:1px solid var(--line);border-radius:14px;background:var(--glass2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;transition:.15s;font-family:Cormorant,serif;font-size:19px;font-weight:600;color:var(--sumi)}.mcell:hover{border-color:var(--ai);background:#fff}.mcell.off{background:transparent;color:var(--soft)}.mcell.blank{border:0;background:transparent;cursor:default}.mcell.sel{background:var(--grad);color:#fff;border-color:transparent;box-shadow:0 6px 18px #3f57a64d}.mcell.today{box-shadow:inset 0 0 0 2px var(--sakura)}.mcell.sel.today{box-shadow:inset 0 0 0 2px #fff,0 6px 18px #3f57a64d}.mcell .dots{display:flex;gap:3px;height:6px;align-items:center}.mcell .d{width:6px;height:6px;border-radius:50%}.mcell .d.free{background:var(--ai)}.mcell.sel .d.free{background:#fff}.mcell .d.booked{background:var(--ok)}.mcell.sel .d.booked{background:#d6ffe9}.srs-stage{display:flex;flex-direction:column;align-items:center;gap:22px;padding:20px 0}.flash{width:360px;max-width:100%;height:230px;perspective:1200px;cursor:pointer}.flash-in{position:relative;width:100%;height:100%;transition:transform .5s;transform-style:preserve-3d}.flash.flip .flash-in{transform:rotateY(180deg)}.face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);background:#fff;box-shadow:0 8px 30px #1c325214}.face.back{transform:rotateY(180deg);background:var(--ai-deep);color:#fff;border-color:var(--ai-deep)}.face .word{font-family:"Noto Serif JP",serif;font-size:60px;line-height:1}.face .read{font-family:"Noto Serif JP",serif;font-size:22px;color:var(--kin)}.face .tr{font-size:26px;font-family:Cormorant,serif;font-weight:600}.face .hint{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:1px;opacity:.55}.grade{display:flex;gap:12px}.grade button{font-family:Golos Text,sans-serif;font-size:14px;font-weight:500;cursor:pointer;border-radius:12px;padding:11px 22px;border:1px solid var(--line);background:#fff;transition:.15s}.grade button:hover{transform:translateY(-1px);box-shadow:0 4px 14px #00000014}.grade .no{color:#9a4c3f;border-color:#e3c7c0}.grade .yes{color:var(--ok);border-color:#bcd3c2}.srs-meta{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--soft)}.feedback{font-family:JetBrains Mono,monospace;font-size:12.5px;color:var(--ai);min-height:18px}.done{text-align:center;padding:50px 20px}.prog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.stat{padding:20px}.stat .k{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:1px;color:var(--soft);text-transform:uppercase}.stat .v{font-family:Cormorant,serif;font-size:38px;font-weight:600;color:var(--ai-deep);line-height:1.1;margin-top:4px}.stat .v small{font-size:16px;color:var(--soft)}.pbar{height:8px;background:var(--washi2);border-radius:20px;overflow:hidden;margin-top:12px}.pbar i{display:block;height:100%;background:linear-gradient(90deg,var(--ai),var(--kin));border-radius:20px}.jlpt-row{display:flex;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid var(--line)}.jlpt-row:last-child{border-bottom:0}.jlpt-badge{font-family:JetBrains Mono,monospace;font-weight:500;font-size:13px;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto;color:#fff}.chat{display:flex;flex-direction:column;height:420px}.chat-scroll{flex:1;min-height:0;overflow-y:auto;padding:4px;display:flex;flex-direction:column;gap:10px}.msg{max-width:78%;padding:10px 14px;border-radius:14px;font-size:14px;line-height:1.45}.msg .mt{display:block;font-family:JetBrains Mono,monospace;font-size:10px;opacity:.6;margin-top:4px}.msg.them{align-self:flex-start;background:#fff;border:1px solid var(--line);border-bottom-left-radius:4px}.msg.me{align-self:flex-end;background:var(--grad);color:#fff;border-bottom-right-radius:4px}.chat-input{display:flex;gap:8px;margin-top:12px}.chat-input input{flex:1;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-family:Golos Text,sans-serif;font-size:14px;background:#fff;color:var(--sumi)}.chat-input input:focus{outline:2px solid var(--ai);outline-offset:1px}.send{background:var(--grad);color:#fff;border:0;border-radius:12px;padding:0 18px;cursor:pointer;font-size:18px}.send:hover{filter:brightness(1.06)}.stu-list{display:flex;flex-direction:column}.stu{display:flex;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid var(--line);cursor:pointer;transition:.15s}.stu:last-child{border-bottom:0}.stu:hover{background:var(--washi2)}.stu.on{background:#2c4a7312}.ava{width:40px;height:40px;border-radius:12px;background:var(--grad);color:#fff;display:grid;place-items:center;font-family:Cormorant,serif;font-size:20px;font-weight:600;flex:0 0 auto}.stu .nm{font-weight:500}.stu .mt{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--soft)}.pill{margin-left:auto;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--ai);border:1px solid var(--line);border-radius:20px;padding:3px 10px}.chip{font-family:"Noto Serif JP",serif;font-size:15px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:6px 12px;display:inline-flex;align-items:center;gap:8px}.chip small{font-family:Golos Text,sans-serif;font-size:12px;color:var(--soft)}.deck-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.deck-add textarea{width:100%;min-height:90px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-family:JetBrains Mono,monospace;font-size:13px;background:#fff;color:var(--sumi);resize:vertical}.deck-add textarea:focus{outline:2px solid var(--ai);outline-offset:1px}.hintline{font-size:13px;color:var(--soft);margin:6px 0 0}.card-row{padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff;margin-bottom:12px}.card-row .top{display:flex;align-items:center;gap:10px;margin-bottom:6px}.card-row .ttl{font-weight:500;font-size:15px}.card-row .desc{font-size:13.5px;color:var(--soft);line-height:1.5}.tag{margin-left:auto;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.5px;padding:3px 9px;border-radius:20px;text-transform:uppercase;flex:0 0 auto}.tag.wait{background:#b08a4a26;color:var(--kin)}.tag.done{background:#3e9e7a26;color:var(--ok)}.attach{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--ai);border:1px solid var(--line);border-radius:10px;padding:8px 12px;background:var(--washi);cursor:pointer;margin-top:10px;font-family:Golos Text,sans-serif}.attach:hover{border-color:var(--ai)}.pay-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.pay-row:last-child{border-bottom:0}.pay-row .amt{font-family:Cormorant,serif;font-size:22px;font-weight:600;color:var(--ai-deep);line-height:1.1}.pay-row .dt{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--soft);margin-top:2px}.link-btn{margin-left:auto;font-size:13px;color:var(--ai);cursor:pointer;border:1px solid var(--line);border-radius:10px;padding:7px 12px;background:#fff;font-family:Golos Text,sans-serif}.link-btn:hover{border-color:var(--ai)}.two-col{display:grid;grid-template-columns:220px 1fr;gap:20px}.modal-ov{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#1e23376b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center}.modal{background:#fff;width:100%;max-width:680px;max-height:86vh;border-radius:20px 20px 0 0;overflow:auto;padding:22px 22px 30px}.modal .close{position:sticky;top:0;float:right;border:0;background:var(--washi2);width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:16px;color:var(--sumi)}.modal h3{font-family:Cormorant,serif;font-size:26px;font-weight:600;margin:0 0 12px}.mtabs{display:flex;gap:6px;margin:0 0 16px;flex-wrap:wrap}.mtabs button{border:1px solid var(--line);background:var(--washi2);border-radius:10px;padding:7px 12px;font-size:12.5px;cursor:pointer;color:var(--soft);font-family:Golos Text,sans-serif}.mtabs button.on{background:var(--ai);color:#fff;border-color:transparent}.mbody{font-size:13.5px;line-height:1.6;color:var(--sumi)}.mbody b{color:var(--ai-deep)}.mbody p{margin:0 0 10px}.mnote{font-size:11.5px;color:var(--soft);margin-top:16px;border-top:1px solid var(--line);padding-top:12px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;padding:56px 0 40px}.hero-lead{font-size:16px;line-height:1.6;color:var(--soft);margin:0 0 26px}.hero-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:10px 0 60px;align-items:start}.kanji-card{padding:40px 34px;text-align:center;overflow:hidden;position:sticky;top:80px}.kanji-big{font-family:"Noto Serif JP",serif;font-size:130px;line-height:1;margin:10px 0 4px;background:linear-gradient(140deg,var(--ai),var(--ai2) 55%,var(--sakura));-webkit-background-clip:text;background-clip:text;color:transparent}.login-card{padding:22px;display:flex;flex-direction:column;gap:10px}.season-label{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:2px;color:var(--kin);text-transform:uppercase;margin-bottom:18px;line-height:1.7}.hero-h1{font-family:Cormorant,serif;font-size:58px;line-height:1.05;font-weight:600;margin:0 0 18px}@media (max-width: 820px){.brand .sub{display:none}.hero{grid-template-columns:1fr;gap:26px;padding:32px 0 20px}.hero-lead{max-width:none}.hero-h1{font-size:36px}.hero-steps{grid-template-columns:1fr}.kanji-big{font-size:100px}.login-card{max-width:none}.cab{grid-template-columns:1fr}.rail{position:static}.rail nav{flex-direction:row;flex-wrap:wrap}.prog-grid{grid-template-columns:1fr}.times{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.chat{height:380px}.mcell{font-size:16px;border-radius:11px;gap:3px}}@media (prefers-reduced-motion: reduce){*,.flash-in{transition:none!important}}