.learning-page{max-width:1440px;margin:0 auto;padding:24px 0 40px;min-width:0}
.learning-page .plain-btn{border-radius:6px}.learning-page .learning-tabs button{border-radius:0;background:transparent;box-shadow:none}.topbar .app-title{white-space:nowrap}
.learning-page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 20px;border-bottom:1px solid var(--line)}
.learning-page h1{font-size:26px;margin:0 0 8px}.learning-page-head p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}.learning-page h2{font-size:20px;line-height:1.5;margin:0 0 12px}
.learning-tabs{display:flex;gap:24px;overflow:auto;border-bottom:1px solid var(--line);margin-bottom:20px;min-width:0}.learning-tabs button{background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);padding:16px 2px;font:inherit;white-space:nowrap;cursor:pointer;min-height:48px}.learning-tabs button.active{color:var(--accent);border-color:var(--accent)}
.processing-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:0 0 12px}.processing-controls label{display:flex;align-items:center;gap:8px;font-size:14px;min-height:40px}.processing-controls input,.study-select-row input{width:18px;height:18px;flex:none;accent-color:var(--accent)}
.processing-model{color:var(--muted);font-size:13px;line-height:1.7;overflow-wrap:anywhere;margin:0;padding:0 0 16px;border-bottom:1px solid var(--line)}
.processing-scenes{font-size:14px;line-height:1.7;margin-top:8px}.processing-scenes summary{cursor:pointer;color:var(--accent)}.processing-scene-link{display:block;width:100%;text-align:left;background:none;color:var(--text);border:0;border-bottom:1px solid var(--line);padding:10px 0;font:inherit;cursor:pointer;overflow-wrap:anywhere}.processing-scene-link:hover{color:var(--accent)}
.processing-row{display:grid;grid-template-columns:20px 96px minmax(0,1fr) auto;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding:16px 0;min-width:0}.processing-row>input{width:18px;height:18px;accent-color:var(--accent)}
.processing-thumb{width:96px;height:64px;display:grid;place-items:center;background:var(--panel2);border-radius:4px;overflow:hidden;color:var(--muted)}.processing-thumb img{width:100%;height:100%;object-fit:contain}.processing-copy{display:grid;gap:6px;min-width:0}.processing-copy>strong{font-size:15px;overflow-wrap:anywhere}.processing-copy>span,.processing-copy small{font-size:13px;color:var(--muted)}.processing-copy p{margin:0;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.processing-error{color:var(--bad)}.processing-actions{display:flex;align-items:center;gap:6px}
.learning-status{min-height:1.6em;color:var(--accent);font-size:14px;line-height:1.7;overflow-wrap:anywhere}.learning-storage{font-size:12px;line-height:1.8;color:var(--muted);border-top:1px solid var(--line);padding-top:14px}.learning-empty,.study-ready{padding:40px 0}.learning-empty p,.study-ready p{color:var(--muted);line-height:1.8}.study-ready>div{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}
.learning-selection-tools{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding-bottom:12px}.learning-selection-tools label{display:flex;gap:12px;align-items:center}.learning-selection-tools>span{color:var(--muted);font-size:14px}.study-select-row{display:flex;align-items:start;gap:16px;padding:18px 0;border-bottom:1px solid var(--line);min-width:0}.study-select-row>span{display:grid;gap:8px;min-width:0;flex:1}.study-select-row strong{font-size:17px}.study-select-row span span{font-size:15px;line-height:1.6}.study-select-row small{color:var(--muted);font-size:13px}.study-select-row strong,.study-select-row span span,.study-select-row small{overflow-wrap:anywhere}
.study-review-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:14px}.study-review-tools>div{display:flex;align-items:center;gap:10px}.study-review{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:32px;padding:24px 0;align-items:start}.study-review>[data-study-media]:empty{display:none}.study-review:has(>[data-study-media]:empty){grid-template-columns:minmax(0,1fr);max-width:960px}.study-review [data-study-media] img{width:100%;max-height:480px;object-fit:contain;display:block;border-radius:4px}.study-front{min-width:0}.study-origin{color:var(--muted);font-size:13px;overflow-wrap:anywhere}.study-quote{font-size:26px;line-height:1.65;margin:12px 0 20px;overflow-wrap:anywhere}.study-target{font-size:20px;color:var(--accent);display:block;margin-bottom:24px;overflow-wrap:anywhere}.study-meaning{font-size:22px;line-height:1.6;overflow-wrap:anywhere}.study-front [data-study-answer]>p{line-height:1.8;overflow-wrap:anywhere}.study-ratings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:24px 0}.study-ratings button{min-width:0;min-height:72px;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:10px 4px;border-radius:6px;white-space:normal}.study-ratings strong{font-size:15px}.study-ratings span{color:var(--muted);font-size:13px}.study-ratings [data-study-rating="1"]{color:var(--bad)}.study-ratings [data-study-rating="4"]{color:var(--good)}
.study-insights{border-top:1px solid var(--line);padding-top:16px;font-size:14px;line-height:1.7}.study-insights summary{cursor:pointer;min-height:36px}.study-insights canvas{width:100%;height:auto}.study-insights p,.study-insights li{overflow-wrap:anywhere}.study-records>p{font-size:13px;color:var(--muted)}.study-records ol{list-style:none;padding:0}.study-records li{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--line);font-size:14px}.study-records li strong{overflow-wrap:anywhere}.study-records li span{color:var(--muted);font-size:13px}.study-heatmap{display:grid;grid-template-columns:repeat(14,minmax(0,32px));gap:6px;max-width:530px}.study-heatmap>span{aspect-ratio:1;display:grid;place-items:center;background:var(--panel2);border:1px solid var(--line);font-size:12px;border-radius:3px}.study-heatmap [data-level="1"]{background:color-mix(in srgb,var(--good) 20%,var(--panel))}.study-heatmap [data-level="2"]{background:color-mix(in srgb,var(--good) 40%,var(--panel))}.study-heatmap [data-level="3"]{background:color-mix(in srgb,var(--good) 65%,var(--panel))}.study-heatmap [data-level="4"]{background:var(--good);color:var(--panel)}
@media(max-width:900px){.study-review{grid-template-columns:minmax(0,1fr);gap:20px}.study-review [data-study-media] img{max-height:300px}.study-quote{font-size:24px}.learning-page-head{align-items:start}.learning-page-head .action-row{flex-wrap:wrap;justify-content:flex-end}.processing-row{gap:12px;grid-template-columns:18px 80px minmax(0,1fr)}.processing-thumb{width:80px;height:56px}.processing-actions{grid-column:3;justify-content:flex-start}.study-records li{flex-direction:column;gap:8px}}
@media(max-width:600px){.learning-page{padding-top:12px;padding-bottom:calc(88px + env(safe-area-inset-bottom))}.learning-page-head{gap:12px;flex-direction:column}.learning-page-head .action-row{justify-content:flex-start}.learning-page h1{font-size:24px}.learning-tabs{gap:18px}.processing-controls{gap:8px 14px}.processing-controls>label{width:100%}.processing-row{grid-template-columns:18px 64px minmax(0,1fr);gap:10px}.processing-thumb{width:64px;height:48px}.processing-actions{grid-column:2/-1}.processing-actions .plain-btn{font-size:13px}.study-ratings{grid-template-columns:repeat(2,minmax(0,1fr))}.study-quote{font-size:22px}.study-meaning{font-size:20px}.learning-selection-tools{gap:10px}.learning-selection-tools label{width:100%}.study-review{padding-top:18px}.study-select-row{gap:10px}.nav{grid-template-columns:repeat(5,minmax(0,1fr))}.study-heatmap{gap:4px}}
@media(prefers-reduced-motion:no-preference){.study-front [data-study-answer]{animation:study-reveal .18s ease-out}@keyframes study-reveal{from{opacity:.7}to{opacity:1}}}
@media(max-width:600px){#view-study .learning-page-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}#view-study .learning-page-head .action-row{gap:4px;flex-wrap:nowrap}#view-study [data-study-processing]{font-size:0;width:40px;min-width:40px;padding:8px}#view-study [data-study-processing] svg{width:20px;height:20px}.study-review [data-study-media] img{max-height:160px}.study-ratings{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.study-ratings strong{font-size:14px}.study-ratings button{min-height:64px;padding:8px 2px}}