:root{color-scheme:light;--bg:#eef1ed;--panel:#fbfbf8;--panel-strong:#fff;--ink:#1c211f;--muted:#69716c;--line:#d7ddd5;--green:#16785f;--green-soft:#dcefe8;--red:#d85a4f;--red-soft:#f8dfdc;--yellow:#ffe889;--blue:#315f95;--blue-soft:#dfe9f7;--shadow:0 18px 45px rgba(32,45,39,.12);--radius:8px;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;min-height:100vh}button,input,textarea{font:inherit}button{border:0;cursor:pointer}.app-shell{display:flex;flex-direction:column;min-height:100vh}.topbar{backdrop-filter:blur(18px);background:hsla(60,27%,98%,.92);border-bottom:1px solid var(--line);height:72px;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:10}.brand,.entry-toolbar,.library-head,.meta-line,.side-heading,.top-actions,.topbar{align-items:center;display:flex}.brand{gap:12px}.brand-mark{background:var(--green);border-radius:var(--radius);color:#fff;display:grid;font-weight:800;height:38px;place-items:center;width:38px}.brand-title{font-size:18px;font-weight:800}.brand-subtitle{color:var(--muted);font-size:12px}.top-actions{gap:10px}.save-state{color:var(--muted);font-size:12px;font-weight:800;min-width:62px}.save-state.saving{color:var(--blue)}.save-state.saved{color:var(--green)}.save-state.error{color:var(--red)}.annotation-strip button,.danger-btn,.ghost-btn,.primary-btn,.square-btn,.tiny-btn{border-radius:var(--radius);font-weight:700;min-height:36px;padding:0 14px}.primary-btn{background:var(--green);color:#fff}.annotation-strip button,.ghost-btn,.tiny-btn{background:#edf2ee;border:1px solid var(--line);color:var(--ink)}.danger-btn{background:var(--red-soft);color:#8d2d26}.square-btn{background:var(--green);color:#fff;font-size:24px;line-height:1;padding:0;width:38px}.tiny-btn{font-size:12px;min-height:28px;padding:0 9px}.main-layout{display:grid;flex:1;gap:18px;grid-template-columns:294px minmax(0,1fr);padding:18px}.library-panel,.study-panel{min-width:0}.library-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;height:calc(100vh - 108px);overflow:hidden;padding:18px;position:sticky;top:90px}.library-head{gap:12px;justify-content:space-between;margin-bottom:16px}.eyebrow{color:var(--green);font-size:11px;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}.library-head h1{font-size:24px;margin:2px 0 0}.search-box{color:var(--muted);display:grid;font-size:12px;font-weight:700;gap:7px;margin-bottom:14px}.meta-line input,.search-box input,.title-input{background:#fff;border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);outline:0;width:100%}.search-box input{height:38px;padding:0 12px}.entry-list{display:grid;gap:10px;overflow:auto;padding-right:3px}.entry-card{background:var(--panel-strong);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);padding:12px;text-align:left}.entry-card.active{border-color:var(--green);box-shadow:inset 4px 0 0 var(--green)}.entry-card strong{display:block;font-size:14px;line-height:1.35;margin-bottom:8px}.entry-card span{color:var(--muted);display:block;font-size:12px}.study-panel{display:flex;flex-direction:column;gap:12px}.annotation-strip,.entry-toolbar{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.entry-toolbar{gap:16px;justify-content:space-between;padding:14px}.title-group{display:grid;flex:1;gap:9px;min-width:0}.title-input{font-size:22px;font-weight:850;height:44px;padding:0 12px}.meta-line{gap:10px}.meta-line input{color:var(--muted);height:34px;padding:0 10px}.meta-line input[type=date]{max-width:162px}.annotation-strip{display:flex;gap:8px;padding:10px;position:sticky;top:84px;z-index:8}.annotation-strip button[data-kind=highlight]{background:#fff7bf;border-color:#eed56f}.annotation-strip button[data-kind=underline]{background:var(--blue-soft);border-color:#b7c9df}.annotation-strip button[data-kind=important]{background:var(--red-soft);border-color:#eac0bb}.workbench{align-items:start;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) 340px}.notes-panel,.reader-surface{background:var(--panel-strong);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.reader-surface{font-size:16px;line-height:1.78;min-height:calc(100vh - 236px);outline:0;padding:34px 42px}.reader-surface h2{font-size:22px;line-height:1.35;margin:34px 0 12px}.reader-surface h2:first-child{margin-top:0}.reader-surface p{margin-bottom:16px}.reader-surface ol,.reader-surface ul{padding-left:1.4em}.reader-surface li{margin-bottom:8px}.reader-surface strong{color:#102d24}.reader-surface table{border-collapse:collapse;font-size:14px;line-height:1.55;margin:18px 0 24px;width:100%}.reader-surface td,.reader-surface th{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}.reader-surface th{background:var(--green-soft);color:#102d24;font-weight:800}.reader-surface tr:nth-child(2n) td{background:#f7faf7}.reader-surface .hl{background:linear-gradient(transparent 45%,var(--yellow) 45%);padding:0 2px}.reader-surface .under{text-decoration:underline;text-decoration-color:var(--blue);text-decoration-thickness:2px;text-underline-offset:4px}.reader-surface .important{background:var(--red-soft);border-bottom:2px solid var(--red);padding:0 2px}.reader-surface .commented{background:var(--green-soft);border-bottom:2px dashed var(--green);padding:0 2px}.reader-surface .active-note{outline:2px solid var(--green);outline-offset:2px}.notes-panel{display:grid;gap:12px;height:calc(100vh - 236px);overflow:auto;padding:14px}.side-section{border-bottom:1px solid var(--line);padding-bottom:14px}.side-section:last-child{border-bottom:0;padding-bottom:0}.side-heading{font-weight:800;gap:10px;justify-content:space-between;margin-bottom:10px}.visual-section img{background:#171916;border:1px solid var(--line);border-radius:var(--radius);display:block;width:100%}.count-pill{background:var(--green-soft);border-radius:999px;color:var(--green);display:grid;font-size:12px;height:24px;min-width:28px;place-items:center}.note-list,.task-item,.task-list{display:grid;gap:8px}.task-item{align-items:start;color:var(--ink);font-size:13px;grid-template-columns:20px 1fr;line-height:1.45}.task-item input{accent-color:var(--green);margin-top:2px}.task-item.done span{color:var(--muted);text-decoration:line-through}.note-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:10px;text-align:left}.note-card blockquote{color:var(--green);font-size:12px;font-weight:800;line-height:1.45;margin:0 0 8px}.note-card p{color:var(--ink);font-size:13px;line-height:1.5;margin:0}textarea{border:1px solid var(--line);border-radius:var(--radius);line-height:1.5;min-height:132px;outline:0;padding:10px;resize:vertical;width:100%}.empty-state{color:var(--muted);font-size:13px;line-height:1.5}@media (max-width:1180px){.main-layout{grid-template-columns:252px minmax(0,1fr)}.workbench{grid-template-columns:minmax(0,1fr)}.notes-panel{grid-template-columns:repeat(2,minmax(0,1fr));height:auto}.visual-section{grid-row:span 2}}@media (max-width:780px){.annotation-strip,.entry-toolbar,.meta-line,.topbar{flex-wrap:wrap}.main-layout{grid-template-columns:1fr;padding:12px}.library-panel{height:auto;position:static}.entry-list{max-height:240px}.reader-surface{min-height:520px;padding:24px 18px}.notes-panel{grid-template-columns:1fr}.annotation-strip{top:72px}.meta-line input[type=date]{max-width:none}}