:root{--purple:#92278F;--deep:#662D91;--space:#1A0A2E;--gold:#F5A623;--pink:#E91E8C;--lav:#faf7fc;--lav2:#f3eaf8;--ink:#2b1b3d;--grey:#8a8494;--ok:#3DBB7A;--bad:#E5484D}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;font-family:Inter,-apple-system,Segoe UI,Roboto,sans-serif}body{background:var(--lav);color:var(--ink);min-height:100vh}button{border:none;cursor:pointer;background:none}button,input{font-family:inherit}.hide{display:none!important}#shell{max-width:520px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;background:var(--lav)}@media(min-width:900px){body{background:var(--space);background-image:radial-gradient(circle at 12% 18%,rgba(146,39,143,.28) 0,transparent 42%),radial-gradient(circle at 88% 80%,rgba(102,45,145,.3) 0,transparent 45%),radial-gradient(rgba(255,255,255,.13) 1px,transparent 1.4px);background-size:auto,auto,26px 26px;padding:26px 0}#shell{max-width:760px;border-radius:24px;min-height:calc(100vh - 52px);box-shadow:0 24px 70px rgba(0,0,0,.5);overflow:hidden}}.wrap{padding:6px 18px 34px;flex:1 1;display:flex;flex-direction:column}.btn{display:block;width:100%;text-align:center;background:var(--purple);color:#fff;font-weight:800;font-size:16px;padding:15px;border-radius:15px;box-shadow:0 4px 0 var(--deep);transition:transform .08s}.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--deep)}.btn.gold{background:var(--gold);color:#5b3a00;box-shadow:0 4px 0 #c77f0a}.btn.ghost{background:#fff;color:var(--purple);box-shadow:inset 0 0 0 2px #e6d5ef}.btn:disabled{opacity:.4;pointer-events:none}.mt9{margin-top:9px}.mt12{margin-top:12px}.mt16{margin-top:16px}.topbar{display:flex;align-items:center;gap:9px;padding:14px 16px 10px;position:-webkit-sticky;position:sticky;top:0;background:var(--lav);z-index:20}.topbar .x{font-size:18px;font-weight:800;color:var(--grey);padding:4px 8px}.progwrap{flex:1 1;height:12px;background:#e9def2;border-radius:8px;overflow:hidden}.progfill{display:block;height:100%;background:linear-gradient(90deg,var(--purple),var(--pink));border-radius:8px;transition:width .4s}.proglabel{font-size:12px;font-weight:800;color:var(--purple);white-space:nowrap}.iconbtn{background:#fff;border-radius:50%;width:34px;height:34px;box-shadow:0 2px 8px rgba(102,45,145,.15);color:var(--purple);display:flex;align-items:center;justify-content:center;flex:none}.bubble{background:var(--lav2);color:var(--deep);font-size:13.5px;font-weight:600;padding:10px 13px;border-radius:15px;line-height:1.5}.bubble.kei{background:#efedf1;color:#3c3744;font-weight:700}.mascot{filter:drop-shadow(0 4px 10px rgba(102,45,145,.22))}.float{animation:float 2.6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes popin{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.popin{animation:popin .35s ease-out}.mrow{display:flex;gap:9px;align-items:flex-end;margin-top:12px}.mrow img{width:62px}.mrow.kei{justify-content:flex-end}.mrow.kei img{width:50px}.spk{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;border-radius:50%;background:var(--purple);color:#fff;flex:none;vertical-align:middle}.spk:active{background:var(--deep)}.spk svg{width:13px;height:13px}.tagchip{color:#9c8fb0;background:#efe8f5}.revtag,.tagchip{display:inline-block;font-size:10.5px;font-weight:800;border-radius:9px;padding:2px 8px}.revtag{color:#c77f0a;background:#fff2df;margin-left:5px}.sthead{text-align:center;margin:2px 0 12px}.sthead h2{font-size:17px;font-weight:800;color:var(--deep)}.sthead p{font-size:12px;color:var(--grey);font-weight:600;margin-top:3px}.stdots{display:flex;gap:5px;justify-content:center;margin-top:8px}.stdots i{width:19px;height:6px;border-radius:4px;background:#e9def2}.stdots i.on{background:var(--purple)}.stdots i.done{background:var(--pink)}.stcard{background:#fff;border:2px solid #e6d5ef;border-top:7px solid var(--sc,var(--purple));border-radius:17px;padding:15px 15px 13px;box-shadow:0 6px 22px rgba(102,45,145,.1)}.stcard h3{font-size:15.5px;font-weight:800;color:var(--sc,var(--purple));display:flex;align-items:center;gap:8px}.stcard h3 .num{width:24px;height:24px;border-radius:50%;background:var(--sc);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;flex:none}.stbody{font-size:13.5px;color:#4a3d5e;line-height:1.62;margin-top:9px}.rule,.stbody b{color:var(--deep)}.rule{background:#fff;border:1.5px solid #eadff2;border-left:6px solid var(--purple);border-radius:12px;padding:8px 11px;margin-top:8px;font-size:13px;font-weight:600;line-height:1.55}.rule .fx{color:var(--pink);font-weight:800}.fn{display:flex;align-items:flex-start;gap:8px;background:#fff;border:1.5px solid #eadff2;border-left:6px solid var(--fc,var(--purple));border-radius:12px;padding:8px 11px;margin-top:7px;font-size:12.5px;line-height:1.5}.fn .fnl{flex:none;background:var(--fc);color:#fff;font-size:10.5px;font-weight:800;border-radius:8px;padding:3px 8px;margin-top:1px}.fn .fne{font-weight:700;color:var(--deep)}.fn .fne u{text-decoration:none;background:linear-gradient(transparent 62%,#f9d8ef 0);border-bottom:3px solid var(--pink);padding-bottom:1px}.pill{display:inline-flex;align-items:center;gap:5px;background:var(--lav2);border-radius:10px;padding:4px 9px;font-size:12.5px;font-weight:700;color:var(--deep);margin:4px 4px 0 0}.pill .spk{width:20px;height:20px;min-width:20px}.pill .spk svg{width:10px;height:10px}.pill i{font-style:normal;color:#9c8fb0;font-weight:500;font-size:11px}.convo{background:var(--lav2);border-radius:12px;padding:9px 11px;margin-top:8px}.cline{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--deep);padding:3px 0}.cline b{color:var(--pink);flex:none}.warnbox{background:#fff8ec;border:1.5px solid #f5dfae;border-radius:12px;padding:8px 11px;margin-top:8px;font-size:12.5px;color:#7a5b16;line-height:1.55}.vgrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px;margin-top:8px}@media(min-width:900px){.vgrid{grid-template-columns:1fr 1fr 1fr}}.soundtip{gap:9px;background:#fff2fa;border:1.5px solid #f6cbe6;border-radius:14px;padding:10px 12px;margin:10px 6px 0;font-size:12.5px;font-weight:600;color:var(--deep);line-height:1.5}.soundtip,.soundtip-icon{display:flex;align-items:center}.soundtip-icon{flex:none;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--pink);color:#fff}.soundtip-icon svg{width:15px;height:15px}.ovwrap{background:#fff;border-radius:17px;padding:14px;box-shadow:0 6px 22px rgba(102,45,145,.1)}.ovc{text-align:center;background:var(--purple);color:#fff;font-weight:800;border-radius:13px;padding:10px;margin-bottom:10px}.ovb{border-left:6px solid var(--oc);background:var(--lav);border-radius:10px;padding:7px 10px;margin-top:6px;font-size:12.5px;line-height:1.5}.ovb b{color:var(--oc)}.qmeta{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.qnum{color:var(--grey);text-transform:uppercase}.combo,.qnum{font-size:12px;font-weight:800}.combo{background:#fff2df;color:#c77f0a;padding:4px 10px;border-radius:14px}.qprompt{background:#fff;border-radius:16px;padding:14px;box-shadow:0 2px 12px rgba(102,45,145,.08);margin-bottom:14px}.qprompt .qt{font-size:16.5px;font-weight:700;line-height:1.5}.qprompt .qt u{text-decoration:none;border-bottom:2.5px dashed var(--purple)}.qprompt .vn{font-size:12.5px;color:#9c8fb0;font-weight:600;margin-top:5px}.opts{display:flex;flex-direction:column;gap:9px}.opt{background:#fff;border:solid #e6d5ef;border-width:2px 2px 4px;border-radius:14px;padding:13px 15px;font-size:15px;font-weight:700;text-align:left;color:var(--ink);transition:all .15s}.opt.right{border-color:var(--ok);background:#e9f9f0;color:#1c7a4b}.opt.wrong{border-color:var(--bad);background:#fdecec;color:#a12b2f}.slotline{gap:7px;min-height:46px;border-bottom:2.5px dashed #d9c9e6;padding-bottom:9px;margin-bottom:14px}.bank,.slotline{display:flex;flex-wrap:wrap}.bank{gap:8px}.word{background:#fff;border:solid #e6d5ef;border-width:2px 2px 4px;border-radius:12px;padding:9px 13px;font-size:15px;font-weight:700;color:var(--ink)}.word.inslot{background:var(--purple);border-color:var(--deep);color:#fff}.typebox{width:100%;border:2.5px solid #e6d5ef;border-radius:14px;padding:13px 15px;font-size:16px;font-weight:700;color:var(--ink);background:#fff;outline:none}.typebox:focus{border-color:var(--purple)}.typebox.right{border-color:var(--ok);background:#e9f9f0}.typebox.wrong{border-color:var(--bad);background:#fdecec}.hint{background:#fff8ec;border:1.5px solid #f5dfae;border-radius:13px;padding:10px 12px;font-size:13px;color:#7a5b16;line-height:1.55;margin-top:9px}.hint b{color:#8a6410}.expl{background:#e9f9f0;border:1.5px solid #bce6cf;border-radius:13px;padding:10px 12px;font-size:13px;color:#1c7a4b;line-height:1.55;margin-top:9px}.spkcard{background:#fff;border-radius:18px;padding:18px 16px;box-shadow:0 6px 22px rgba(102,45,145,.1);text-align:center}.spkcard .vnbig{font-size:21px;font-weight:800;color:var(--deep);line-height:1.4}.spkcard .task{font-size:12px;font-weight:700;color:var(--grey);margin-bottom:8px;text-transform:uppercase;letter-spacing:.4px}.framechip{display:inline-block;background:#fff2df;color:#c77f0a;font-size:11.5px;font-weight:800;border-radius:10px;padding:4px 10px;margin-top:8px}.micbtn{width:84px;height:84px;border-radius:50%;background:var(--pink);color:#fff;margin:16px auto 6px;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 0 #b01468;transition:all .15s}.micbtn svg{width:36px;height:36px}.micbtn.rec{animation:pulse 1.2s infinite;background:var(--bad)}@keyframes pulse{0%{box-shadow:0 5px 0 #b01468,0 0 0 0 rgba(229,72,77,.4)}70%{box-shadow:0 5px 0 #b01468,0 0 0 22px rgba(229,72,77,0)}to{box-shadow:0 5px 0 #b01468,0 0 0 0 rgba(229,72,77,0)}}.micstat{font-size:12px;font-weight:700;color:var(--grey);line-height:1.5;padding:0 6px}.chips{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:13px}.chip-w{padding:7px 12px;border-radius:11px;font-size:14.5px;font-weight:800;border:2px solid}.chip-w.g{background:#e9f9f0;border-color:#bce6cf;color:#1c7a4b}.chip-w.y{background:#fff6e3;border-color:#f5dfae;color:#8a6410}.chip-w.r{background:#fdecec;border-color:#f3c1c3;color:#a12b2f}.verdict{margin-top:12px;border-radius:13px;padding:10px 12px;font-size:13px;font-weight:700;line-height:1.55;text-align:left}.verdict.g{background:#e9f9f0;color:#1c7a4b}.verdict.y{background:#fff6e3;color:#8a6410}.verdict.r{background:#fdecec;color:#a12b2f}.typealt{font-size:12px;font-weight:700;color:var(--purple);text-decoration:underline;margin-top:10px}.gate{text-align:center;padding-top:18px}.gate img{width:150px;margin:6px auto}.gate h2{font-size:20px;font-weight:800;color:var(--deep);margin-top:6px}.gate p{font-size:13.5px;color:var(--grey);font-weight:600;margin-top:5px;line-height:1.55}.score{font-size:38px;font-weight:800;color:var(--purple);margin:8px 0 0}.stat4{display:flex;gap:7px;margin:16px 0}.stat4>div{flex:1 1;background:#fff;border-radius:13px;padding:9px 3px;box-shadow:0 2px 10px rgba(102,45,145,.09)}.stat4 b{display:block;font-size:16px;color:var(--purple)}.stat4 span{font-size:9.5px;color:var(--grey);font-weight:700}.flame{display:inline-flex;align-items:center;gap:6px;background:#fff;border-radius:20px;padding:8px 16px;font-size:16px;font-weight:800;color:#e2542c;box-shadow:0 2px 10px rgba(0,0,0,.08);margin-top:8px}.confetti i{position:absolute;width:8px;height:8px;border-radius:2px;animation:fall 2.8s linear infinite}@keyframes fall{0%{transform:translateY(-40px) rotate(0)}to{transform:translateY(560px) rotate(540deg)}}.home{padding-top:22px;text-align:center}.home img.logo{height:30px;background:#fff;border-radius:8px;padding:4px 9px;box-shadow:0 2px 8px rgba(102,45,145,.12)}.home h1{font-size:21px;font-weight:800;color:var(--deep);margin:12px 0 4px}.statrow{display:flex;gap:8px;justify-content:center;margin:10px 0 2px}.chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:800;padding:5px 11px;border-radius:16px;background:#fff;box-shadow:0 2px 8px rgba(102,45,145,.1)}.map{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;margin-top:14px}@media(min-width:900px){.map{grid-template-columns:repeat(6,1fr)}}.mn{border-radius:14px;padding:9px 4px 7px;text-align:center;background:#fff;box-shadow:0 2px 8px rgba(102,45,145,.1);text-decoration:none;color:inherit}.mn,.mn b{display:block}.mn b{font-size:16px;font-weight:800;color:var(--purple)}.mn span{font-size:8.5px;font-weight:700;color:var(--grey);line-height:1.2;display:block;margin-top:2px}.mn.now{background:var(--gold)}.mn.now b{color:#5b3a00}.mn.now span{color:#7a5b16}.mn.done{background:var(--lav2)}.mn.done b{color:var(--ok)}.mn.rev{background:#fde8f3}.mn.rev b{color:var(--pink)}.mn.lock{opacity:.45;pointer-events:none}.legend2{display:flex;gap:10px;justify-content:center;font-size:10px;color:#9c8fb0;font-weight:700;margin-top:10px;flex-wrap:wrap}.login{background:linear-gradient(180deg,var(--space) 0,#3b1355 55%,var(--purple) 130%);color:#fff;text-align:center;padding:54px 22px 40px;flex:1 1;background-image:radial-gradient(rgba(255,255,255,.22) 1px,transparent 1.3px);background-size:22px 22px}.login img.logo{height:34px;background:#fff;border-radius:9px;padding:5px 10px;margin-bottom:16px}.login .field{width:100%;background:rgba(255,255,255,.96);border:none;border-radius:13px;padding:13px 14px;font-size:14px;color:var(--ink);margin-bottom:10px;outline:none}.login small{display:block;color:#d9c8ea;font-size:11px;margin-top:12px;line-height:1.5}.loginerr{background:#fdecec;color:#a12b2f;font-size:12.5px;font-weight:700;border-radius:10px;padding:8px 10px;margin-bottom:10px}.path{position:relative;margin:16px auto 0;padding:8px 0 14px;max-width:330px;width:100%}.path:before{content:"";position:absolute;left:50%;top:10px;bottom:10px;border-left:4px dashed #e0d3ec;transform:translateX(-2px)}.weektag{display:inline-block;background:var(--space);color:#fff;font-size:10.5px;font-weight:800;border-radius:12px;padding:4px 12px;margin:8px 0 2px}.pnode,.weektag{position:relative;z-index:1}.pnode{display:flex;flex-direction:column;align-items:center;margin:8px 0;text-decoration:none;color:inherit}.pnode:nth-child(odd){transform:translateX(-46px)}.pnode:nth-child(2n){transform:translateX(46px)}.pnode .dot{width:58px;height:58px;border-radius:50%;background:#fff;border:3px solid #efe6f6;box-shadow:0 3px 10px rgba(102,45,145,.14);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:19px;color:var(--purple)}.pnode .plabel{font-size:11px;font-weight:700;color:#6d6180;background:#fff;padding:3px 9px;border-radius:9px;box-shadow:0 2px 8px rgba(102,45,145,.08);margin-top:4px;white-space:nowrap}.pnode.done .dot{background:var(--purple);color:#fff;border-color:var(--deep)}.pnode.rev .dot{background:#fde8f3;color:var(--pink);border-color:#f6c4de;font-size:16px}.pnode.rev.done .dot{background:var(--pink);color:#fff;border-color:#b01468}.pnode.now .dot{border-color:#c77f0a;box-shadow:0 0 0 7px rgba(245,166,35,.28),0 3px 10px rgba(0,0,0,.12);transform:scale(1.12)}.pnode.now .dot,.pnode.now .plabel{background:var(--gold);color:#5b3a00}.pnode.lock{opacity:.45;pointer-events:none}.pnode .evihere{position:absolute;top:-6px;width:44px;left:calc(50% + 34px)}.pnode:nth-child(2n) .evihere{left:auto;right:calc(50% + 34px)}