:root{--paper:#fbfcfe;--surface:#fbfaf6;--ink:#1d211e;--muted:#505750;--soft:#697169;--rule:#d9d5cb;--accent:#a83a00;--info:#236aa8;--brand:#4a5aad;--selected:#f0f2fb;--success:#eef7f1;--success-border:#26714a;--error:#fff4ec;--error-border:#d4aa8d;--on-accent:#fff}:root[data-theme=dark]{color-scheme:dark;--paper:#11130f;--surface:#191b17;--ink:#f1efe8;--muted:#bec2b9;--soft:#9ca398;--rule:#30342d;--accent:#ff9a5d;--info:#7dc4ff;--brand:#8e9cff;--selected:#232944;--success:#182e22;--success-border:#4eab77;--error:#35251d;--error-border:#996744;--on-accent:#11130f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Inter,system-ui,sans-serif}a{color:var(--info);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--rule);background:var(--paper);color:inherit;border-radius:12px;padding:10px 18px;min-height:44px}button:hover{border-color:var(--accent)}button:disabled{cursor:default;opacity:.6}button.primary,.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--brand);outline-offset:3px}.workspace-header{max-width:1160px;margin:auto;display:flex;align-items:center;gap:24px;padding:18px 24px;border-bottom:1px solid var(--rule)}.app-name{color:var(--muted);border-left:1px solid var(--rule);padding-left:24px;font-size:15px}nav{margin-left:auto;display:flex;gap:20px;font-size:14px}main{max-width:1100px;margin:auto;padding:44px 24px 64px;min-height:75vh}h1{font-size:clamp(28px,4vw,44px);line-height:1.2;letter-spacing:-1.3px;margin:12px 0 16px;font-weight:600}h2{font-size:22px;line-height:1.4;margin:0 0 14px;font-weight:600}h3{font-size:17px;margin:0 0 8px;font-weight:600}p{margin:0 0 16px}.muted,.small{color:var(--muted)}.small{font-size:13px}.eyebrow{color:var(--accent);font-size:12px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase}.intro{max-width:750px}.card{background:var(--surface);border:1px solid var(--rule);border-radius:20px;padding:26px;margin:24px 0}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.spread{justify-content:space-between}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.skill{display:flex;flex-direction:column;gap:8px;min-height:210px;margin:0;background:var(--paper);border:1px solid var(--rule);border-radius:16px;padding:20px}.skill p{font-size:14px;color:var(--muted);flex:1;margin:0}.skill button{align-self:flex-start}.badge{font-size:12px;border-radius:7px;padding:4px 8px;background:var(--selected);color:var(--brand)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric span{display:block;font-size:13px;color:var(--muted)}.metric strong{font-size:28px;font-weight:600}.setup{display:flex;gap:16px;align-items:end;flex-wrap:wrap}.setup label{display:flex;flex-direction:column;gap:6px;font-size:14px}select{padding:10px;border:1px solid var(--rule);border-radius:10px;background:var(--paper)}.question{font-size:21px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.passage{white-space:pre-wrap;line-height:2;font-size:18px;border-left:3px solid var(--brand);padding:0 0 0 20px;margin:20px 0 28px;overflow-wrap:anywhere}.choices{display:grid;gap:10px;margin:24px 0}.choice{text-align:left;display:flex;gap:14px;align-items:start;background:var(--paper);width:100%;font-size:18px;line-height:1.75;padding:14px}.choice .number{flex:none;color:var(--soft);font-size:14px;line-height:2}.choice.selected{border:2px solid var(--brand);background:var(--selected)}.choice.correct{border-color:var(--success-border);background:var(--success)}.choice.wrong{border-color:var(--accent);background:var(--error)}.feedback{padding:24px;margin:24px 0;border:1px solid var(--success-border);background:var(--success);border-radius:16px;overflow-wrap:anywhere}.feedback.wrong{background:var(--error);border-color:var(--error-border)}.feedback h2{font-size:20px}.feedback details{border-top:1px solid var(--rule);padding:10px 0}.feedback summary{cursor:pointer;font-weight:600}.feedback .entry{margin:8px 0;padding-left:12px;border-left:2px solid var(--rule)}.feedback .entry p{margin:6px 0;white-space:pre-wrap}progress{width:100%;height:8px;accent-color:var(--brand);margin:10px 0 20px}textarea{width:100%;padding:12px;min-height:90px;border:1px solid var(--rule);border-radius:12px;background:var(--paper)}footer{max-width:1100px;margin:auto;padding:24px;display:flex;gap:24px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--rule);font-size:13px}#notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:90vw;background:var(--ink);color:var(--on-accent);padding:12px 20px;border-radius:12px;z-index:10}#notice:empty{display:none}.skip{position:absolute;top:-100px;left:20px}.skip:focus{top:10px;z-index:20;background:var(--paper);padding:10px}.empty{padding:16px;background:var(--surface);border-radius:12px}.order-item{display:flex;justify-content:space-between;gap:10px;margin:10px 0;background:var(--paper);padding:12px;border-radius:10px}table{width:100%;border-collapse:collapse;font-size:14px}td,th{padding:12px 8px;border-bottom:1px solid var(--rule);text-align:left}input[type=file]{max-width:100%}@media(max-width:780px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-header{gap:14px;flex-wrap:wrap}nav{width:100%;margin:0;justify-content:space-between}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){main{padding:28px 16px 40px}.workspace-header{padding:16px}.grid{grid-template-columns:1fr}.skill{min-height:0}.card{padding:18px;border-radius:16px}.choice{font-size:16px}.question{font-size:19px}.passage{font-size:17px;padding-left:12px}.feedback{padding:18px}.row button{flex-grow:1}h1{letter-spacing:-.6px}td,th{padding:9px 4px;font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

nav{flex-wrap:wrap;align-items:center;gap:14px}#notice{background:var(--ink);color:var(--paper)}

.confidence{border:0;padding:0;margin:0;min-width:0;flex:1}.confidence legend{font-size:14px;color:var(--muted);margin-bottom:8px}.confidence-options{display:flex;flex-wrap:wrap;gap:10px}.confidence-option{display:flex;align-items:center;gap:10px;padding:10px 14px;min-height:44px;border:1px solid var(--rule);border-radius:12px;cursor:pointer;background:var(--paper)}.confidence-option:has(input:checked){border-color:var(--brand);background:var(--selected)}.confidence-option input{margin:0;accent-color:var(--brand);width:18px;height:18px;flex:none}.confidence-option:focus-within{outline:3px solid var(--brand);outline-offset:3px}

nav .site-theme-toggle{min-height:34px;flex-grow:0;flex-shrink:0}
.study-head{padding:0 0 18px;margin-bottom:18px;border-bottom:1px solid var(--rule)}.study-term{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 18px}.study-head .study-word{font-size:30px;line-height:1.5;font-weight:600;margin:4px 0}.study-reading{font-size:16px;color:var(--muted);overflow-wrap:anywhere}.study-head .study-meaning{font-size:19px;line-height:1.6;margin:4px 0 0}.study-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.study-section{min-width:0;padding:16px;border:1px solid var(--rule);background:var(--paper);border-radius:12px}.study-section h3{font-size:14px;margin:0 0 10px;color:var(--muted)}.study-section:only-child,.study-sections>.study-detail{grid-column:1/-1}.study-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.study-list>li{padding:8px 0;border-bottom:1px solid var(--rule)}.study-list>li:last-child{border-bottom:0;padding-bottom:0}.study-word-row>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px}.study-word-row strong{font-size:18px;font-weight:500}.study-word-row p,.study-text{margin:4px 0;white-space:pre-wrap;overflow-wrap:anywhere}.study-word-row p{font-size:14px;color:var(--muted)}.study-facts{display:grid;gap:12px;margin:0}.study-facts>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px}.study-facts dt{font-size:13px;color:var(--muted)}.study-facts dd{margin:0;min-width:0}.study-facts .study-facts>div{grid-template-columns:1fr;gap:4px}.feedback .study-detail{margin:0;padding:12px 0}.feedback .study-detail summary,.feedback .study-source summary{font-size:14px;font-weight:500}.feedback>.row{margin-top:20px}.feedback .study-source{margin-top:16px}.feedback>h2{font-size:17px;margin-bottom:16px}.feedback>#again{margin-top:20px}@media(max-width:600px){.study-sections{grid-template-columns:1fr}.study-head .study-word{font-size:26px}.study-head .study-meaning{font-size:17px}.study-facts>div{grid-template-columns:1fr;gap:4px}.study-section{padding:14px}}

