:root{--reader-size:16px}
:root[data-reader-theme="light"]{--bg:#f5f7fb;--bg-panel:#fff;--bg-raise:#edf2f8;--line:#bccbda;--line-soft:#d4dde7;--fg:#182d43;--fg-dim:#40576c;--fg-faint:#526a7f;--accent:#245b99;color-scheme:light}
:root[data-reader-theme="dark"]{color-scheme:dark}
:root[data-reader-theme="light"] #cy{background:#ffffff}:root[data-reader-theme="light"] .mode-nav{background:#e5edf6}:root[data-reader-theme="light"] .mode-nav-btn.active{background:#d2e3f6;color:#173951}:root[data-reader-theme="light"] input,:root[data-reader-theme="light"] textarea,:root[data-reader-theme="light"] select{background:#fff;color:#182d43;border-color:#90a7bd}
:root[data-reader-theme="light"] .dd-provisional-notice{background:#fff2f0;color:#8b2a22}:root[data-reader-theme="light"] .dd-h1-provisional,:root[data-reader-theme="light"] .dd-h1-editorial-draft{color:#b32620}
#dd-article p,#dd-article li,#dd-article td,#dd-article th,.tutorial-content p,.tutorial-content li,.tutorial-content td,.tutorial-content th,.onboarding-reader p,.onboarding-reader li{font-size:var(--reader-size);line-height:1.9}
#dd-article .progress-card p,#dd-article .progress-card button{font-size:14px}
:root[data-reader-focus="true"] #dd-article,:root[data-reader-focus="true"] .tutorial-content,:root[data-reader-focus="true"] .onboarding-reader{max-width:760px;margin-inline:auto;line-height:2}
:root[data-reader-motion="reduce"] .map-star-field,:root[data-reader-motion="reduce"] .map-star,:root[data-reader-motion="reduce"] .map-star-glimmer,:root[data-reader-motion="reduce"] .map-curtain-stars::before{animation:none!important}
.reader-setting{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0}.reader-setting select{min-height:44px;max-width:70%;font:inherit}
.reading-widget,.reading-metadata{max-width:900px;margin:16px auto;padding:16px 22px;color:var(--fg-dim);grid-column:1/-1}.reading-widget{border:1px solid var(--line);border-radius:10px;background:var(--bg-panel)}.reading-metadata{font-size:13px;padding-block:4px}.reading-widget-actions,.study-actions{display:flex;flex-wrap:wrap;gap:10px}.reading-widget button,.reading-widget a,#reader-preferences button,#study-dialog button,#study-dialog input,#study-dialog select{min-height:44px;font:inherit}.reading-widget button,#reader-preferences button,#study-dialog button{padding:8px 12px;border:1px solid var(--line);border-radius:7px;background:var(--bg-raise);color:var(--fg);cursor:pointer}.reading-widget a{display:inline-flex;align-items:center;color:var(--accent)}.reading-widget details{margin-top:12px}.reading-widget summary,#study-dialog summary{cursor:pointer;min-height:44px;padding:8px 0}.reading-widget label{display:block}.reading-widget textarea{display:block;width:100%;box-sizing:border-box;margin-top:8px;padding:12px;background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:7px;font:16px/1.7 system-ui;resize:vertical}
#study-dialog{color:var(--fg);background:var(--bg-panel);border:1px solid var(--line);border-radius:14px;padding:22px;max-width:760px;width:calc(100vw - 32px);max-height:90dvh;box-sizing:border-box;overflow:auto}#study-dialog::backdrop{background:#0009}#study-dialog header{display:flex;justify-content:space-between;align-items:center;gap:16px}#study-dialog h2{margin:0}#study-dialog p{line-height:1.75}#study-dialog details{border-top:1px solid var(--line);padding:8px 0}#study-dialog li{margin:10px 0}#study-dialog a{color:var(--accent)}#study-dialog form{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}#study-dialog input{max-width:100%;padding:8px;box-sizing:border-box}#study-dialog [data-route-items] button{margin:3px}.study-note-preview{white-space:pre-wrap;font-size:14px}.reading-popover{position:fixed;z-index:10050;width:min(320px,calc(100vw - 24px));padding:18px;box-sizing:border-box;border:1px solid var(--line);border-radius:10px;background:var(--bg-panel);color:var(--fg);box-shadow:0 8px 30px #0006;font:15px/1.7 system-ui}.reading-popover p{margin:12px 0}.reading-popover a{color:var(--accent)}.popover-close{float:right;min-width:44px;min-height:44px;background:var(--bg-raise);border:1px solid var(--line);color:var(--fg);font:inherit;cursor:pointer}
#btn-reset,#btn-onboarding{background:transparent;color:var(--fg-dim);border-color:var(--line)}#btn-reset:hover,#btn-onboarding:hover,#btn-settings:hover{background:var(--bg-raise);color:var(--fg)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.icon-btn svg{display:block;flex:none}.reading-widget button:focus-visible,#reader-preferences :focus-visible,#study-dialog :focus-visible,.reading-popover :focus-visible{outline:3px solid var(--accent);outline-offset:3px}
#study-print{display:none}@media print{html[data-study-printing="true"] body>*{display:none!important}html[data-study-printing="true"] #study-print{display:block!important;color:#111;background:white;white-space:pre-wrap}#study-dialog,.reading-widget,.reading-popover{display:none!important}}
.term-inline{font:inherit;color:inherit;background:transparent;border:0;border-bottom:1px dotted var(--accent);padding:0;cursor:help}.term-help{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;vertical-align:middle;color:var(--accent);background:transparent;border:0;cursor:help;font:14px system-ui}
.map-stage-tools{padding:12px;border-bottom:1px solid var(--line)}.map-stage-tools label{display:block;margin-bottom:10px}.map-stage-tools select{width:100%;min-height:44px;margin-top:6px;background:var(--bg-panel);color:var(--fg);border:1px solid var(--line)}#map-location-tools{position:absolute;right:12px;bottom:72px;z-index:12;max-width:210px;background:#162536;color:#e6eef5;border:1px solid #566c82;border-radius:9px;padding:8px;font:12px/1.5 system-ui}#map-location-tools summary{cursor:pointer;min-height:32px}#map-location-tools canvas{display:block;max-width:100%;border:1px solid #566c82;cursor:crosshair}#map-location-tools button{min-height:36px;margin:4px 2px;background:#213c54;border:1px solid #708ba3;color:#fff;border-radius:5px;cursor:pointer;font:inherit}#map-location-tools input{box-sizing:border-box;width:100%;font:12px system-ui}#map-location-tools p{max-width:180px;margin:4px 0}#map-zoom-level{width:68px;min-height:44px;text-align:center;font:inherit;background:var(--bg-panel);color:var(--fg);border:1px solid var(--line)}#map-relation-dialog{max-width:680px;width:calc(100vw - 32px);max-height:85dvh;overflow:auto;background:var(--bg-panel);color:var(--fg);border:1px solid var(--line);border-radius:12px;padding:24px;box-sizing:border-box}#map-relation-dialog::backdrop{background:#0009}#map-relation-dialog a{color:var(--accent)}#map-relation-dialog button{float:right;min-width:44px;min-height:44px;background:var(--bg-raise);color:var(--fg);border:1px solid var(--line)}
@media(max-width:600px){#study-dialog{padding:16px}.reading-widget{margin-inline:12px;padding:14px}.reader-setting{align-items:flex-start}.reader-setting select{max-width:65%}}
.reference-preview{min-height:44px;margin-inline:6px;padding:4px 8px;background:var(--bg-raise);color:var(--accent);border:1px solid var(--line);border-radius:5px;font:13px system-ui;cursor:pointer}:root[data-reader-theme=light] #dd-article pre,:root[data-reader-theme=light] .tutorial-content pre{background:#e8eef6;color:#182d43}:root[data-reader-theme=light] #dd-article code,:root[data-reader-theme=light] .tutorial-content code{color:#24435e}.term-help{min-width:44px;min-height:44px}#map-location-tools button{min-height:44px}
.search-wrap{position:relative}.search-wrap #search{padding-right:48px}.map-search-clear{position:absolute;right:2px;top:0;min-width:44px;min-height:44px;border:0;background:transparent;color:var(--fg);font-size:22px;cursor:pointer}.map-search-clear[hidden]{display:none}
