:root{--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 999px;--font-sans: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", "Yu Gothic", Meiryo, system-ui, -apple-system, sans-serif;--fs-xs: .75rem;--fs-sm: .875rem;--fs-md: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.375rem;--fs-2xl: 1.75rem;--lh-relaxed: 1.75;--lh-normal: 1.5;--app-max-width: 640px;--nav-height: 64px;--touch-min: 44px;--bg: #f5f7fa;--bg-elevated: #ffffff;--bg-sunken: #eef1f5;--surface-hover: #f0f4f8;--border: #d9e0e8;--border-strong: #b9c4d0;--text: #1a2733;--text-muted: #5b6b7a;--text-faint: #8a97a5;--primary: #0f766e;--primary-hover: #0d655e;--primary-soft: #d5efeb;--primary-contrast: #ffffff;--accent: #1d6fb8;--accent-soft: #dbeafe;--success: #157347;--success-soft: #d6f0e0;--success-border: #9dd6b6;--danger: #c0392b;--danger-soft: #fbe0dc;--danger-border: #e6a89f;--warning: #b7791f;--warning-soft: #fbf0d9;--freq-high: #b7791f;--freq-high-soft: #fbf0d9;--freq-std: #5b6b7a;--freq-std-soft: #eef1f5;--freq-low: #7a8794;--freq-low-soft: #f0f4f8;--shadow-sm: 0 1px 2px rgba(16, 33, 51, .06), 0 1px 3px rgba(16, 33, 51, .08);--shadow-md: 0 2px 8px rgba(16, 33, 51, .08), 0 4px 16px rgba(16, 33, 51, .06);--shadow-lg: 0 8px 32px rgba(16, 33, 51, .14);--chart-new: #0d9488;--chart-review: #2563eb;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0b1220;--bg-elevated: #141d2e;--bg-sunken: #0a1019;--surface-hover: #1b2537;--border: #26324a;--border-strong: #3a4a68;--text: #e6edf5;--text-muted: #9fb0c4;--text-faint: #6b7c93;--primary: #2dd4bf;--primary-hover: #5eead4;--primary-soft: #0f3a37;--primary-contrast: #06201e;--accent: #60a5fa;--accent-soft: #16304f;--success: #4ade80;--success-soft: #123324;--success-border: #1f5c3d;--danger: #f87171;--danger-soft: #3a1a18;--danger-border: #6b2b26;--warning: #fbbf24;--warning-soft: #33280f;--freq-high: #fbbf24;--freq-high-soft: #33280f;--freq-std: #9fb0c4;--freq-std-soft: #1b2537;--freq-low: #6b7c93;--freq-low-soft: #151d2c;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 8px rgba(0, 0, 0, .35), 0 4px 16px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--chart-new: #0d9488;--chart-review: #3b82f6;color-scheme:dark}}:root[data-brand=ocim]{--bg: #f3f6fb;--bg-sunken: #e9eef7;--surface-hover: #edf2f9;--border: #d5deeb;--border-strong: #b3c2d8;--primary: #014d9d;--primary-hover: #013e7e;--primary-soft: #e1ebf7;--primary-contrast: #ffffff;--accent: #ce451c;--accent-soft: #fbe6de;--hero-grad-end: #0468c8}@media(prefers-color-scheme:dark){:root[data-brand=ocim]:not([data-theme=light]){--bg: #0c1526;--bg-elevated: #142138;--bg-sunken: #0a111f;--surface-hover: #1b2a45;--border: #263756;--border-strong: #3b5177;--primary: #6ea8e8;--primary-hover: #8fbdf0;--primary-soft: #12294a;--primary-contrast: #071527;--accent: #e8825d;--accent-soft: #3a1d10;--hero-grad-end: #1d3f6e}}:root[data-brand=ocim][data-theme=dark]{--bg: #0c1526;--bg-elevated: #142138;--bg-sunken: #0a111f;--surface-hover: #1b2a45;--border: #263756;--border-strong: #3b5177;--primary: #6ea8e8;--primary-hover: #8fbdf0;--primary-soft: #12294a;--primary-contrast: #071527;--accent: #e8825d;--accent-soft: #3a1d10;--hero-grad-end: #1d3f6e}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{--bg: #0b1220;--bg-elevated: #141d2e;--bg-sunken: #0a1019;--surface-hover: #1b2537;--border: #26324a;--border-strong: #3a4a68;--text: #e6edf5;--text-muted: #9fb0c4;--text-faint: #6b7c93;--primary: #2dd4bf;--primary-hover: #5eead4;--primary-soft: #0f3a37;--primary-contrast: #06201e;--accent: #60a5fa;--accent-soft: #16304f;--success: #4ade80;--success-soft: #123324;--success-border: #1f5c3d;--danger: #f87171;--danger-soft: #3a1a18;--danger-border: #6b2b26;--warning: #fbbf24;--warning-soft: #33280f;--freq-high: #fbbf24;--freq-high-soft: #33280f;--freq-std: #9fb0c4;--freq-std-soft: #1b2537;--freq-low: #6b7c93;--freq-low-soft: #151d2c;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 8px rgba(0, 0, 0, .35), 0 4px 16px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--chart-new: #0d9488;--chart-review: #3b82f6;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);font-size:var(--fs-md);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none}#root{min-height:100dvh}h1,h2,h3,h4,p,ul,ol{margin:0}button{font-family:inherit;font-size:inherit;cursor:pointer}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.app-shell{max-width:var(--app-max-width);margin:0 auto;min-height:100dvh;background:var(--bg);position:relative}.screen{padding:var(--sp-4);padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom) + var(--sp-5));animation:fade-in .22s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.screen-header{padding:calc(env(safe-area-inset-top) + var(--sp-2)) 0 var(--sp-4)}.screen-title{font-size:var(--fs-2xl);font-weight:700;letter-spacing:-.01em}.screen-subtitle{color:var(--text-muted);font-size:var(--fs-sm);margin-top:var(--sp-1);line-height:var(--lh-normal)}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:var(--sp-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--touch-min);padding:0 var(--sp-5);border:1px solid transparent;border-radius:var(--radius-md);font-weight:600;font-size:var(--fs-md);transition:background .15s ease,transform .08s ease,border-color .15s ease;background:var(--bg-sunken);color:var(--text)}.btn:active{transform:scale(.98)}.btn-block{width:100%}.btn-primary{background:var(--primary);color:var(--primary-contrast)}.btn-primary:hover{background:var(--primary-hover)}.btn-outline{background:transparent;border-color:var(--border-strong);color:var(--text)}.btn-outline:hover{background:var(--surface-hover)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{background:var(--surface-hover);color:var(--text)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-lg{min-height:52px;font-size:var(--fs-lg)}.btn-sm{min-height:36px;padding:0 var(--sp-3);font-size:var(--fs-sm)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:600;line-height:1.6}.badge-high{background:var(--freq-high-soft);color:var(--freq-high)}.badge-std{background:var(--freq-std-soft);color:var(--freq-std)}.badge-low{background:var(--freq-low-soft);color:var(--freq-low)}.badge-ai{background:var(--accent-soft);color:var(--accent)}.badge-count{background:var(--danger-soft);color:var(--danger)}.badge-neutral{background:var(--bg-sunken);color:var(--text-muted)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--app-max-width);height:calc(var(--nav-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,1fr);background:color-mix(in srgb,var(--bg-elevated) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);z-index:50}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:none;background:none;color:var(--text-faint);font-size:.68rem;font-weight:600;padding:var(--sp-1);position:relative;transition:color .15s ease}.nav-item.active{color:var(--primary)}.nav-item svg{width:24px;height:24px}.nav-badge{position:absolute;top:6px;right:50%;margin-right:-22px;min-width:16px;height:16px;padding:0 4px;border-radius:var(--radius-full);background:var(--danger);color:#fff;font-size:.6rem;display:flex;align-items:center;justify-content:center;line-height:1}.stack{display:flex;flex-direction:column}.stack-2{gap:var(--sp-2)}.stack-3{gap:var(--sp-3)}.stack-4{gap:var(--sp-4)}.row{display:flex;align-items:center}.row-between{display:flex;align-items:center;justify-content:space-between}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.wrap{flex-wrap:wrap}.grow{flex:1}.text-muted{color:var(--text-muted)}.text-faint{color:var(--text-faint)}.text-sm{font-size:var(--fs-sm)}.text-xs{font-size:var(--fs-xs)}.text-lg{font-size:var(--fs-lg)}.fw-600{font-weight:600}.fw-700{font-weight:700}.mono-num{font-variant-numeric:tabular-nums}.progress{height:6px;border-radius:var(--radius-full);background:var(--bg-sunken);overflow:hidden}.progress-fill{height:100%;background:var(--primary);border-radius:var(--radius-full);transition:width .3s ease}.empty-state{text-align:center;padding:var(--sp-7) var(--sp-4);color:var(--text-muted)}.empty-state .emoji{font-size:2.5rem;margin-bottom:var(--sp-3)}.empty-state h3{font-size:var(--fs-lg);color:var(--text);margin-bottom:var(--sp-2)}.quiz{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;width:100%;max-width:var(--app-max-width);margin:0 auto;background:var(--bg);display:flex;flex-direction:column;overflow-y:auto}.quiz-topbar{display:flex;align-items:center;gap:var(--sp-3);padding:calc(env(safe-area-inset-top) + var(--sp-2)) var(--sp-4) var(--sp-3);position:sticky;top:0;background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}.quiz-close{border:none;background:var(--bg-sunken);color:var(--text-muted);width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.quiz-close svg{width:20px;height:20px}.quiz-counter{font-size:var(--fs-sm);font-weight:600;color:var(--text-muted);white-space:nowrap;font-variant-numeric:tabular-nums}.quiz-body{flex:1;padding:var(--sp-2) var(--sp-4) var(--sp-6)}.quiz-meta{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center;margin-bottom:var(--sp-3);font-size:var(--fs-xs);color:var(--text-faint)}.quiz-premise{background:var(--bg-sunken);border-left:3px solid var(--border-strong);border-radius:var(--radius-sm);padding:var(--sp-3);font-size:var(--fs-sm);color:var(--text-muted);line-height:var(--lh-relaxed);margin-bottom:var(--sp-3);white-space:pre-wrap}.quiz-question{font-size:var(--fs-lg);font-weight:600;line-height:var(--lh-relaxed);margin-bottom:var(--sp-2);white-space:pre-wrap}.quiz-instruction{font-size:var(--fs-sm);color:var(--accent);font-weight:600;margin-bottom:var(--sp-4)}.choice-list{display:flex;flex-direction:column;gap:var(--sp-3)}.choice{display:flex;align-items:flex-start;gap:var(--sp-3);min-height:var(--touch-min);padding:var(--sp-3) var(--sp-4);border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);text-align:left;line-height:var(--lh-normal);transition:border-color .15s ease,background .15s ease;width:100%;color:var(--text)}.choice:active{transform:scale(.995)}.choice.selected{border-color:var(--primary);background:var(--primary-soft)}.choice-marker{flex-shrink:0;width:28px;height:28px;border-radius:var(--radius-full);border:1.5px solid var(--border-strong);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--fs-sm);color:var(--text-muted)}.choice.selected .choice-marker{border-color:var(--primary);background:var(--primary);color:var(--primary-contrast)}.choice-text{flex:1;padding-top:2px;white-space:pre-wrap}.choice.correct{border-color:var(--success-border);background:var(--success-soft)}.choice.correct .choice-marker{border-color:var(--success);background:var(--success);color:#fff}.choice.wrong{border-color:var(--danger-border);background:var(--danger-soft)}.choice.wrong .choice-marker{border-color:var(--danger);background:var(--danger);color:#fff}.choice.graded{cursor:default}.choice-verdict{flex-shrink:0;display:flex;align-items:center;gap:2px;font-size:var(--fs-xs);font-weight:700;align-self:center}.choice-verdict svg{width:18px;height:18px}.choice-verdict.ok{color:var(--success)}.choice-verdict.ng{color:var(--danger)}.choice-tags{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:4px;align-self:center}.choice-tag{font-size:.62rem;font-weight:700;padding:1px 7px;border-radius:var(--radius-full);white-space:nowrap}.choice-tag.you{background:var(--accent-soft);color:var(--accent)}.explanation{margin-top:var(--sp-4);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);animation:fade-in .25s ease}.explanation-head{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);font-weight:700}.explanation-head.ok{background:var(--success-soft);color:var(--success)}.explanation-head.ng{background:var(--danger-soft);color:var(--danger)}.explanation-head svg{width:22px;height:22px}.explanation-body{padding:var(--sp-4);background:var(--bg-elevated);font-size:var(--fs-sm);line-height:var(--lh-relaxed);white-space:pre-wrap}.explanation-section-label{display:inline-block;font-weight:700;color:var(--primary);margin:var(--sp-2) 0 var(--sp-1)}.quiz-actions{position:sticky;bottom:0;padding:var(--sp-3) var(--sp-4) calc(env(safe-area-inset-bottom) + var(--sp-3));background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border)}.result-hero{text-align:center;padding:var(--sp-6) var(--sp-4)}.result-score{font-size:3rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.result-ring{width:120px;height:120px;margin:0 auto var(--sp-4)}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;margin:0 auto var(--sp-3);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.screen,.explanation,.spinner{animation:none}.choice:active,.btn:active{transform:none}}.hero-card{background:linear-gradient(135deg,var(--primary),var(--hero-grad-end, var(--accent)));color:#fff;border-radius:var(--radius-lg);padding:var(--sp-5);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;right:-30px;top:-30px;width:140px;height:140px;border-radius:50%;background:#ffffff1a}.hero-eyebrow{font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;opacity:.85;text-transform:uppercase}.hero-title{font-size:var(--fs-2xl);font-weight:800;margin:var(--sp-1) 0 var(--sp-2)}.hero-sub{font-size:var(--fs-sm);opacity:.9;line-height:var(--lh-normal);position:relative;z-index:1}.hero-card .btn{margin-top:var(--sp-4);background:#fff;color:var(--primary);position:relative;z-index:1}.menu-card{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4);width:100%;text-align:left;color:var(--text);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);transition:background .15s ease,border-color .15s ease}.menu-card:hover{background:var(--surface-hover)}.menu-card:active{transform:scale(.995)}.menu-icon{flex-shrink:0;width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--primary-soft);color:var(--primary)}.menu-icon svg{width:26px;height:26px}.menu-icon.accent{background:var(--accent-soft);color:var(--accent)}.menu-body{flex:1;min-width:0}.menu-title{font-weight:700;font-size:var(--fs-md);display:flex;align-items:center;gap:var(--sp-2)}.menu-desc{font-size:var(--fs-sm);color:var(--text-muted);margin-top:2px;line-height:var(--lh-normal)}.menu-card .chevron{color:var(--text-faint);flex-shrink:0}.menu-card .chevron svg{width:20px;height:20px}.list-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);width:100%;text-align:left;color:var(--text);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);transition:background .15s ease}.list-item:hover{background:var(--surface-hover)}.list-item:active{transform:scale(.996)}.list-item-body{flex:1;min-width:0}.list-item-title{font-weight:600}.list-item-meta{font-size:var(--fs-xs);color:var(--text-muted);margin-top:2px;display:flex;gap:var(--sp-2);align-items:center;flex-wrap:wrap}.list-item-right{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0}.rec-card{padding:var(--sp-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);border-left-width:4px}.rec-card.priority{border-left-color:var(--danger)}.rec-card.needs{border-left-color:var(--warning)}.rec-card.gap{border-left-color:var(--freq-std);border-style:dashed}.rec-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.rec-cat{font-weight:700;font-size:var(--fs-md)}.rec-reason{font-size:var(--fs-sm);color:var(--text-muted);margin-top:var(--sp-2);line-height:var(--lh-relaxed)}.rec-level{font-size:var(--fs-xs);font-weight:700;padding:2px 10px;border-radius:var(--radius-full)}.rec-level.priority{background:var(--danger-soft);color:var(--danger)}.rec-level.needs{background:var(--warning-soft);color:var(--warning)}.rec-level.gap{background:var(--bg-sunken);color:var(--text-muted)}.segment{display:flex;background:var(--bg-sunken);border-radius:var(--radius-md);padding:3px;gap:3px}.segment button{flex:1;min-height:40px;border:none;background:transparent;color:var(--text-muted);font-weight:600;font-size:var(--fs-sm);border-radius:calc(var(--radius-md) - 3px);transition:background .15s ease,color .15s ease}.segment button.active{background:var(--bg-elevated);color:var(--text);box-shadow:var(--shadow-sm)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3)}.stat-tile{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-3);text-align:center}.stat-value{font-size:var(--fs-xl);font-weight:800;font-variant-numeric:tabular-nums}.stat-label{font-size:var(--fs-xs);color:var(--text-muted);margin-top:2px}.section-label{font-size:var(--fs-sm);font-weight:700;color:var(--text-muted);margin:var(--sp-5) 0 var(--sp-2)}.section-label:first-child{margin-top:0}.weekly-chart{display:flex;align-items:flex-end;gap:var(--sp-2);height:120px;padding-top:var(--sp-2)}.weekly-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end}.weekly-bar{width:100%;max-width:28px;background:var(--primary);border-radius:var(--radius-sm) var(--radius-sm) 0 0;min-height:3px;transition:height .3s ease}.weekly-bar.empty{background:var(--bg-sunken)}.weekly-label{font-size:.62rem;color:var(--text-faint)}.theme-toggle{display:flex;gap:var(--sp-2)}.theme-toggle button{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--sp-3);border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text-muted);font-size:var(--fs-xs);font-weight:600}.theme-toggle button.active{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.theme-toggle button svg{width:22px;height:22px}.update-banner{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--accent-soft);color:var(--accent);border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:600}.info-banner{padding:var(--sp-4);border-radius:var(--radius-md);background:var(--primary-soft);border:1px solid color-mix(in srgb,var(--primary) 25%,transparent)}.info-banner .info-title{font-weight:700;color:var(--primary)}.benefit-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--sp-2)}.benefit-list li{display:flex;align-items:flex-start;gap:var(--sp-2);font-size:var(--fs-sm);line-height:var(--lh-normal)}.benefit-list li svg{flex-shrink:0;width:18px;height:18px;color:var(--success);margin-top:2px}.price-row{display:flex;align-items:baseline;gap:var(--sp-3);margin-top:var(--sp-2)}.price-now{font-size:2rem;font-weight:800;color:var(--primary);font-variant-numeric:tabular-nums}.price-was{font-size:var(--fs-sm);color:var(--text-faint);text-decoration:line-through}.license-code{display:block;font-family:Consolas,SFMono-Regular,monospace;font-size:1.15rem;font-weight:700;letter-spacing:.06em;padding:var(--sp-3);background:var(--bg-sunken);border-radius:var(--radius-md);-webkit-user-select:all;user-select:all;word-break:break-all}.legal-body{font-size:var(--fs-sm);line-height:var(--lh-relaxed)}.legal-body h2{font-size:var(--fs-lg);margin:var(--sp-4) 0 var(--sp-3)}.legal-body h3{font-size:var(--fs-md);margin:var(--sp-5) 0 var(--sp-2);color:var(--primary)}.legal-body p{margin:0 0 var(--sp-3)}.legal-body ul{margin:0 0 var(--sp-3);padding-left:1.4em}.legal-body li{margin-bottom:var(--sp-1)}.legal-body table{width:100%;border-collapse:collapse;margin:var(--sp-3) 0;font-size:var(--fs-xs)}.legal-body th,.legal-body td{border:1px solid var(--border);padding:var(--sp-2) var(--sp-3);text-align:left;vertical-align:top}.legal-body th{background:var(--bg-sunken);white-space:nowrap}.plan-banner{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--accent-soft);border-radius:var(--radius-md);font-size:var(--fs-sm)}.plan-banner .grow{color:var(--text-muted)}.plan-banner strong{color:var(--accent)}.school-logo{display:block;height:34px;width:auto;max-width:100%}.school-logo-sub{display:block;margin-top:3px;font-family:Georgia,Times New Roman,Yu Mincho,serif;font-size:.56rem;letter-spacing:.02em;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.school-logo.logo-dark{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .school-logo.logo-light{display:none}:root:not([data-theme=light]) .school-logo.logo-dark{display:block}}:root[data-theme=dark] .school-logo.logo-light{display:none}:root[data-theme=dark] .school-logo.logo-dark{display:block}.install-banner{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--nav-height) + env(safe-area-inset-bottom) + var(--sp-2));width:min(100% - var(--sp-4) * 2,calc(var(--app-max-width) - var(--sp-4) * 2));z-index:55;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-4);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:fade-in .3s ease}.install-banner-icon{flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-md);background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center}.install-banner-icon svg{width:22px;height:22px}.install-banner-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.install-banner-body strong{font-size:var(--fs-sm)}.install-banner-body .text-xs{color:var(--text-muted);line-height:1.35}.install-banner-close{flex-shrink:0;border:none;background:none;color:var(--text-faint);width:28px;height:28px;display:flex;align-items:center;justify-content:center}.install-banner-close svg{width:16px;height:16px}.install-steps{margin:0;padding-left:1.3em;display:flex;flex-direction:column;gap:var(--sp-3);font-size:var(--fs-sm);line-height:var(--lh-normal)}.install-steps li::marker{color:var(--primary);font-weight:700}.history-verdict{flex-shrink:0;width:28px;height:28px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.history-verdict svg{width:18px;height:18px}.history-verdict.ok{background:var(--success-soft);color:var(--success)}.history-verdict.ng{background:var(--danger-soft);color:var(--danger)}.trend-table{width:100%;border-collapse:collapse;font-size:var(--fs-xs);margin-top:var(--sp-2);font-variant-numeric:tabular-nums}.trend-table th,.trend-table td{padding:4px 8px;text-align:right;border-bottom:1px solid var(--border);white-space:nowrap}.trend-table th:first-child,.trend-table td:first-child{text-align:left}.trend-table th{color:var(--text-muted);font-weight:600}.app-header{display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top) + var(--sp-2)) 0 var(--sp-3)}.icon-btn{width:40px;height:40px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);display:flex;align-items:center;justify-content:center}.icon-btn svg{width:20px;height:20px}