.feedback.recall{background:var(--surface);border-color:var(--rule)}

body{background:var(--ws-canvas);color:var(--ws-ink)}.workspace-main .skill{background:var(--ws-paper);border-color:var(--ws-line);border-radius:14px;min-height:230px}.skill h2{font-size:17px}.skill progress{margin:0 0 8px;accent-color:var(--ws-accent)}.history-row{display:flex;gap:12px;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid var(--ws-line);font-size:13px}.history-row span{color:var(--ws-muted)}.workspace-header nav{width:auto}.workspace-main .hero{background:#fff6ed}@media(max-width:700px){.workspace-main .grid{grid-template-columns:1fr}.workspace-header{gap:12px}.workspace-header .app-name{padding-left:12px}.workspace-header .workspace-tools{flex-shrink:0}}

.question-target{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.2em}

/* Flashcard composition: one readable study surface and separate recall actions. */
.flashcard-session{--flashcard-accent:#4a5aad;--flashcard-on-accent:#fff;max-width:720px;margin:0 auto}
.flashcard-session>progress{appearance:none;height:5px;border:0;border-radius:10px;overflow:hidden;background:var(--ws-line);margin:18px 0 22px}
.flashcard-session>progress::-webkit-progress-bar{background:var(--ws-line)}
.flashcard-session>progress::-webkit-progress-value{background:var(--flashcard-accent);border-radius:10px}
.flashcard-session>progress::-moz-progress-bar{background:var(--flashcard-accent);border-radius:10px}
.workspace-main .flashcard-session .flashcard{margin:0;padding:22px 28px 18px;border:1px solid var(--ws-line);border-top:3px solid var(--flashcard-accent);border-radius:20px;background:var(--ws-paper);box-shadow:0 12px 32px rgb(25 35 55 / .06);cursor:pointer;text-align:center}
.flashcard>.row .badge{background:var(--selected);color:var(--flashcard-accent);border-radius:6px}
.workspace-main .flashcard-front{width:100%;min-height:280px;padding:32px 12px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:transparent;border:0;color:inherit;border-radius:12px;text-align:center}
.flashcard-front .question{font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:clamp(32px,5vw,52px);font-weight:600;line-height:1.5;margin:0;overflow-wrap:anywhere}
.flashcard-front .small{max-width:40ch;font-size:14px;line-height:1.7}
.flashcard-hint{font-size:12px;color:var(--ws-muted);margin-top:8px}
.flashcard .passage{text-align:left;width:100%;font-size:17px}
.flashcard-back{text-align:left;padding:26px 8px 0;overflow-wrap:anywhere}
.flashcard-back h2{font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:clamp(30px,4vw,44px);line-height:1.5}
.flashcard-back details{margin-top:18px;padding-top:14px;border-top:1px solid var(--ws-line);cursor:default}
.workspace-main .flashcard-return{display:block;margin:18px auto 0;min-height:44px;padding:8px 16px;background:transparent;color:var(--ws-muted);border:0;font-size:13px}
.flashcard-front:focus-visible,.flashcard-return:focus-visible{outline:3px solid var(--flashcard-accent);outline-offset:3px}
.flashcard-rating{border:0;padding:0;margin:22px 0 0;text-align:center;min-width:0}
.flashcard-rating legend{padding:0;margin:0 auto 12px;font-size:14px;color:var(--ws-muted)}
.flashcard-rating .row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.flashcard-rating button{padding:13px 8px;border-radius:12px;font-size:15px;background:var(--ws-paper);border-color:var(--ws-line)}
.flashcard-rating button[data-rate=good]{background:var(--flashcard-accent);border-color:var(--flashcard-accent);color:var(--flashcard-on-accent)}
.flashcard-note{text-align:center;font-size:12px;margin:14px 0 24px}
.flashcard-notes{border-top:1px solid var(--ws-line);padding-top:16px;font-size:14px}
.flashcard-notes summary{cursor:pointer;color:var(--ws-muted)}
.flashcard-notes textarea{margin-top:12px;resize:none}
@media(max-width:480px){.workspace-main .flashcard-session .flashcard{padding:18px 18px 12px;border-radius:16px}.workspace-main .flashcard-front{min-height:230px;padding:24px 0;gap:18px}.flashcard-back{padding:22px 0 0}.flashcard-rating .row{gap:6px}.flashcard-rating button{font-size:13px;padding:12px 4px}.flashcard-session>.row{gap:8px}.flashcard-session>.row .badge{font-size:11px}}
:root[data-theme=dark] .flashcard-session{--flashcard-accent:#8e9cff;--flashcard-on-accent:#11130f}
.session-confirm{max-width:480px;width:calc(100% - 32px);padding:24px;border:1px solid var(--rule);border-radius:14px;background:var(--paper);color:var(--ink)}.session-confirm::backdrop{background:rgb(0 0 0 / .4)}.session-confirm h2{margin-top:0}.session-confirm .row{justify-content:flex-end}

.practice-group-title{grid-column:1/-1;margin:20px 0 0;font-size:22px}.flashcard-back .study-head{border:0;padding-bottom:12px}.flashcard-back .study-word{font-size:clamp(32px,5vw,48px);line-height:1.5;margin:10px 0}.flashcard-back .study-head>.small{display:none}

.reading-analyzed-passage{white-space:pre-wrap;line-height:2;margin:16px 0;padding:20px;border:1px solid var(--ws-line);border-radius:12px}.reading-evidence{background:#f5dfa0;color:#28200c;padding:1px 0}.reading-relationship{background:#d9e5fb;color:#172d53;padding:1px 0}.reading-distractor{padding:12px 0;border-bottom:1px solid var(--ws-line)}.reading-distractor p{margin:6px 0}.reading-analysis>p{max-width:76ch}

.reading-trap{background:#fae0dc;color:#722d26;text-decoration:underline;text-decoration-style:wavy}.study-text strong{font-weight:650}

.reading-anchor-notes { display: grid; gap: .6rem; margin: 1rem 0; }
.reading-anchor-notes > div { display: grid; grid-template-columns: 7rem minmax(0,1fr); gap: .75rem; }
.reading-anchor-notes dt { font-weight: 650; }
.reading-anchor-notes dd { margin: 0; overflow-wrap: anywhere; }
@media (max-width: 520px) { .reading-anchor-notes > div { grid-template-columns: 1fr; gap: .2rem; } }

.reading-color-legend{display:grid;gap:12px;margin:16px 0;font-size:14px;line-height:1.6}.reading-color-legend>div{display:grid;grid-template-columns:11rem minmax(0,1fr);gap:12px}.reading-color-legend dt{font-weight:650}.reading-color-legend dt span{display:inline-block;padding:3px 7px;border-radius:5px}.reading-color-legend dd{margin:0;color:var(--ws-muted)}.reading-field-note{font-size:13px;line-height:1.6;color:var(--ws-muted);margin:4px 0 10px}@media(max-width:520px){.reading-color-legend>div{grid-template-columns:1fr;gap:5px}}