:root{--primary:#2bb673;--primary-2:#1f9d8f;--grad:linear-gradient(135deg,#2bb673,#1f9d8f);--bg:#eef5f1;--text:#1f2a33;--muted:#74838c;--line:#e6efe9;--warn:#e8590c;--radius:18px;--shadow:0 6px 22px rgba(30,90,70,0.09);--grad-soft:linear-gradient(135deg,#eafaf3,#e6f5ef)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0;color:var(--text);background:var(--bg);font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.7}.btn,.pill,h1,h2,h3{font-family:M PLUS Rounded\ 1c,Noto Sans JP,sans-serif}.wrap{max-width:720px;margin:0 auto;padding:14px 16px 70px}header.hd{text-align:center;background:var(--grad);color:#fff;border-radius:24px;padding:24px 16px;margin:6px 0 18px;box-shadow:0 12px 30px rgba(31,157,143,.28);position:relative;overflow:hidden}header.hd:after{content:"";position:absolute;inset:0;background:radial-gradient(420px 150px at 80% -40px,rgba(255,255,255,.28),transparent 70%);pointer-events:none}header.hd h1{margin:0;font-size:1.45rem;font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.1)}header.hd p{margin:6px 0 0;font-size:.84rem;opacity:.95}.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;margin-bottom:16px;border:1px solid var(--line);animation:fadeInUp .4s ease both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.card h2{margin:0 0 12px;font-size:1.1rem;color:var(--primary-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px;font-size:1.02rem;font-weight:700;color:#fff;background:var(--grad);border:none;border-radius:14px;box-shadow:0 6px 16px rgba(43,182,115,.3);cursor:pointer}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;box-shadow:none}.btn.sec{background:#fff;color:var(--primary-2);border:2px solid #cde8db;box-shadow:none}.btn.sm{width:auto;padding:9px 16px;font-size:.9rem;border-radius:11px}input,select{font-family:inherit;font-size:1rem;padding:12px;border:2px solid #dbe7e1;border-radius:12px;width:100%;box-sizing:border-box;background:#fbfdfc}input:focus,select:focus{outline:none;border-color:var(--primary)}label.fld{display:block;font-size:.85rem;font-weight:700;color:#3a4a52;margin:10px 0 6px}.note{font-size:.78rem;color:var(--muted);line-height:1.6}.cam{width:100%;border-radius:14px;background:#000;aspect-ratio:4/3;object-fit:cover}.statusbar{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;font-weight:700}.st-present{background:#e7f9f0;color:#0a8f5b;border:1px solid #b6e8d1}.st-away{background:#fff1e6;color:var(--warn);border:1px solid #ffd3ad}.dot{width:12px;height:12px;border-radius:50%}.dot.on{background:#19b36b;box-shadow:0 0 0 4px rgba(25,179,107,.2)}.dot.off{background:var(--warn)}.snap{width:100%;border-radius:14px;border:1px solid var(--line);background:#f4f7f5}.row{display:flex;gap:8px;flex-wrap:wrap}.kpi{font-size:2rem;font-weight:800;color:var(--primary-2);font-family:M PLUS Rounded\ 1c}.learn-item{padding:9px 0;border-bottom:1px dashed var(--line);font-size:.92rem}.learn-item:last-child{border-bottom:none}.bar-row{display:flex;align-items:center;gap:8px;margin:5px 0;font-size:.82rem}.bar-track{flex:1 1;height:14px;background:#eef2ef;border-radius:8px;overflow:hidden}.bar-fill{height:100%;background:var(--grad);border-radius:8px}.alert{background:#fdecec;border:1px solid #f5c2c2;color:#b3261e;padding:12px 14px;border-radius:12px;font-size:.9rem;margin-bottom:12px;font-weight:700}.timer-big{font-size:3rem;font-weight:800;text-align:center;font-family:M PLUS Rounded\ 1c;color:var(--primary-2);margin:6px 0}.watching{display:inline-flex;gap:6px;font-size:.76rem;color:var(--muted);background:#f1f6f3;border:1px solid var(--line);border-radius:999px;padding:4px 10px}.splash,.watching{align-items:center}.splash{position:fixed;inset:0;z-index:2000;display:flex;flex-direction:column;justify-content:center;gap:16px;text-align:center;padding:24px;color:#fff;background:var(--grad);transition:opacity 1s ease;overflow:hidden}.splash:before{content:"";position:absolute;inset:0;background:radial-gradient(600px 360px at 50% 38%,rgba(255,255,255,.3),transparent 70%);pointer-events:none}.splash.out{opacity:0}.splash>div{position:relative;opacity:0}.splash .s-app{font-size:1.15rem;font-weight:700;letter-spacing:.04em;animation:splashUp 1.1s cubic-bezier(.2,.7,.2,1) .15s forwards}.splash .s-npo{font-family:M PLUS Rounded\ 1c,Noto Sans JP,sans-serif;font-size:3.6rem;font-weight:800;line-height:1.22;letter-spacing:.08em;text-shadow:0 6px 24px rgba(0,0,0,.22);margin:6px 0;animation:splashUp 1.5s cubic-bezier(.2,.7,.2,1) .55s forwards}.splash .s-logo{animation:splashUp 1.4s cubic-bezier(.2,.7,.2,1) .55s forwards}.splash .s-logo img{width:min(82vw,420px);background:#fff;border-radius:16px;padding:18px 16px;box-shadow:0 14px 40px rgba(0,0,0,.22);display:block}.login-logo{display:block;width:100%;max-width:300px;margin:2px auto 8px}.splash .s-sub{font-size:.95rem;opacity:0;animation:splashFade 1.2s ease 1.5s forwards}.splash .s-skip{position:absolute;bottom:34px;font-size:.74rem;animation:splashFaint .8s ease 2.3s forwards}@keyframes splashUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes splashFade{0%{opacity:0;transform:translateY(8px)}to{opacity:.96;transform:none}}@keyframes splashFaint{to{opacity:.65}}.char-head{gap:12px;margin-bottom:12px}.char-avatar,.char-head{display:flex;align-items:center}.char-avatar{font-size:2rem;width:54px;height:54px;flex-shrink:0;justify-content:center;background:var(--grad-soft);border:1px solid #cfe6da;border-radius:50%}.char-name{font-family:M PLUS Rounded\ 1c,sans-serif;font-weight:800;font-size:1.1rem;color:var(--primary-2)}.char-sub{font-size:.78rem;color:var(--muted)}.chat-ai-row{display:flex;align-items:flex-end;gap:8px;align-self:flex-start;max-width:90%}.chat-ai-row .chat-avatar{font-size:1.3rem;width:34px;height:34px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--grad-soft);border:1px solid #cfe6da;border-radius:50%}.chat-ai-row .chat-bubble.ai{align-self:flex-end}.mood-row{display:flex;gap:6px;justify-content:space-between}.mood-btn{flex:1 1;background:#fff;border:2px solid var(--line);border-radius:12px;padding:8px 2px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px}.mood-btn.on{border-color:var(--primary);background:var(--grad-soft)}.mood-e{font-size:1.5rem;line-height:1}.mood-l{font-size:.66rem;color:var(--muted);font-weight:700}.diary-reply{margin-top:12px;background:#f1f6f3;border:1px solid var(--line);border-radius:12px;padding:11px 13px;font-size:.92rem;line-height:1.7}.diary-item{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px dashed var(--line)}.diary-item:last-child{border-bottom:none}.diary-mood{font-size:1.4rem;line-height:1.4}.diary-date{font-size:.74rem;color:var(--muted);font-weight:700}.diary-text{font-size:.92rem;line-height:1.6;white-space:pre-wrap}.cat-row{display:flex;flex-wrap:wrap;gap:6px}.cat-btn{flex:1 1 28%;background:#fff;border:2px solid var(--line);border-radius:12px;padding:8px 2px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px}.cat-btn.on{border-color:var(--primary);background:var(--grad-soft)}.cat-e{font-size:1.4rem;line-height:1}.cat-l{font-size:.68rem;color:var(--muted);font-weight:700}.enc-card{background:linear-gradient(180deg,#fff6f8,#fff);border-color:#ffd6e0}.enc-card h2{color:#e0567b}.enc-msg{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px dashed #ffe0e8}.enc-msg:last-child{border-bottom:none}.enc-heart{font-size:1.3rem;line-height:1.4}.enc-text{font-size:.98rem;line-height:1.7;white-space:pre-wrap;font-weight:500}.enc-presets{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.enc-preset{background:#fff;border:2px solid #ffd6e0;color:#e0567b;border-radius:999px;padding:6px 12px;font-size:.85rem;font-weight:700;cursor:pointer}.free-note{background:#eafaf3;border:1px solid #c3ecda;border-radius:12px;padding:10px 13px;font-size:.84rem;color:#2f5d4e;line-height:1.6;margin-bottom:14px}.plan-banner{border-radius:14px;padding:12px 15px;margin-bottom:16px;font-size:.9rem;line-height:1.6}.plan-banner.plan-paid{background:#e7f9f0;border:1px solid #b6e8d1;color:#0a8f5b}.plan-banner.plan-trial{background:#fff7e6;border:1px solid #ffe1a6;color:#8a5a01}.plan-banner.plan-free{background:#eef2f7;border:1px solid #d6deea;color:#3a4a52}.upsell-ov{position:fixed;inset:0;z-index:1500;background:rgba(20,40,30,.45);display:flex;align-items:center;justify-content:center;padding:18px}.upsell-card{background:#fff;border-radius:18px;padding:22px;max-width:420px;width:100%;box-shadow:0 20px 50px rgba(0,0,0,.3)}.upsell-list{padding-left:1.2em;margin:6px 0;line-height:1.9;font-size:.95rem}.ai-cost-note{background:#fff7e6;border:1px solid #ffd98a;border-radius:12px;padding:12px 14px;margin:4px 0 12px;font-size:.9rem;line-height:1.75;color:#7a4f01}.pay-box{background:var(--grad-soft);border:1px solid #cfe6da;border-radius:12px;padding:13px 15px;margin-top:10px;font-size:.92rem}.pay-steps{padding-left:1.3em;margin:8px 0;line-height:1.8}.pay-contact{margin-top:8px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px;line-height:1.6}.legal{line-height:1.85;font-size:.92rem;color:#34433c}.legal h3{margin:18px 0 6px;font-size:1.02rem;color:var(--primary-2)}.legal ul{padding-left:1.2em;margin:4px 0}.legal li{margin:3px 0}.legal a{color:var(--primary-2)}.legal-date{color:var(--muted);font-size:.82rem;margin-top:18px}.consent{display:flex;gap:10px;align-items:flex-start;margin-top:14px;font-size:.85rem;line-height:1.6;color:#3a4a52;background:var(--grad-soft);border:1px solid #cfe6da;border-radius:12px;padding:12px 14px;cursor:pointer}.consent input{width:22px;height:22px;flex-shrink:0;margin-top:1px}.consent a{color:var(--primary-2);font-weight:700}.cred-box{margin-top:14px;background:#fff8e6;border:2px solid #ffd98a;border-radius:14px;padding:16px}.cred-title{font-weight:800;color:#8a5a01;font-family:M PLUS Rounded\ 1c,sans-serif;margin-bottom:10px}.cred-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid #ffe2ad;border-radius:10px;padding:10px 14px;margin-bottom:8px}.cred-row span{font-size:.85rem;color:#8a5a01;font-weight:700}.cred-row b{font-family:M PLUS Rounded\ 1c,monospace;font-size:1.8rem;font-weight:800;letter-spacing:.12em;color:#1f2a33}.switch-link{margin:16px 0 4px;padding:11px;background:var(--grad-soft);border:1px solid #cfe6da;border-radius:12px;text-decoration:none;font-size:.92rem}.manual-link,.switch-link{display:block;text-align:center;color:var(--primary-2);font-weight:700}.manual-link{margin:8px 0 4px;text-decoration:underline;font-size:.86rem}.site-footer{text-align:center;padding:10px 16px 30px;font-size:.78rem}.site-footer,.site-footer a{color:var(--muted)}.npo-badge{display:inline-block;margin-top:12px;font-size:.8rem;font-weight:700;color:var(--primary-2);background:#eafaf3;border:1px solid #c3ecda;border-radius:999px;padding:5px 14px}.loading-overlay{position:fixed;inset:0;background:rgba(238,245,241,.93);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:999}.spinner{width:48px;height:48px;border:5px solid #d7ece2;border-top:5px solid var(--primary);border-radius:50%;animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.chat-log{display:flex;flex-direction:column;gap:9px;max-height:340px;overflow-y:auto;padding:6px 2px;margin-bottom:10px}.chat-empty{color:var(--muted);font-size:.85rem;margin:4px 2px}.chat-bubble{max-width:86%;padding:11px 14px;border-radius:16px;font-size:.96rem;line-height:1.75;white-space:pre-wrap;word-break:break-word}.chat-bubble.user{align-self:flex-end;background:var(--grad);color:#fff;border-bottom-right-radius:5px}.chat-bubble.ai{align-self:flex-start;background:#f1f6f3;color:var(--text);border:1px solid var(--line);border-bottom-left-radius:5px}.chat-input-row{display:flex;gap:8px}.chat-input-row input{flex:1 1;min-width:0}.tabs{display:flex;gap:8px;margin-bottom:14px}.tab{flex:1 1;text-align:center;padding:10px;border-radius:12px;font-weight:700;background:#fff;border:1px solid var(--line);color:var(--muted);text-decoration:none}.tab.active{border-color:transparent}.subject-pill,.tab.active{background:var(--grad);color:#fff}.subject-pill{display:inline-block;font-size:.74rem;font-weight:700;padding:4px 13px;border-radius:999px;margin-left:8px;vertical-align:middle}.content-text{font-size:.97rem;line-height:1.9;white-space:pre-wrap;margin:0}.card-title{margin:0 0 8px;font-size:1.05rem;color:var(--primary-2)}.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:8px}.card-title-row .card-title{margin:0}.section-explanation{border-left:6px solid #10b981}.section-explanation h3{margin:0 0 8px;font-size:1.05rem;color:#0a8f5b}.section-keypoints{border-left:6px solid var(--warn)}.kp-title{color:#b07400}.kp-list{list-style:none;padding:0;margin:0}.kp-list li{padding:10px 0;border-bottom:1px dashed #eee2c4}.kp-list li:last-child{border-bottom:none}.kp-term{display:block;font-weight:800;color:#8a5a01;margin-bottom:2px}.kp-detail{font-size:.95rem;line-height:1.7}.section-problem{border-left:6px solid var(--primary)}.problem-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:4px}.problem-label{display:inline-block;background:var(--grad);color:#fff;font-size:.82rem;font-weight:700;padding:4px 13px;border-radius:8px}.problem-badges{display:inline-flex;gap:6px;flex-wrap:wrap}.badge-verified{color:#0a8f5b;background:#e7f9f0;border:1px solid #b6e8d1}.badge-conf,.badge-verified{font-size:.72rem;font-weight:700;padding:3px 9px;border-radius:999px}.conf-high{color:#0a8f5b;background:#e7f9f0;border:1px solid #b6e8d1}.conf-med{color:#9a6700;background:#fff5e0;border:1px solid #ffe1a6}.conf-low{color:#b3261e;background:#fdecec;border:1px solid #f5c2c2}.problem-question{font-size:1.02rem;margin:0 0 14px;font-weight:500}.problem-question,.reveal-box{line-height:1.8;white-space:pre-wrap}.reveal-box{margin-top:10px;border-radius:13px;padding:12px 14px;font-size:.95rem}.reveal-box .tag{font-weight:800;display:block;margin-bottom:5px;font-size:.8rem}.reveal-hint{background:#fff8ec;border:1px solid #ffe2ad}.reveal-hint .tag{color:var(--warn)}.reveal-answer{background:#e9faf3;border:1px solid #b3e9d2}.reveal-answer .tag{color:#0a8f5b}.reveal-expl{background:#eef5f1;border:1px solid #cfe6da}.reveal-expl .tag{color:var(--primary-2)}.reveal-alt{background:#eef5ff;border:1px solid #cdd9f7}.reveal-alt .tag{color:#3b6fd4}.reveal-verify{background:#f5f7f6;border:1px dashed #c3cecb}.reveal-verify .tag{color:var(--muted)}.reveal-mistake{background:#fff1f0;border:1px solid #f7c9c4}.reveal-mistake .tag{color:#d9480f}.section-passage{border-left:6px solid #0ea5a3}.wc{font-size:.74rem;font-weight:700;color:var(--muted);margin-left:8px}.pline{padding:8px 0;border-bottom:1px solid #eef3f0}.pline:last-child{border-bottom:none}.pline-en{margin:0;font-size:1rem;line-height:1.7;font-weight:500}.pline-ja{margin:4px 0 0;font-size:.9rem;color:#5b6b63}.sub-tag{display:block;font-weight:800;font-size:.82rem;color:var(--primary-2);margin:14px 0 6px}.gp-list,.vocab-list{margin:0;padding-left:1.1em;font-size:.92rem;line-height:1.8}.section-grammar{border-left:6px solid #6d8efc}.ex-box{margin-top:10px;display:flex;flex-direction:column;gap:8px}.ex{background:#eef5f1;border:1px solid #d5e8de;border-radius:10px;padding:10px 12px}.ex-en{margin:0;font-weight:600}.ex-ja{margin:3px 0 0;font-size:.9rem;color:#5b6b63}.ex-note{color:var(--primary-2);font-size:.82rem}.section-script{border-left:6px solid var(--warn)}.sline{padding:7px 0;border-bottom:1px solid #f1f0e6}.sline:last-child{border-bottom:none}.sline-en{margin:0;line-height:1.6}.sline-ja{margin:3px 0 0;font-size:.9rem;color:#5b6b63}.qa-box{margin-top:4px}.reveal-qa{padding:10px 0;border-bottom:1px solid #eef3f0}.reveal-qa:last-child{border-bottom:none}.rq{margin:0 0 8px;font-weight:600;line-height:1.6}.ra{background:#eef5f1;border:1px solid #cfe6da;border-radius:10px;padding:10px 12px;line-height:1.7}.sub-tag2{display:block;font-weight:800;font-size:.78rem;color:var(--primary-2);margin-bottom:4px}.next-wrap{text-align:center;margin:6px 0 18px}.progress{font-size:.82rem;font-weight:700;color:var(--muted);margin:0 0 10px;letter-spacing:.05em}.content-text .katex-display,.reveal-box .katex-display{overflow-x:auto;overflow-y:hidden;padding:4px 0}.katex{font-size:1.04em}.mode-toggle{display:flex;align-items:center;gap:12px;text-align:left;background:var(--grad-soft);border:1px solid #cfe6da;border-radius:14px;padding:12px 14px;margin:4px 0;cursor:pointer}.mode-toggle input{display:none}.mode-knob{flex-shrink:0;width:46px;height:27px;border-radius:999px;background:#c7d6cd;position:relative;transition:background .2s}.mode-knob:after{content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s}.mode-toggle.on .mode-knob{background:var(--primary)}.mode-toggle.on .mode-knob:after{transform:translateX(19px)}.mode-text{font-size:.9rem;font-weight:700;color:#3a4a52;line-height:1.4}.mode-text small{display:block;font-size:.74rem;font-weight:400;color:var(--muted);margin-top:2px}.mode-menu{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.mode-card{text-align:center;padding:20px 12px;border-radius:16px;border:2px solid var(--line);background:#fff;cursor:pointer;font-weight:700;color:var(--primary-2)}.mode-card .ico{font-size:2rem;display:block;margin-bottom:6px}.mode-card small{display:block;font-weight:400;font-size:.76rem;color:var(--muted);margin-top:4px}