:root{--bg:#f6efe6;--bg-warm:#eadcc8;--panel:#ffffffc7;--panel-strong:#ffffffeb;--panel-soft:#fff7eee0;--border:#4634211c;--text:#23180e;--muted:#6f604f;--shadow:0 24px 60px #7350221f;--shadow-soft:0 16px 34px #73502214;--accent:#ff7a30;--accent-dark:#bb4c14;--book-accent:var(--accent)}[data-reader-theme=night]{--panel:#16181deb;--panel-strong:#16181df7;--panel-soft:#111317f0;--border:#fff4e41a;--text:#f5efe6;--muted:#cabfb0}*{box-sizing:border-box}html,body{width:100%;min-height:100%;color:var(--text);background:radial-gradient(circle at top left, #ffb86c47, transparent 30%), radial-gradient(circle at top right, #ffdbbe80, transparent 32%), linear-gradient(180deg, #fbf7f2 0%, var(--bg) 45%, #efe3d4 100%);background-attachment:fixed;margin:0;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer;border:0}.home-shell{width:min(100%,1320px);max-width:1320px;margin:0 auto;padding:24px 20px 40px}.page-header,.shelf-panel,.list-panel,.modal-card{-webkit-backdrop-filter:blur(18px)}.page-header,.shelf-panel,.list-panel{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:28px}.page-header{justify-content:space-between;align-items:flex-start;gap:24px;padding:20px 28px;display:flex}.page-header h1{letter-spacing:-.03em;margin:0;font-size:clamp(1.8rem,4vw,3rem)}.page-subtitle{color:var(--muted);margin:8px 0 0;font-size:.98rem}.header-meta{text-align:right;color:var(--muted);flex-direction:column;flex:none;align-items:flex-end;gap:10px;font-size:.85rem;font-weight:600;display:flex}.shelf-panel,.list-panel{margin-top:16px;padding:18px 22px}.section-head{justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px;display:flex}.section-head h2{letter-spacing:-.02em;margin:0;font-size:1.2rem}.book-list{gap:12px;display:grid}.list-row{border:1px solid var(--border);background:#ffffffc2;border-radius:20px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 14px;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid}.list-row:hover,.list-row:focus-visible{border-color:#bf531833;transform:translateY(-2px);box-shadow:0 18px 36px #7350221f}.list-title{letter-spacing:-.01em;min-width:0;font-size:1.02rem;font-weight:700}.list-sub{color:var(--muted);margin-top:2px;font-size:.85rem;font-weight:500}.list-open{color:var(--accent-dark);white-space:nowrap;font-size:.85rem;font-weight:700}.library-book-actions{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.book-cover{--book-accent:var(--accent);letter-spacing:.08em;color:#fff;background:linear-gradient(165deg, color-mix(in srgb, var(--book-accent) 72%, white 28%) 0%, color-mix(in srgb, var(--book-accent) 50%, black 20%) 100%);border-radius:14px;flex:none;justify-content:center;align-items:center;width:48px;height:66px;font-size:.95rem;font-weight:800;display:flex;box-shadow:inset 0 1px #ffffff38,0 18px 30px #462d162e}.toggle-chip{border:1px solid var(--border);color:var(--muted);background:#ffffffbd;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:.9rem;font-weight:700;display:inline-flex}.field{width:100%;color:var(--text);background:#ffffffd1;border:1px solid #4634211f;border-radius:16px;padding:13px 16px;box-shadow:inset 0 1px #fff6}.btn{border:1px solid var(--border);color:var(--text);background:#ffffffd1;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:.92rem;font-weight:700;transition:transform .14s,box-shadow .14s;display:inline-flex}.btn:hover:not(:disabled){box-shadow:var(--shadow-soft);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-accent{background:linear-gradient(165deg, var(--accent) 0%, var(--accent-dark) 100%);color:#fff;border-color:#0000}.notice{color:var(--accent-dark);background:#fff4e5d9;border:1px solid #bf531847;border-radius:20px;margin-top:16px;padding:14px 18px;font-size:.9rem}.notice code{background:#fff9;border-radius:6px;padding:1px 6px}.modal-card{background:var(--panel-strong);border:1px solid var(--border);max-width:400px;box-shadow:var(--shadow);border-radius:28px;margin:8vh auto;padding:32px 30px}.modal-card h1{letter-spacing:-.02em;margin:0;font-size:1.5rem}.stack{flex-direction:column;gap:10px;display:flex}.nav-bar{justify-content:space-between;align-items:center;gap:16px;max-width:1320px;margin:0 auto;padding:22px 24px 0;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:12px;font-size:1.05rem;font-weight:800;display:flex}.brand-mark{color:#fff;background:linear-gradient(165deg, var(--accent) 0%, var(--accent-dark) 100%);border-radius:10px;place-items:center;width:34px;height:34px;font-weight:900;display:grid;box-shadow:0 10px 20px #bb4c1452}.nav-links{align-items:center;gap:10px;display:flex}.landing-hero{text-align:center;max-width:1320px;margin:0 auto;padding:56px 24px 8px}.eyebrow{border:1px solid var(--border);color:var(--accent-dark);letter-spacing:.02em;background:#ffffffb3;border-radius:999px;margin-bottom:22px;padding:7px 14px;font-size:.82rem;font-weight:700;display:inline-block}.landing-hero h1{letter-spacing:-.04em;max-width:16ch;margin:0 auto;font-size:clamp(2.4rem,6vw,4.4rem);line-height:1.02}.landing-hero .lede{max-width:60ch;color:var(--muted);margin:22px auto 0;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.5}.hero-ctas{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px;display:flex}.btn-lg{padding:15px 26px;font-size:1rem}.stat-row{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:34px;margin-top:40px;display:flex}.stat b{color:var(--text);letter-spacing:-.02em;font-size:1.7rem;display:block}.section{max-width:1320px;margin:0 auto;padding:48px 24px 0}.section-title{text-align:center;letter-spacing:-.03em;margin:0 auto 6px;font-size:clamp(1.6rem,3vw,2.3rem)}.section-lede{text-align:center;color:var(--muted);max-width:62ch;margin:0 auto 28px;font-size:1.02rem;line-height:1.5}.category-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.category-card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow-soft);border-top:4px solid var(--book-accent,var(--accent));border-radius:24px;padding:22px 22px 20px;transition:transform .16s,box-shadow .16s}.category-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.category-card h3{letter-spacing:-.02em;margin:0 0 6px;font-size:1.2rem}.category-card p{color:var(--muted);margin:0 0 14px;font-size:.92rem;line-height:1.45}.category-count{color:var(--book-accent,var(--accent-dark));font-size:.8rem;font-weight:700}.category-titles{gap:4px;margin:10px 0 0;padding:0;list-style:none;display:grid}.category-titles li{color:var(--text);font-size:.86rem}.spotlight{background:var(--panel-strong);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:30px;grid-template-columns:200px minmax(0,1fr);align-items:center;gap:30px;padding:30px 34px;display:grid;position:relative;overflow:hidden}.spotlight-glow{pointer-events:none;background:radial-gradient(circle at 0,#b4530929,#0000 55%);position:absolute;inset:0}.spotlight-cover{z-index:1;color:#fff;letter-spacing:.14em;background:linear-gradient(165deg, color-mix(in srgb, var(--book-accent) 72%, white 28%) 0%, color-mix(in srgb, var(--book-accent) 50%, black 22%) 100%);border-radius:22px;justify-content:center;align-items:center;width:200px;height:272px;font-size:2.2rem;font-weight:800;display:flex;position:relative;box-shadow:inset 0 1px #ffffff40,0 26px 44px #462d1647}.spotlight-cover-img{z-index:1;object-fit:cover;border-radius:18px;width:200px;height:282px;position:relative;box-shadow:inset 0 1px #ffffff40,0 26px 44px #462d1652}.book-cover-img{object-fit:cover;border-radius:12px;flex:none;width:48px;height:66px;box-shadow:0 12px 22px #462d1638}.spotlight-body{z-index:1;position:relative}.spotlight-tag{color:var(--accent-dark);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;font-size:.82rem;font-weight:800;display:inline-flex}.spotlight-body h3{letter-spacing:-.02em;margin:10px 0 8px;font-size:clamp(1.5rem,3vw,2rem)}.spotlight-body p{color:var(--muted);max-width:60ch;margin:0 0 18px;font-size:1rem;line-height:1.55}.landing-footer{text-align:center;max-width:1320px;color:var(--muted);margin:0 auto;padding:56px 24px 44px;font-size:.85rem}@media (max-width:720px){.spotlight{text-align:center;grid-template-columns:1fr;justify-items:center}}.editor-shell{min-height:100vh;padding:16px}.editor-topbar{z-index:20;border:1px solid var(--border);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffaf3f0;border-radius:22px;justify-content:space-between;align-items:center;gap:24px;padding:16px 22px;display:flex;position:sticky;top:0}.editor-topbar h1{letter-spacing:-.03em;margin:3px 0 2px;font-size:clamp(1.3rem,2.4vw,2rem)}.editor-topbar p,.editor-back-link{color:var(--muted);margin:0;font-size:.84rem;font-weight:650}.editor-kicker{color:var(--accent-dark);letter-spacing:.12em;text-transform:uppercase;margin-top:5px;font-size:.7rem;font-weight:800}.editor-environment{color:var(--muted);text-align:right;align-items:center;gap:8px;font-size:.82rem;font-weight:700;display:flex}.editor-status-dot{background:#2d8b57;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #2d8b571f}.editor-grid{grid-template-columns:minmax(210px,.72fr) minmax(480px,2.2fr) minmax(310px,1fr);align-items:start;gap:14px;margin-top:14px;display:grid}.editor-outline,.editor-comments,.editor-document{border:1px solid var(--border);background:var(--panel);min-width:0;box-shadow:var(--shadow-soft);border-radius:22px}.editor-outline,.editor-comments{max-height:calc(100vh - 132px);padding:15px;position:sticky;top:116px;overflow:auto}.editor-panel-heading,.editor-document-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.editor-panel-heading span,.editor-document-heading>span{color:var(--muted);font-size:.76rem;font-weight:700}.editor-panel-heading strong{color:var(--accent-dark);font-size:.76rem}.editor-outline nav{gap:5px;margin-top:13px;display:grid}.editor-outline nav button{width:100%;color:var(--text);text-align:left;background:0 0;border-radius:12px;grid-template-columns:27px minmax(0,1fr);gap:8px;padding:9px 10px;font-size:.79rem;line-height:1.28;display:grid}.editor-outline nav button span{color:var(--muted);font-size:.68rem;font-weight:800}.editor-outline nav button:hover,.editor-outline nav button.active{box-shadow:inset 3px 0 0 var(--accent-dark);background:#ffffffdb}.editor-document{padding:18px}.editor-document-heading{align-items:end;padding:2px 4px 14px}.editor-document-heading h2{letter-spacing:-.02em;margin:4px 0 0;font-size:1.25rem}.editor-paper{background:#fffdf9;border:1px solid #46342117;border-radius:10px;max-width:820px;margin:0 auto;padding:clamp(28px,5vw,62px);box-shadow:0 24px 50px #462d161a}.editor-block{border-radius:8px;margin:0 0 1.08em;padding:6px 42px 6px 18px;transition:background .12s,box-shadow .12s;position:relative}.editor-block:hover,.editor-block.selected{background:#ffae4d1a;box-shadow:inset 3px 0 #bf531873}.editor-block.commented{box-shadow:inset 3px 0 0 var(--accent-dark)}.editor-block>button{max-width:42px;color:var(--accent-dark);opacity:0;background:#b453091a;border-radius:8px;padding:5px 7px;font-size:.64rem;font-weight:800;position:absolute;top:6px;right:4px}.editor-block:hover>button,.editor-block.selected>button,.editor-block.commented>button{opacity:1}.editor-block h1{margin:.2em 0 .6em;font-family:Georgia,Times New Roman,serif;font-size:2rem;line-height:1.12}.editor-block h2{margin:1.6em 0 .55em;font-family:Georgia,Times New Roman,serif;font-size:1.35rem;line-height:1.2}.editor-block p,.editor-block blockquote,.editor-block pre{margin:0;font-family:Georgia,Times New Roman,serif;font-size:1rem;line-height:1.72}.editor-block blockquote{color:#5d4c3b;border-left:3px solid #b453094d;padding-left:15px;font-style:italic}.editor-block-figure{color:var(--muted);font-size:.84rem;font-style:italic}.editor-paragraph-number{color:#6f604f7a;-webkit-user-select:none;user-select:none;font:700 .64rem/1 system-ui,sans-serif;position:absolute;top:10px;left:-10px}.editor-storage-mode{border-radius:10px;margin:12px 0;padding:8px 10px;font-size:.73rem;font-weight:800}.editor-storage-mode.nelly{color:#236f45;background:#2d8b571a}.editor-storage-mode.local{color:var(--accent-dark);background:#b453091a}.editor-comment-composer{border:1px solid var(--border);background:#ffffffb8;border-radius:15px;gap:9px;padding:12px;display:grid}.editor-comment-composer>p{color:var(--muted);margin:0;font-size:.84rem;line-height:1.45}.editor-comment-composer strong{font-size:.82rem}.editor-comment-composer code{overflow-wrap:anywhere;color:var(--muted);font-size:.68rem}.editor-comment-composer blockquote,.editor-comment-list blockquote{color:var(--muted);border-left:2px solid #b4530947;margin:0;padding-left:9px;font-family:Georgia,Times New Roman,serif;font-size:.79rem;line-height:1.42}.editor-comment-composer textarea{resize:vertical;border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:11px;padding:10px 11px;line-height:1.4}.editor-packet-actions{grid-template-columns:1fr 1fr;gap:7px;margin:11px 0;display:grid}.editor-packet-actions .btn,.editor-comment-composer .btn{padding:9px 11px;font-size:.76rem}.editor-message{color:var(--accent-dark);margin:10px 0;font-size:.76rem;line-height:1.4}.editor-comment-list{gap:8px;display:grid}.editor-comment-list article{border:1px solid var(--border);background:#ffffffb3;border-radius:13px;gap:7px;padding:11px;display:grid}.editor-comment-list article.resolved{opacity:.58}.editor-comment-list article>div:first-child{justify-content:space-between;gap:8px;display:flex}.editor-comment-list article strong,.editor-comment-list article span{font-size:.72rem}.editor-comment-list article span{color:var(--muted)}.editor-comment-list article p,.editor-empty{margin:0;font-size:.81rem;line-height:1.42}.editor-empty{color:var(--muted)}.editor-comment-actions{gap:6px;display:flex}.editor-comment-actions button{color:var(--accent-dark);background:#b4530917;border-radius:8px;padding:5px 8px;font-size:.69rem;font-weight:800}@media (max-width:1100px){.editor-grid{grid-template-columns:210px minmax(0,1fr)}.editor-comments{grid-column:1/-1;max-height:none;position:relative;top:auto}}@media (max-width:720px){.editor-shell{padding:8px}.editor-topbar{flex-direction:column;align-items:flex-start;position:relative}.editor-environment{text-align:left}.editor-grid{grid-template-columns:1fr}.editor-outline,.editor-comments{max-height:none;position:relative;top:auto}.editor-outline nav{max-height:240px;overflow:auto}.editor-comments{grid-column:auto}.editor-paper{padding:24px 16px}}