:root{--parchment:#f5f4ed;--ivory:#faf9f5;--warm-sand:#e8e6dc;--border:#e8e6dc;--border-soft:#e5e3d8;--brand:#1b365d;--near-black:#141413;--dark-warm:#3d3d3a;--olive:#504e49;--stone:#6b6a64;--tag:#e4ecf5;--tag-light:#eef2f7;--whisper:0 4px 24px #0000000d;--serif:"Source Han Serif SC", "Noto Serif CJK SC", "Songti SC", STSong, Georgia, serif;--mono:"JetBrains Mono", "SF Mono", Consolas, Monaco, "Source Han Serif SC", monospace;color:var(--near-black);background:var(--parchment);font:400 15px/1.55 var(--serif);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:var(--parchment);min-height:100%}body{background:linear-gradient(#14141306 1px, transparent 1px), linear-gradient(90deg, #14141305 1px, transparent 1px), var(--parchment);background-size:28px 28px;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.62}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--brand);outline-offset:2px}#root{min-height:100vh}.kami-shell{width:min(1440px,100vw - 28px);margin:0 auto;padding:48px 0 28px}.masthead{border-top:1px solid var(--near-black);border-bottom:1px solid var(--border);padding:34px 0 42px}.edition-line{color:var(--stone);font:500 12px/1 var(--serif);letter-spacing:1.2px;text-transform:uppercase;justify-content:space-between;gap:18px;margin-bottom:42px;display:flex}.title-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:end;gap:48px;display:grid}.section-number{color:var(--brand);font:500 14px/1 var(--serif);letter-spacing:.4px;font-variant-numeric:tabular-nums;margin:0 0 8px}h1,h2,p{margin:0}h1{max-width:860px;color:var(--near-black);font:500 clamp(48px, 7vw, 96px) / 1.08 var(--serif);letter-spacing:0}h2{color:var(--near-black);font:500 28px/1.2 var(--serif);letter-spacing:.2px}.lede{max-width:760px;color:var(--olive);font:500 16px/1.55 var(--serif);margin-top:18px}.metric-sheet{border:1px solid var(--border);background:var(--border);border-radius:12px;gap:1px;display:grid;overflow:hidden}.metric{background:var(--ivory);justify-content:space-between;gap:16px;padding:18px 20px;display:flex}.metric strong{color:var(--brand);font:500 24px/1 var(--serif);font-variant-numeric:tabular-nums}.metric span{color:var(--stone);font:500 12px/1.35 var(--serif);letter-spacing:.4px;text-transform:uppercase;align-self:end}.notice,.status-line{color:var(--olive);border:1px solid var(--border);background:var(--ivory);border-radius:8px;align-items:center;gap:10px;margin-top:18px;display:flex}.notice{padding:14px 16px}.status-line{z-index:4;width:fit-content;max-width:100%;box-shadow:var(--whisper);margin-left:auto;padding:10px 14px;position:sticky;bottom:14px}.notice svg,.status-line svg{color:var(--brand);flex:none}.workbench{grid-template-columns:430px minmax(0,1fr);align-items:start;gap:24px;padding:28px 0 24px;display:grid}.library-panel,.reader-panel,.admin-panel{border:1px solid var(--border);background:var(--ivory);border-radius:12px}.library-panel{max-height:calc(100vh - 40px);padding:22px;position:sticky;top:20px;overflow:auto}.reader-panel{min-width:0;overflow:hidden}.panel-head,.reader-head{justify-content:space-between;gap:16px;display:flex}.panel-head{align-items:center;margin-bottom:20px}.panel-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.panel-head.compact{margin-bottom:14px}.reader-head{border-bottom:1px solid var(--border);align-items:flex-start;padding:22px 24px}.reader-head p:not(.section-number){color:var(--stone);font:500 12px/1.4 var(--serif);margin-top:7px}.reader-tools{flex-wrap:wrap;justify-content:flex-end;gap:10px 14px;max-width:520px;display:flex}.reader-tools label{min-width:150px;color:var(--stone);font:500 12px/1.2 var(--serif);gap:6px;display:grid}.reader-toggle{background:var(--tag-light);border-radius:4px;grid-auto-flow:column;align-items:center;padding:5px 8px;min-width:auto!important;color:var(--brand)!important;gap:7px!important;display:inline-flex!important}.reader-toggle input{width:16px;height:16px;accent-color:var(--brand)}.ghost-button,.primary-button,.admin-row button{min-height:40px;font:500 12px/1 var(--serif);letter-spacing:.4px;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;display:inline-flex}.ghost-button{color:var(--brand);box-shadow:0 0 0 1px var(--brand);background:0 0;padding:8px 12px}.primary-button{width:100%;color:var(--ivory);background:var(--brand);box-shadow:0 0 0 1px var(--brand);padding:10px 14px}.toolbar{gap:10px;margin-bottom:16px;display:grid}.search-box,.select-box,.login-form label{border:1px solid var(--border);background:var(--parchment);min-height:44px;color:var(--stone);border-radius:8px;align-items:center;gap:9px;padding:0 12px;display:flex}.search-box input,.select-box select,.login-form input{width:100%;min-width:0;color:var(--near-black);background:0 0;border:0;outline:0}.select-box select{appearance:none}.article-list{gap:12px;display:grid}.library-panel.is-compact{padding:18px}.library-panel.is-compact .article-list{gap:8px}.article-card{border:1px solid var(--border);background:var(--ivory);border-radius:8px;transition:box-shadow .2s}.article-card:hover,.article-card.is-active{box-shadow:var(--whisper)}.article-card.is-active{border-color:#d0dce9}.article-card>button{width:100%;color:inherit;text-align:left;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr);gap:6px 12px;padding:16px;display:grid}.library-panel.is-compact .article-card>button{align-items:baseline;gap:10px;padding:12px 14px}.article-index{color:var(--brand);font:500 13px/1.35 var(--serif);font-variant-numeric:tabular-nums;grid-row:span 2}.article-card strong{overflow-wrap:anywhere;color:var(--near-black);font:500 17px/1.3 var(--serif)}.library-panel.is-compact .article-card strong{font-size:15px;line-height:1.35}.article-card small{color:var(--olive);font:400 13px/1.45 var(--serif);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card-meta,.admin-row{color:var(--stone);font:500 12px/1.35 var(--serif);flex-wrap:wrap;align-items:center;gap:8px;padding:0 16px 16px 40px;display:flex}.tag{color:var(--brand);background:var(--tag-light);font:500 12px/1 var(--serif);letter-spacing:.4px;border-radius:2px;align-items:center;padding:3px 7px;display:inline-flex}.tag.standard{background:var(--tag);border-radius:4px;padding-inline:8px}.admin-row{padding-top:0}.admin-row button{min-height:34px;color:var(--dark-warm);background:var(--warm-sand);padding:7px 10px}.empty-state{color:var(--stone);border:1px dashed var(--border);text-align:center;border-radius:8px;justify-items:center;gap:8px;padding:28px;display:grid}.empty-state svg{color:var(--brand)}.empty-state strong{color:var(--near-black);font-weight:500}.admin-panel{margin-top:18px;padding:18px}.admin-copy{color:var(--olive);font:400 13px/1.45 var(--serif)}.login-form,.upload-box{gap:12px;display:grid}.login-form label{flex-direction:column;align-items:stretch;gap:4px;height:auto;padding:10px 12px}.login-form span{color:var(--stone);font:500 12px/1.35 var(--serif)}.segmented{border:1px solid var(--border);background:var(--border);border-radius:8px;grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.segmented button{min-height:40px;color:var(--dark-warm);background:var(--parchment);border:0}.segmented button.selected{color:var(--ivory);background:var(--brand)}.auth-mode{margin-bottom:2px}.form-note{color:var(--stone);font:400 12px/1.45 var(--serif)}.dropzone{color:var(--olive);border:1px dashed var(--brand);background:var(--parchment);text-align:center;border-radius:8px;justify-items:center;gap:6px;padding:24px 18px;display:grid;position:relative}.dropzone strong{color:var(--near-black);font-weight:500}.dropzone span{color:var(--stone);font-size:12px}.dropzone input{opacity:0;cursor:pointer;position:absolute;inset:0}.admin-code{border:1px solid var(--border);background:var(--parchment);color:var(--brand);font:12px/1.55 var(--mono);border-radius:6px;margin-top:12px;padding:12px;display:block;overflow-x:auto}.reader-stage{background:var(--parchment);justify-content:center;display:flex;overflow:auto}.reader-frame{background:var(--ivory);border:0;width:100%;height:min(900px,100vh - 220px);min-height:620px;display:block}.reader-backdrop{z-index:20;-webkit-backdrop-filter:blur(13px)saturate(1.1);backdrop-filter:blur(13px)saturate(1.1);background:radial-gradient(circle at 22% 12%,#1b365d1a,#0000 28rem),#f5f4ed94;position:fixed;inset:0}.reader-overlay{z-index:21;-webkit-backdrop-filter:blur(22px)saturate(1.22);backdrop-filter:blur(22px)saturate(1.22);background:#faf9f5c2;border:1px solid #e8e6dcc7;border-radius:16px;grid-template-rows:auto minmax(0,1fr);display:grid;position:fixed;overflow:visible;box-shadow:0 30px 84px #1414132e,0 10px 28px #1b365d1f,inset 0 1px #ffffff9e}.overlay-head{border-bottom:1px solid #e8e6dccc;justify-content:space-between;align-items:flex-start;gap:18px;min-height:86px;padding:18px 20px 16px;display:flex}.overlay-head h2{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:min(760px,58vw);font-size:24px;display:-webkit-box;overflow:hidden}.overlay-head p:not(.section-number){color:var(--stone);font:500 12px/1.4 var(--serif);margin-top:5px}.overlay-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.overlay-reader-stage{background:#f5f4edad;border-radius:0 0 16px 16px;min-height:0;overflow:auto}.overlay-reader-frame{background:var(--ivory);border:0;width:100%;height:100%;min-height:100%;display:block}.resize-handle{z-index:3;opacity:.48;touch-action:none;background:0 0;border:0;position:absolute}.resize-handle:after{content:"";border-color:#1b365d85;width:18px;height:18px;position:absolute;inset:50%;transform:translate(-50%,-50%)}.resize-handle:hover,.resize-handle:focus-visible{opacity:1}body.is-resizing-reader .reader-overlay{box-shadow:0 34px 96px #14141338,0 0 0 1px #1b365d47,inset 0 1px #ffffff9e}.resize-n,.resize-s{cursor:ns-resize;height:18px;left:36px;right:36px}.resize-n{top:-9px}.resize-s{bottom:-9px}.resize-e,.resize-w{cursor:ew-resize;width:18px;top:36px;bottom:36px}.resize-e{right:-9px}.resize-w{left:-9px}.resize-ne,.resize-nw,.resize-se,.resize-sw{width:38px;height:38px}.resize-ne{cursor:nesw-resize;top:-12px;right:-12px}.resize-nw{cursor:nwse-resize;top:-12px;left:-12px}.resize-se{cursor:nwse-resize;bottom:-12px;right:-12px}.resize-sw{cursor:nesw-resize;bottom:-12px;left:-12px}.resize-se:after{border-bottom:2px solid #1b365d9e;border-right:2px solid #1b365d9e}.resize-sw:after{border-bottom:2px solid #1b365d9e;border-left:2px solid #1b365d9e}.resize-ne:after{border-top:2px solid #1b365d9e;border-right:2px solid #1b365d9e}.resize-nw:after{border-top:2px solid #1b365d9e;border-left:2px solid #1b365d9e}body.is-resizing-reader{cursor:grabbing;-webkit-user-select:none;user-select:none}@media (width<=1100px){.title-grid,.workbench{grid-template-columns:1fr}.library-panel{max-height:none;position:static}.metric-sheet{max-width:520px}}@media (width<=720px){.kami-shell{width:min(100vw - 18px,1440px);padding-top:24px}.masthead{padding:24px 0 28px}.edition-line,.panel-head,.reader-head{flex-direction:column}.title-grid{gap:28px}h1{font-size:clamp(42px,15vw,62px)}h2{font-size:24px}.workbench{gap:16px;padding-top:18px}.library-panel,.admin-panel{padding:16px}.reader-head{padding:18px}.reader-tools{justify-content:stretch;max-width:none}.reader-tools label{min-width:100%}.reader-frame{height:72vh;min-height:520px}.reader-overlay{border-radius:14px}.overlay-head{flex-direction:column;min-height:auto;padding:14px}.overlay-head h2{max-width:none;font-size:20px}.overlay-actions{justify-content:space-between;width:100%}.resize-n,.resize-s{height:24px;left:44px;right:44px}.resize-e,.resize-w{width:24px;top:44px;bottom:44px}.resize-ne,.resize-nw,.resize-se,.resize-sw{width:48px;height:48px}.card-meta,.admin-row{padding-left:16px}.status-line{width:100%;bottom:9px;right:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}