:root{--red:#c0392b;--red2:#e74c3c;--redL:#fdedec;--redXL:#fef9f8;--ink:#1a0a08;--ink2:#2c1510;--ink3:#3d1f18;--sand:#f5f0ec;--sand2:#ede5df;--sand3:#ddd0c8;--warm:#8b6355;--warmL:#c4a89a;--teal:#0d9488;--tealL:#ccfbf1;--gold:#d97706;--goldL:#fef3c7;--green:#059669;--greenL:#d1fae5;--blue:#2563eb;--blueL:#dbeafe;--white:#fff;--g3:#9ca3af;--g4:#6b7280;--shadow:0 4px 20px #1a0a081a,0 1px 4px #1a0a080f;--shadow-lg:0 16px 48px #1a0a0826,0 4px 12px #1a0a0814}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--ink);background:#0d0605;min-height:100vh;font-family:Noto Sans JP,sans-serif;overflow-x:hidden}.shell{background:var(--sand);flex-direction:column;width:100vw;max-width:390px;height:100vh;margin:0 auto;display:flex;position:relative;overflow:hidden}.appbar{background:var(--ink);border-bottom:2.5px solid var(--red);flex-shrink:0;justify-content:space-between;align-items:center;padding:11px 16px 12px;display:flex}.appbar-logo{color:#fff;align-items:center;gap:7px;font-family:Noto Sans JP,sans-serif;font-size:18px;font-weight:700;display:flex}.appbar-dot{background:var(--red);border-radius:7px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:flex}.appbar-right{align-items:center;gap:8px;display:flex}.avatar{background:linear-gradient(135deg,var(--red),#7b241c);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-family:DM Mono,monospace;font-size:11px;font-weight:700;display:flex}.scroll-area{-webkit-overflow-scrolling:touch;background:var(--sand);flex:1;overflow-y:auto}.scroll-area::-webkit-scrollbar{display:none}.bottomnav{background:var(--white);border-top:1.5px solid var(--sand2);padding:7px 0 env(safe-area-inset-bottom,12px);flex-shrink:0;display:flex}.bn{cursor:pointer;color:var(--g3);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;font-family:Noto Sans JP,sans-serif;font-size:9px;transition:color .15s;display:flex}.bn.active{color:var(--red)}.bn-ic{border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;margin-bottom:1px;font-size:14px;transition:background .15s;display:flex}.bn.active .bn-ic{background:var(--redL)}.page{padding:14px 14px 80px;display:none}#page-login{min-height:100vh;padding:0}.page.show{display:block}.card{background:var(--white);border:1px solid var(--sand2);border-radius:14px;margin-bottom:10px;padding:13px;box-shadow:0 1px 5px #1a0a0812}.card.red-grad{background:linear-gradient(135deg,var(--red) 0%,#922b21 100%);color:#fff;border:none}.card.ink-grad{background:linear-gradient(135deg,var(--ink) 0%,#2c1510 100%);color:#fff;border:none}.card.alert-r{border-left:3px solid var(--red);background:var(--white)}.card.teal-glow{background:linear-gradient(135deg,#0d94880a,#0d948803);border:1px solid #0d948840}.card.gold-card{border-left:3px solid var(--gold);background:var(--goldL)}.h1{color:var(--ink);margin-bottom:2px;font-family:Noto Sans JP,sans-serif;font-size:16px;font-weight:700;line-height:1.4}.h2{color:var(--ink);margin-bottom:5px;font-family:Noto Sans JP,sans-serif;font-size:13px;font-weight:700;line-height:1.4}.sub{color:var(--warm);margin-bottom:10px;font-size:11px;line-height:1.5}.lbl{color:var(--warm);letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:500}.badge{border-radius:20px;align-items:center;gap:3px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.badge.red{background:var(--redL);color:var(--red)}.badge.green{background:var(--greenL);color:#065f46}.badge.teal{background:var(--tealL);color:#0f766e}.badge.gold{background:var(--goldL);color:#92400e}.badge.blue{background:var(--blueL);color:#1d4ed8}.badge.warm{background:var(--sand2);color:var(--warm)}.ai-chip{color:var(--teal);background:#0d94881a;border:1px solid #0d948840;border-radius:8px;align-items:center;gap:5px;padding:3px 9px;font-size:10px;font-weight:500;display:inline-flex}.ai-dot{background:var(--teal);border-radius:50%;width:5px;height:5px;animation:1.4s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.prog{background:var(--sand2);border-radius:3px;height:6px;margin-bottom:3px;overflow:hidden}.prog-fill{background:linear-gradient(90deg,var(--red),var(--red2));border-radius:3px;height:100%;transition:width .4s}.prog-meta{color:var(--warm);justify-content:space-between;font-size:10px;display:flex}.btn{text-align:center;cursor:pointer;border:none;border-radius:11px;width:100%;padding:11px;font-family:Noto Sans JP,sans-serif;font-size:13px;font-weight:700;transition:all .15s;display:block}.btn.red{background:var(--red);color:#fff}.btn.red:hover{background:var(--red2)}.btn.outline{border:1.5px solid var(--red);color:var(--red);background:0 0}.btn.ghost{color:#fff;background:#fff3}.btn.sm{border-radius:8px;width:auto;padding:7px 14px;font-size:11px;display:inline-block}.btn.gray{background:var(--sand2);color:var(--warm)}.divider{background:var(--sand2);height:1px;margin:10px 0}.topic-card{background:var(--white);border:1px solid var(--sand2);cursor:pointer;border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:8px;padding:11px 12px;transition:all .15s;display:flex}.topic-card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.topic-badge-wrap{flex-shrink:0;padding-top:2px}.topic-body .topic-title{color:var(--ink);margin-bottom:3px;font-size:12px;font-weight:600;line-height:1.4}.topic-body .topic-meta{color:var(--warm);font-size:10px}.topic-body .topic-desc{color:var(--g4);margin-top:4px;font-size:11px;line-height:1.55}.topic-urgent{border-left:3px solid var(--red)}.topic-important{border-left:3px solid var(--gold)}.topic-info{border-left:3px solid var(--blue)}.countdown{background:linear-gradient(135deg,var(--red),#7b241c);color:#fff;border-radius:14px;margin-bottom:10px;padding:14px}.cd-label{opacity:.8;letter-spacing:.05em;margin-bottom:2px;font-size:10px}.cd-title{margin-bottom:8px;font-family:Noto Sans JP,sans-serif;font-size:14px;font-weight:700}.cd-nums{align-items:center;gap:6px;display:flex}.cd-block{text-align:center;background:#ffffff26;border-radius:8px;min-width:48px;padding:6px 10px}.cd-n{font-family:DM Mono,monospace;font-size:22px;font-weight:700;line-height:1}.cd-u{opacity:.7;margin-top:1px;font-size:9px}.cd-sep{opacity:.5;font-size:18px;font-weight:300}.quiz-header{background:var(--ink);border-bottom:2px solid var(--red);margin:-14px -14px 14px;padding:13px 14px 11px}.quiz-theme-name{color:var(--warmL);margin-bottom:7px;font-size:11px}.quiz-dots{gap:3px;margin-bottom:8px;display:flex}.qd{background:#ffffff26;border-radius:2px;flex:1;height:3px}.qd.done{background:var(--red2)}.qd.curr{background:var(--gold)}.quiz-meta-row{justify-content:space-between;align-items:center;display:flex}.q-text{color:var(--ink);margin-bottom:14px;font-family:Noto Sans JP,sans-serif;font-size:13.5px;font-weight:700;line-height:1.6}.choice{background:var(--white);border:1.5px solid var(--sand2);color:var(--ink2);cursor:pointer;border-radius:11px;align-items:center;gap:10px;margin-bottom:7px;padding:11px 13px;font-size:12px;transition:all .15s;display:flex}.choice:hover{border-color:var(--sand3);background:var(--sand)}.choice.selected{border-color:var(--red);background:var(--redXL);color:var(--red);font-weight:500}.choice.correct{border-color:var(--green);background:var(--greenL);color:#065f46;font-weight:500}.choice.wrong{border-color:var(--red);background:var(--redL);color:var(--red)}.c-mark{border:1.5px solid var(--sand2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;transition:all .15s;display:flex}.selected .c-mark{background:var(--red);border-color:var(--red);color:#fff}.correct .c-mark{background:var(--green);border-color:var(--green);color:#fff}.wrong .c-mark{background:var(--red);border-color:var(--red);color:#fff}.ai-hint{background:var(--tealL);color:#0f766e;border:1px solid #0d94884d;border-radius:10px;margin-top:10px;padding:10px 12px;font-size:11px;line-height:1.65}.ai-hint-t{align-items:center;gap:4px;margin-bottom:4px;font-size:10px;font-weight:700;display:flex}.ring-wrap{justify-content:center;margin-bottom:14px;display:flex}.ring{width:110px;height:110px;box-shadow:0 0 0 8px var(--redL);border-radius:50%;justify-content:center;align-items:center;display:flex}.ring-in{background:var(--white);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:86px;height:86px;display:flex}.ring-score{font-family:Noto Sans JP,sans-serif;font-size:28px;font-weight:700;line-height:1}.ring-den{color:var(--warm);margin-top:2px;font-size:10px}.whistle-header{background:var(--ink);border-bottom:2px solid var(--red);margin:-14px -14px 14px;padding:13px 14px}.cat-chips{flex-wrap:wrap;gap:5px;margin-bottom:10px;display:flex}.cat-chip{border:1.5px solid var(--sand2);cursor:pointer;background:var(--white);color:var(--warm);border-radius:20px;padding:5px 11px;font-size:11px;font-weight:500;transition:all .15s}.cat-chip.active{background:var(--red);border-color:var(--red);color:#fff}.fake-ta{background:var(--white);border:1.5px solid var(--sand2);color:var(--g4);border-radius:10px;min-height:70px;margin-bottom:10px;padding:10px 12px;font-size:11.5px;line-height:1.65}.toggle{background:var(--green);cursor:pointer;border-radius:10px;flex-shrink:0;width:36px;height:20px;transition:background .2s;position:relative}.toggle:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:right .2s;position:absolute;top:2px;right:2px;box-shadow:0 1px 3px #0003}.toggle.off{background:var(--sand3)}.toggle.off:after{right:18px}.theme-list-item{background:var(--white);border:1px solid var(--sand2);cursor:pointer;border-radius:11px;align-items:center;gap:10px;margin-bottom:7px;padding:11px 13px;transition:all .15s;display:flex}.theme-list-item:hover{box-shadow:var(--shadow)}.theme-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex}.theme-info{flex:1}.theme-name{color:var(--ink);margin-bottom:2px;font-size:12px;font-weight:600}.theme-sub{color:var(--warm);font-size:10px}.theme-status{text-align:right;flex-shrink:0}.theme-score{font-family:DM Mono,monospace;font-size:12px;font-weight:600}.mini-prog{background:var(--sand2);border-radius:2px;width:60px;height:4px;margin-top:3px;overflow:hidden}.mini-prog-fill{border-radius:2px;height:100%}.breakdown-item{border-bottom:1px solid var(--sand2);align-items:center;gap:8px;padding:7px 0;display:flex}.breakdown-item:last-child{border-bottom:none}.bd-q{color:var(--ink2);flex:1;font-size:11px;line-height:1.4}.bd-mark{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;display:flex}.bd-mark.ok{background:var(--greenL);color:var(--green)}.bd-mark.ng{background:var(--redL);color:var(--red)}.page{animation:.2s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.notif-dot{background:var(--red);border-radius:50%;width:7px;height:7px;position:absolute;top:2px;right:2px}.role-row{flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 2px;display:flex}.role-label{color:var(--warm);font-size:11px}.role-seg-wrap{background:var(--sand2);border-radius:20px;padding:2px;display:inline-flex}.role-seg{color:var(--warm);cursor:pointer;background:0 0;border:none;border-radius:18px;padding:5px 14px;font-family:inherit;font-size:11px;font-weight:700}.role-seg.active{color:var(--ink);background:#fff;box-shadow:0 1px 3px #0000001f}.role-badge{background:var(--redL);color:var(--red);border-radius:20px;padding:3px 9px;font-size:10px;font-weight:700}.mgr-note{color:#1a5276;background:#ebf5fb;border:1px solid #aed6f1;border-radius:8px;margin-bottom:10px;padding:8px 10px;font-size:11px;line-height:1.6}