/* Scene admiration hides presentation only; the source layout stays measurable. */
#story,.opening,.topbar,.ending,.chunk-nav,footer{transition:opacity .85s ease}
.scene-first-loading main,.scene-first-loading .topbar{opacity:0;pointer-events:none}
.scene-intro-active #story,.scene-intro-active .opening,.scene-intro-active .topbar,.scene-intro-active .ending,.scene-intro-active .chunk-nav,.scene-intro-active footer{opacity:0;pointer-events:none;transition:opacity .14s}
.prose{display:block;transition:transform .9s cubic-bezier(.2,.8,.2,1)}.scene-intro-active .prose{transform:translateY(64px)}
.scene-intro-controls{position:fixed;z-index:100;inset:auto 5vw 5vh auto;display:flex;align-items:center;gap:14px;color:#ecf1f1;text-shadow:0 1px 4px #000;font-size:12px}.scene-intro-controls[hidden]{display:none}.scene-intro-controls button{background:#0e2439db;color:white;border-color:#8ba2ae88;min-height:44px}
.original-sentence{cursor:pointer;border-radius:3px;outline-offset:4px}.original-sentence:hover,.original-sentence:focus-visible{background:#a7d5dc30;text-decoration:underline;text-decoration-color:#acdadb99;text-underline-offset:5px}.original-sentence.selected{background:#a7d5dc3d}.original-sentence[role=button]:focus-visible{outline:2px solid #c5e3e7}
.learning-open{font-size:11px;white-space:nowrap}.learn-dialog{color-scheme:dark;color:#ecf2f2;background:#11232ff7;border:1px solid #7996a36b;border-radius:18px;width:min(650px,calc(100vw - 24px));max-height:88dvh;padding:25px;box-shadow:0 25px 100px #0007;overscroll-behavior:contain}.learn-dialog::backdrop{background:#07141b70}.learn-dialog h2{font-size:21px;margin:0}.learn-dialog p{font-size:14px;line-height:1.7}.learn-dialog .learn-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.learn-dialog button{color:#eff7f6;background:#244652;border-color:#73929d55}.learn-dialog button:disabled{opacity:.45;cursor:default}.learn-dialog button:hover{background:#355b68}.learn-modes,.learn-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.learn-modes button[aria-pressed=true]{background:#9ac7c7;color:#10232c}.learn-source{font:19px/1.8 Georgia,serif;border-left:3px solid #83bac7;padding:10px 15px;margin:18px 0;white-space:pre-wrap}.learn-location{color:#a5bdc6;font-size:11px}.learn-dialog textarea{width:100%;box-sizing:border-box;min-height:100px;padding:12px;border:1px solid #7b9aaa77;border-radius:8px;background:#0b1b27;color:white;font:15px/1.7 system-ui}.learn-dialog label{font-size:13px}.learn-status{min-height:22px;color:#c6d6dc}.learn-choices{display:grid;gap:10px}.learn-choices button{text-align:left;line-height:1.6;border-radius:9px;padding:14px}.learn-choices button[data-result=correct]{border:2px solid #7dd9ae;background:#194c40}.learn-choices button[data-result=wrong]{border:2px solid #efb19c;background:#5b322f}.learn-reference{border-radius:10px;padding:15px;background:#c8e6e80d;margin:12px 0}.learn-reference[hidden]{display:none}.learn-reference p{margin:4px 0}.learn-progress{font-size:12px;color:#9db7c3}.learn-dialog .learn-note{font-size:11px;color:#9ab2be}.learn-dialog a{color:#c0e5ee}.learn-dialog details{margin:14px 0;font-size:12px}.learn-dialog pre{white-space:pre-wrap;font:12px/1.6 system-ui;max-height:220px;overflow:auto}.learn-dialog .queue-state{border-radius:8px;padding:10px;background:#263a45}.learning-mode-hint{font-size:12px;color:#b3ccd2}
@media(max-width:760px){.learning-open{padding:8px;font-size:10px}.learn-dialog{padding:18px}.learn-source{font-size:18px}.scene-intro-controls{left:5vw;right:5vw;justify-content:space-between;bottom:6vh}.learn-dialog .learn-head h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){.prose,#story,.opening,.topbar,.ending,.chunk-nav,footer{transition:none!important}.scene-intro-active .prose{transform:none}}
