:root{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px;color-scheme:light;--bg:#f3f6fa;--surface:#fff;--ink:#17263d;--muted:#596b82;--line:#d7e0eb;--accent:#146990;--selected:#eaf5fc;--table-head:#e7eef6;--stripe:#f6f8fb;--code:#eef2f7;color:var(--ink);background:var(--bg)}:root[data-theme=dark]{color-scheme:dark;--bg:#0d0d0d;--surface:#171717;--ink:#ededed;--muted:#adadad;--line:#383838;--accent:#d4d4d4;--selected:#292929;--table-head:#292929;--stripe:#1e1e1e;--code:#252525}:root[data-theme=dark] header{background:#080808}:root[data-theme=dark] .header-label{color:#bdbdbd}:root[data-theme=dark] #theme{background:#242424;border-color:#505050;color:#ededed}:root[data-theme=dark] #theme:hover{background:#333333}*{box-sizing:border-box}body{margin:0}header{min-height:76px;padding:16px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#11233f;color:#fff}.brand{color:white;text-decoration:none;font-weight:800;font-size:1.3rem;letter-spacing:.12em}.header-actions{display:flex;gap:22px;align-items:center}.header-label{font-size:.8rem;letter-spacing:.12em;color:#c6d5e7}#theme{width:auto;background:#203751;border-color:#526980;color:#fff;font-size:.875rem;padding:8px 14px}main{display:grid;grid-template-columns:220px 280px minmax(0,1fr);min-height:calc(100vh - 76px)}aside{padding:28px 20px;border-right:1px solid var(--line)}.eyebrow{font-size:.75rem;letter-spacing:.12em;color:var(--muted)}h1{font-size:1.6rem;line-height:1.25;letter-spacing:-.035em;margin:16px 0 28px}label{display:block;font-size:.875rem;font-weight:600;margin:20px 0 8px}input,select,button{font:inherit;width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:inherit;min-width:0}button{cursor:pointer}button:hover{background:var(--selected)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}#clear{margin-top:20px;background:transparent}.coverage{font-size:.875rem;line-height:1.6;color:var(--muted);margin-top:28px}.library{padding:24px 12px;border-right:1px solid var(--line);min-width:0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 8px 20px}h2{font-size:1rem}#count{font-size:.875rem;color:var(--muted);white-space:nowrap}.note{text-align:left;margin-bottom:8px;padding:16px;border-color:transparent;background:transparent;overflow-wrap:anywhere}.note.selected{background:var(--selected);border-color:var(--line)}.note strong{display:block;font-size:1rem;line-height:1.45;margin:8px 0}.meta{font-size:.875rem;color:var(--muted);line-height:1.5}.tag{font-size:.875rem;color:var(--accent)}.reader{padding:32px clamp(20px,3vw,48px) 80px;background:var(--surface);min-width:0}.note-title{font-size:1.8rem;line-height:1.3;letter-spacing:-.025em;margin:14px 0 26px}.note-content{line-height:1.75;overflow-wrap:anywhere;max-width:1200px;margin:0 auto}.note-content h1,.note-content h2,.note-content h3,.note-content h4{line-height:1.4;letter-spacing:-.015em;margin:2rem 0 1rem}.note-content h1{font-size:1.6rem}.note-content h2{font-size:1.35rem;border-bottom:1px solid var(--line);padding-bottom:12px}.note-content h3{font-size:1.15rem}.note-content h4{font-size:1rem}.note-content p{margin:1rem 0}.note-content li{margin:.4rem 0}.note-content ul,.note-content ol{padding-left:1.6rem}.note-content strong{font-weight:700}.note-content a,.source-link{color:var(--accent);text-underline-offset:3px}.source-link{display:inline-block;margin-bottom:12px;font-size:.875rem}.note-content blockquote{margin:20px 0;padding:4px 20px;border-left:3px solid var(--accent);background:var(--stripe)}.note-content pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--code);padding:18px;border-radius:7px;font-size:.875rem}.note-content code{background:var(--code);padding:2px 4px;border-radius:3px}.note-content hr{border:0;border-top:1px solid var(--line);margin:28px 0}.table-wrap{max-width:100%;overflow-x:auto;margin:24px 0;border:1px solid var(--line);border-radius:8px;overscroll-behavior-x:contain}.note-content table{width:100%;border-collapse:collapse;font-size:1rem;line-height:1.6;text-align:left;table-layout:auto}.note-content table.compact-table{min-width:560px}.note-content table.wide-table{min-width:850px}.note-content th,.note-content td{vertical-align:top;padding:16px 18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:170px;max-width:500px;overflow-wrap:break-word;word-break:normal}.note-content th:last-child,.note-content td:last-child{border-right:0}.note-content tr:last-child td{border-bottom:0}.note-content th{font-weight:700;background:var(--table-head);color:var(--ink)}.note-content tbody tr:nth-child(even){background:var(--stripe)}.note-content td p:first-child{margin-top:0}.note-content td p:last-child{margin-bottom:0}.empty,.import-note{padding:16px;color:var(--muted);font-size:.875rem;line-height:1.6}.import-note{background:var(--stripe);border-radius:7px}.note-content caption{padding:12px;font-weight:600}@media(min-width:1100px){aside{position:sticky;top:0;align-self:start}.library,.reader{max-height:calc(100vh - 76px);overflow:auto}}@media(max-width:1099px){main{grid-template-columns:220px minmax(0,1fr)}.reader{grid-column:1/-1}.library{max-height:480px;overflow:auto}.note-content{max-width:900px}}@media(max-width:650px){header{padding:16px 20px}.header-label{display:none}main{display:block}aside{padding:20px;border:0}h1{margin:12px 0 20px}.library{border-top:1px solid var(--line);max-height:350px}.reader{padding:24px 18px 60px}.note-title{font-size:1.5rem}.note-content th,.note-content td{padding:12px}.note-content table{font-size:.9375rem}}
