:root{--c-ink:#18181b;--c-bg:#fff;--c-accent:#15803d;--c-accent-2:#f97316;--c-brand-grad:linear-gradient(90deg, #15803d, #0f766e);--c-muted:#52525b;--c-line:#e4e4e7;--c-ok:#16a34a;--c-ng:#dc2626;--c-on-accent:#fff;--c-surface-2:#f4f4f5;--bg:var(--c-surface-2);--surface:var(--c-bg);--text:var(--c-ink);--muted:var(--c-muted);--line:var(--c-line);--accent:var(--c-accent);--accent-soft:#ecfdf5;--ok:var(--c-ok);--ok-soft:#dcfce7;--ng:var(--c-ng);--ng-soft:#fee2e2;--warn:var(--c-accent-2);--radius:14px;--tap:48px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%;font-family:system-ui,Noto Sans JP,sans-serif;line-height:1.6}@media (prefers-color-scheme:dark){:root{--c-ink:#f4f4f5;--c-bg:#18181b;--c-accent:#34d399;--c-muted:#a1a1aa;--c-line:#3f3f46;--c-ok:#4ade80;--c-ng:#f87171;--c-on-accent:#18181b;--c-surface-2:#09090b;--accent-soft:#123b37;--ok-soft:#14301f;--ng-soft:#3b1515;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}button,input,select,textarea{font:inherit;color:inherit}h1{margin:8px 0 16px;font-size:1.4rem}h2{margin:0 0 12px;font-size:1.05rem}.app{max-width:720px;min-height:100dvh;margin:0 auto}main{padding:max(16px, env(safe-area-inset-top)) 16px calc(96px + env(safe-area-inset-bottom))}.loading{text-align:center;color:var(--muted);padding:40px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:16px;padding:16px}.card.empty{text-align:center}.lead{color:var(--muted);margin-top:-8px}.source{color:var(--muted);margin:-4px 0 10px;font-size:.75rem}.hint{color:var(--muted);margin:8px 0 0;font-size:.85rem}.disclaimer{color:var(--muted);text-align:center;margin:8px 0 16px;font-size:.75rem}.disclaimer .link{font-size:inherit}.notes li{margin-bottom:8px;line-height:1.6}.center{text-align:center}.row{flex-wrap:wrap;gap:8px;display:flex}.row.spread{justify-content:space-between}ul.plain{margin:0 0 12px;padding-left:1.2em}.btn{cursor:pointer;min-height:var(--tap);border:1px solid #0000;border-radius:10px;padding:10px 16px;font-weight:600}.btn.primary{background:var(--accent);color:var(--c-on-accent)}.btn.secondary{background:var(--surface);border-color:var(--line)}.btn.danger{border-color:var(--ng);color:var(--ng);background:0 0;margin-top:12px}.btn:disabled{opacity:.5;cursor:default}.btn.block{width:100%;margin-top:12px}.btn.file{position:relative;overflow:hidden}.btn.file input{opacity:0;cursor:pointer;position:absolute;inset:0}.link{color:var(--accent);cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.meta{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;display:flex}.chip{background:var(--accent-soft);color:var(--accent);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:.75rem}.chip.quiet{border:1px solid var(--line);color:var(--muted);background:0 0}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip-toggle{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:.9rem}.chip-toggle.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.segmented{background:var(--surface);border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr 1fr;margin-bottom:16px;padding:4px;display:grid}.segmented.three{grid-template-columns:repeat(3,1fr)}.segmented button{cursor:pointer;background:0 0;border:0;border-radius:9px;padding:10px 4px;font-size:.9rem}.segmented button.on{background:var(--accent);color:var(--c-on-accent);font-weight:600}.form fieldset{border:0;margin:0 0 14px;padding:0}.form legend,.field>span{color:var(--muted);margin-bottom:6px;font-size:.85rem;display:block}.field{margin-bottom:14px;display:block}.field-row{flex-wrap:wrap;gap:12px;display:flex}.field-row .field{flex:120px}select,input[type=date],textarea{background:var(--bg);border:1px solid var(--line);border-radius:10px;width:100%;padding:10px}textarea{resize:vertical}textarea.prompt{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.8rem}.check{align-items:flex-start;gap:8px;margin:8px 0 12px;font-size:.9rem;display:flex}.check input{margin-top:5px}.countdown p{margin:0}.big-inline{color:var(--accent);margin:0 4px;font-size:1.8rem}.today-counts,.stats-grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.num{font-size:1.6rem;font-weight:700;display:block}.label{color:var(--muted);font-size:.75rem}.bars{margin:0;padding:0;list-style:none}.bars li{grid-template-columns:minmax(0,9em) 1fr 3em;align-items:center;gap:8px;padding:4px 0;font-size:.85rem;display:grid}.result .bars li{grid-template-columns:1fr auto}.bar-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bar-track{background:var(--bg);border-radius:5px;height:10px;position:relative}.bar-fill{background:var(--accent);border-radius:5px;position:absolute;inset:0 auto 0 0}.bar-fill.warn{background:var(--warn)}.bar-pass{background:var(--muted);width:2px;position:absolute;top:-3px;bottom:-3px;left:60%}.bar-value{text-align:right;font-variant-numeric:tabular-nums}.session-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.progress-text{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.9rem}.progress{background:var(--line);border-radius:2px;height:4px;margin-bottom:16px}.progress div{background:var(--c-brand-grad);border-radius:2px;height:100%;transition:width .3s}.question-text{margin:0 0 16px;font-size:1.05rem}.options{gap:8px;display:grid}.options.tf{grid-template-columns:1fr 1fr}.options.tf .option{justify-content:center;font-size:1.6rem}.option{text-align:left;border:2px solid var(--line);background:var(--surface);cursor:pointer;min-height:var(--tap);border-radius:12px;align-items:flex-start;gap:10px;padding:12px;display:flex}.option-no{background:var(--bg);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:.8rem;font-weight:700;display:grid}.option.selected{border-color:var(--accent);background:var(--accent-soft)}.option.correct{border-color:var(--ok);background:var(--ok-soft)}.option.wrong{border-color:var(--ng);background:var(--ng-soft)}.option.dim{opacity:.55}.option:disabled{cursor:default}.confidence{margin-top:16px}.confidence .row button{flex:1}.feedback{border-radius:12px;margin-top:16px;padding:14px}.feedback.ok{background:var(--ok-soft)}.feedback.ng{background:var(--ng-soft)}.verdict{margin:0 0 6px;font-weight:700}.feedback.ok .verdict{color:var(--ok)}.feedback.ng .verdict{color:var(--ng)}.explanation{white-space:pre-wrap;margin:0}.flip{perspective:1200px;cursor:pointer;background:0 0;border:0;width:100%;height:260px;padding:0;display:block}.flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.7,.2,1);display:block;position:relative}.flip.is-flipped .flip-inner{transform:rotateY(180deg)}.flip-face{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);backface-visibility:hidden;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex;position:absolute;inset:0}.flip-face.back{background:var(--accent-soft);transform:rotateY(180deg)}.face-label{color:var(--muted);font-size:.75rem;position:absolute;top:10px;left:14px}.face-text{text-align:center;font-size:1.35rem;font-weight:700}.face-text.small{font-size:1.05rem;font-weight:500}:root[data-reduce-motion=true] .flip-inner{transition:none;transform:none!important}:root[data-reduce-motion=true] .flip-face{transition:opacity .25s;transform:none}:root[data-reduce-motion=true] .flip-face.back,:root[data-reduce-motion=true] .flip.is-flipped .flip-face.front{opacity:0}:root[data-reduce-motion=true] .flip.is-flipped .flip-face.back{opacity:1}@media (prefers-reduced-motion:reduce){.flip-inner,.progress div{transition:none}}.grades{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:16px;display:grid}.grades .btn{padding:10px 4px;font-size:.85rem}.timer{font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:700}.timer.urgent{color:var(--ng)}.numpad{grid-template-columns:repeat(10,1fr);gap:4px;margin-bottom:12px;display:grid}.numpad .num{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:6px;padding:6px 0;font-size:.8rem;font-weight:600}.numpad .num.answered{background:var(--accent-soft);color:var(--accent)}.numpad .num.flagged{border-color:var(--warn);box-shadow:inset 0 -3px 0 var(--warn)}.numpad .num.current{outline:2px solid var(--accent)}.flag{align-items:center;gap:4px;margin-left:auto;font-size:.85rem;display:flex}.result .big{margin:0 0 12px;font-size:2rem;font-weight:700}.unit{color:var(--muted);font-size:.9rem;font-weight:400}.verdict-big{margin:0;font-size:1.2rem;font-weight:700}.result.pass .verdict-big{color:var(--ok)}.result.fail .verdict-big{color:var(--ng)}.missed{padding-left:1.2em}.missed li{margin-bottom:6px}details.review summary{cursor:pointer}details.review .mark{font-weight:700}details.review.ok .mark{color:var(--ok)}details.review.ng .mark{color:var(--ng)}.radar{height:360px;margin-bottom:12px;position:relative}.table{border-collapse:collapse;width:100%;font-size:.85rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:6px 4px}.materials summary{cursor:pointer;font-weight:700}.materials>p{margin:8px 0 0;font-size:.9rem}.material{margin-top:16px}.material h3{margin:0 0 6px;font-size:.95rem}.material p{margin:0 0 6px;font-size:.9rem}.table-scroll{overflow-x:auto}.material .table td,.material .table th{border:1px solid var(--line);padding:4px 6px}.material .table.wide td,.material .table.wide th{white-space:nowrap}.material .table.wide td:first-child{white-space:normal;min-width:7em}.material-notes{color:var(--muted);margin:6px 0 0;padding-left:1.2em;font-size:.8rem}.exam-list{margin:12px 0;padding:0;list-style:none}.exam-list li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.warn-text{color:var(--warn);font-weight:600}.week{text-align:center;grid-template-columns:repeat(7,1fr);margin:0;padding:0;list-style:none;display:grid}.week .day{color:var(--muted);font-size:.75rem;display:block}.week .count{font-size:1.1rem;font-weight:700}.notice{border-radius:10px;margin-top:12px;padding:12px;font-size:.9rem}.notice.ok{background:var(--ok-soft)}.notice.ng{background:var(--ng-soft)}.notice p{margin:0}.set-row{justify-content:space-between;gap:8px;display:flex}.about p{font-size:.9rem}.tabbar{background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(6,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar button{color:var(--muted);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:8px 0 6px;font-size:.65rem;display:flex}.tabbar svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.tabbar button.on{color:var(--accent);font-weight:700}@media (width>=720px){.tabbar{border:1px solid var(--line);border-bottom:0;border-radius:14px 14px 0 0;max-width:720px;margin:0 auto}.tabbar button{font-size:.75rem}}@font-face{font-family:ITP Title;font-weight:800 900;font-display:swap;src:url(./title-jp-CAjQaAA-.woff2)format("woff2")}.title-screen{--t-bg-1:#022c22;--t-bg-2:#065f46;--t-bg-3:#047857;--t-gold:#fcd34d;--t-text:#fff;--t-text-2:#ffffffe0;--t-glass:#ffffff1a;--t-glass-line:#ffffff38;--t-btn-text:#065f46;min-height:100dvh;color:var(--t-text);text-align:center;background:radial-gradient(120% 60% at 50% 0%, #ffffff1f, transparent 60%), linear-gradient(170deg, var(--t-bg-1) 0%, var(--t-bg-2) 55%, var(--t-bg-3) 100%);font-family:Noto Sans JP,Hiragino Sans,Yu Gothic UI,system-ui,sans-serif;position:relative;overflow:hidden}@media (prefers-color-scheme:dark){.title-screen{--t-bg-1:#01140f;--t-bg-2:#033d2e;--t-bg-3:#065f46;--t-btn-text:#033d2e}}.title-backdrop{width:min(100%,560px);height:100%;color:var(--c-on-accent);opacity:.14;pointer-events:none;position:absolute;top:0;left:50%;transform:translate(-50%)}.title-inner{max-width:420px;min-height:100dvh;padding:max(40px, env(safe-area-inset-top)) 24px max(24px, env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex;position:relative}.title-body{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.title-logo{font-synthesis:none;background:#0f766e;border-radius:24px;align-content:center;place-items:center;gap:6px;width:112px;height:112px;margin-bottom:24px;font-family:Noto Sans JP,Hiragino Sans,sans-serif;display:grid;box-shadow:0 12px 28px #0000004d,inset 0 0 0 2px #ffffff59}.title-logo-mark{letter-spacing:.02em;font-size:2.3rem;font-weight:900;line-height:1}.title-logo-tag{letter-spacing:.08em;border-top:2px solid #ffffffb3;padding-top:6px;font-size:.95rem;font-weight:900;line-height:1}.title-kicker{letter-spacing:.06em;color:var(--t-text-2);margin:0 0 8px;font-size:.8rem}.title-name{font-synthesis:none;flex-direction:column;margin:0;font-family:Noto Sans JP,Hiragino Sans,Yu Gothic UI,sans-serif;line-height:1.2;display:flex}.title-name-main{letter-spacing:.04em;font-size:clamp(1.9rem,9vw,2.6rem);font-weight:900}.title-name-sub{letter-spacing:.04em;font-size:1.4rem;font-weight:800}.title-rule{background:var(--t-gold);border-radius:2px;width:48px;height:3px;margin:16px 0 12px;display:block}.title-sub{color:var(--t-text-2);margin:0 0 28px;font-size:.95rem}.title-stats{grid-template-columns:repeat(2,1fr);gap:8px;width:100%;margin:0;padding:0;list-style:none;display:grid}.title-stats li{background:var(--t-glass);border:1px solid var(--t-glass-line);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:14px;flex-direction:column;gap:2px;padding:12px 4px 10px;display:flex}.title-stat-label{color:var(--t-text-2);font-size:.75rem}.title-stat-value{font-size:.8rem}.title-stat-value strong{font-variant-numeric:tabular-nums;margin-right:2px;font-size:1.7rem;font-weight:800;line-height:1.1}.title-countdown{margin:24px 0 0;font-size:.95rem}.title-countdown strong{color:var(--t-gold);font-variant-numeric:tabular-nums;margin:0 4px;font-size:2rem;font-weight:800}.title-foot{margin-top:32px}.title-start{letter-spacing:.12em;width:100%;min-height:56px;color:var(--t-btn-text);cursor:pointer;background:#fff;border:0;border-radius:999px;font-size:1.15rem;font-weight:800;transition:transform .1s;box-shadow:0 10px 24px #00000040}.title-start:focus-visible{outline:3px solid var(--t-gold);outline-offset:3px}.title-start:disabled{opacity:.75;cursor:default}.title-start:not(:disabled):active{transform:scale(.98)}.title-note{color:var(--t-text-2);margin:12px 0 0;font-size:.75rem}.title-rise{animation:.6s cubic-bezier(.2,.7,.2,1) both title-rise;animation-delay:calc(var(--i,0) * 70ms)}@keyframes title-rise{0%{opacity:0;transform:translateY(14px)}}:root[data-reduce-motion=true] .title-rise{animation:none}@media (prefers-reduced-motion:reduce){.title-rise{animation:none}}.screen-head{justify-content:space-between;align-items:center;gap:12px;margin:8px 0 16px;display:flex}.screen-head h1{margin:0}.btn.small{min-height:40px;padding:6px 14px;font-size:.9rem}@property --p{syntax:"<number>";inherits:true;initial-value:0}.goal-ring{--p:0;--ring:14px;aspect-ratio:1;background:conic-gradient(var(--c-accent) calc(var(--p) * 1%), var(--c-line) 0);border-radius:50%;place-items:center;width:168px;margin:4px auto 12px;transition:--p .6s cubic-bezier(.2,.7,.2,1);display:grid}.goal-ring.done{background:conic-gradient(var(--c-ok) 100%, var(--c-line) 0)}.goal-ring-inner{width:calc(100% - var(--ring) * 2);aspect-ratio:1;background:var(--c-bg);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex}.goal-ring-num{color:var(--c-ink);font-variant-numeric:tabular-nums;font-size:2.4rem;font-weight:800;line-height:1.1}.goal-ring-num small{color:var(--c-muted);margin-left:2px;font-size:1rem;font-weight:600}.goal-ring-label{color:var(--c-muted);font-size:.8rem}.streak{color:var(--c-accent-2);font-weight:700}.btn-start{background:var(--c-brand-grad);color:#fff;letter-spacing:.08em;cursor:pointer;border:0;border-radius:999px;width:100%;min-height:56px;margin-top:12px;font-size:1.1rem;font-weight:800;transition:transform .1s;display:block;box-shadow:0 8px 20px #15803d59}.btn-start:not(:disabled):active{transform:scale(.98)}.btn-start:focus-visible{outline:3px solid var(--c-accent-2);outline-offset:3px}.btn-start:disabled{background:var(--c-line);color:var(--c-muted);box-shadow:none;cursor:default}@media (prefers-reduced-motion:reduce){.goal-ring{transition:none}}:root[data-reduce-motion=true] .goal-ring{transition:none}.card.question{position:relative}.option .mark{width:28px;height:28px;color:var(--c-bg);background:var(--c-muted);border-radius:50%;flex:none;align-self:center;place-items:center;margin-left:auto;display:grid}.option.correct .mark{background:var(--c-ok)}.option.wrong .mark{background:var(--c-ng)}.options.tf .option .mark{margin-left:8px}.verdict{align-items:center;gap:6px;display:flex}.answer-stamp{pointer-events:none;z-index:2;animation:1.1s ease-out forwards stamp-pop;position:absolute;top:40px;left:50%;transform:translate(-50%)}.answer-stamp.ok{color:var(--c-ok)}.answer-stamp.ng{color:var(--c-ng)}@keyframes stamp-pop{0%{opacity:0;transform:translate(-50%)scale(1.6)}18%{opacity:.9;transform:translate(-50%)scale(1)}70%{opacity:.9;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)scale(1)}}:root[data-reduce-motion=true] .answer-stamp{animation:1.1s linear forwards stamp-fade}@media (prefers-reduced-motion:reduce){.answer-stamp{animation:1.1s linear forwards stamp-fade}}@keyframes stamp-fade{0%,70%{opacity:.9}to{opacity:0}}.today-done{text-align:center;margin:0 0 8px;font-weight:700}.btn.more{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:700}.result .btn.more{margin-bottom:8px}
