@import "https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,400;1,6..72,500&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--paper:#ede9e1;--paper-2:#e3dfd3;--paper-3:#f5f3ec;--ink:#22262e;--ink-soft:#5b6169;--ink-faint:#8b8f94;--rule:#c9c2b2;--rule-soft:#dad4c4;--pine:#3d5a4c;--pine-soft:#dce5de;--pine-deep:#2b4137;--redpen:#b34632;--redpen-soft:#f3dfd8;--shadow:0 1px 2px #22262e0f, 0 6px 20px #22262e14}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0;padding:0}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,sans-serif}a{color:inherit}.serif{font-family:Newsreader,serif}.mono{letter-spacing:.02em;font-family:IBM Plex Mono,monospace}.shell{grid-template-columns:240px 1fr;height:100vh;display:grid;overflow:hidden}.drawer{background:var(--paper-2);border-right:1px solid var(--rule);flex-direction:column;height:100vh;padding:28px 20px;display:flex;position:sticky;top:0}.wordmark{margin-bottom:4px;font-family:Newsreader,serif;font-size:22px;font-style:italic;font-weight:600}.wordmark-sub{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.12em;margin-bottom:32px;font-family:IBM Plex Mono,monospace;font-size:10.5px;display:block}.drawer-label{text-transform:uppercase;letter-spacing:.14em;color:var(--ink-faint);margin:0 0 10px 4px;font-family:IBM Plex Mono,monospace;font-size:10px}.tab-list{margin:0 0 30px;padding:0;list-style:none}.tab{text-align:left;width:100%;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:baseline;gap:10px;padding:9px 10px;font-family:IBM Plex Sans,sans-serif;font-size:13.5px;text-decoration:none;transition:background .15s,color .15s;display:flex}.tab .num{color:var(--ink-faint);font-family:IBM Plex Mono,monospace;font-size:10.5px}.tab:hover{color:var(--ink);background:#22262e0d}.tab.active{background:var(--ink);color:var(--paper-3)}.tab.active .num{color:#f5f3ec8c}.drawer-note{color:var(--ink-faint);border-top:1px solid var(--rule);margin-top:20px;padding-top:16px;font-family:Newsreader,serif;font-size:12.5px;font-style:italic;line-height:1.5}.account-box{border-top:1px solid var(--rule);flex-direction:column;gap:6px;margin-top:auto;padding-top:16px;display:flex}.account-plate{box-sizing:border-box;text-align:center;border:1px solid var(--rule);background:var(--paper-2);cursor:pointer;border-radius:6px;width:100%;padding:12px 10px;display:block}.account-plate:hover{border-color:var(--pine)}.account-plate-label{text-transform:uppercase;letter-spacing:.16em;color:var(--ink-faint);margin-bottom:5px;font-family:IBM Plex Mono,monospace;font-size:8.5px;display:block}.account-plate-email{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-family:Newsreader,serif;font-size:12.5px;font-style:italic;display:block;overflow:hidden}.account-menu-wrapper{position:relative}.account-menu{background:var(--paper-3);border:1px solid var(--rule);min-width:150px;box-shadow:var(--shadow);z-index:10;border-radius:6px;margin-bottom:8px;position:absolute;bottom:100%;left:0;overflow:hidden}.account-menu-item{box-sizing:border-box;text-align:left;width:100%;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;padding:8px 12px;font-family:IBM Plex Sans,sans-serif;font-size:12px;text-decoration:none;display:block}.account-menu-item+.account-menu-item{border-top:1px solid var(--rule-soft)}.account-menu-item:hover:not(:disabled){color:var(--ink);background:#22262e0d}.account-menu-item:disabled{color:var(--ink-faint);cursor:default}.account-action{color:var(--ink-faint);text-align:left;cursor:pointer;background:0 0;border:none;width:fit-content;padding:0;font-family:IBM Plex Mono,monospace;font-size:10.5px;text-decoration:none}.account-action:hover{color:var(--redpen)}.stage{box-sizing:border-box;flex-direction:column;height:100vh;padding:40px 48px;display:flex;overflow-x:auto}.stage>section{flex-direction:column;flex:1;min-height:0;display:flex}.stage-header{flex-shrink:0;margin-bottom:24px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--pine-deep);margin-bottom:6px;font-family:IBM Plex Mono,monospace;font-size:10.5px}.stage-title{margin:0 0 6px;font-family:Newsreader,serif;font-size:26px;font-weight:500}.stage-desc{color:var(--ink-soft);max-width:560px;font-size:13px;line-height:1.5}.frame{background:var(--paper-3);border:1px solid var(--rule);box-shadow:var(--shadow);border-radius:10px;flex-direction:column;flex:1;width:100%;max-width:760px;min-height:0;display:flex;overflow:hidden}.frame.wide{max-width:min(1300px,94vw)}.frame-bar{border-bottom:1px solid var(--rule);background:var(--paper-2);flex-shrink:0;align-items:center;gap:6px;padding:10px 14px;display:flex}.frame-bar .dot{background:var(--rule);border-radius:50%;width:7px;height:7px}.frame-bar .url{color:var(--ink-faint);margin-left:8px;font-family:IBM Plex Mono,monospace;font-size:10.5px}.pill{letter-spacing:.06em;text-transform:uppercase;background:var(--pine-soft);color:var(--pine-deep);border-radius:20px;padding:3px 9px;font-family:IBM Plex Mono,monospace;font-size:10px;display:inline-block}.pill.red{background:var(--redpen-soft);color:var(--redpen)}.pill.neutral{background:var(--rule-soft);color:var(--ink-soft)}.btn{cursor:pointer;border:1px solid #0000;border-radius:4px;padding:8px 16px;font-family:IBM Plex Sans,sans-serif;font-size:12.5px;font-weight:500}.btn-primary{background:var(--ink);color:var(--paper-3)}.btn-ghost{border-color:var(--rule);color:var(--ink-soft);background:0 0}.btn-pine{background:var(--pine);color:#fff}.btn:disabled{opacity:.5;cursor:default}hr.rule{border:none;border-top:1px solid var(--rule);margin:0}.home-body{flex:1;min-height:0;padding:22px;overflow-y:auto}.add-form{border:1.5px dashed var(--rule);border-radius:8px;gap:8px;margin-bottom:20px;padding:16px;display:flex}.add-form input{border:1px solid var(--rule);background:var(--paper-3);color:var(--ink);border-radius:6px;flex:1;padding:8px 12px;font-family:IBM Plex Sans,sans-serif;font-size:12.5px}.lib-row{border-bottom:1px solid var(--rule-soft);color:inherit;padding:13px 4px;text-decoration:none;display:block}.lib-row:last-child{border-bottom:none}.lib-title{margin:4px 0 2px;font-family:Newsreader,serif;font-size:15px}.lib-meta{color:var(--ink-faint);font-family:IBM Plex Mono,monospace;font-size:10px}.empty-state{color:var(--ink-faint);padding:20px 4px;font-family:Newsreader,serif;font-style:italic}.reader-body{flex:1;min-height:0;padding:22px;overflow-y:auto}.reader-topline{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.back-link{color:var(--ink-faint);font-family:IBM Plex Mono,monospace;font-size:11px;text-decoration:none}.float-badge{background:var(--ink);width:fit-content;color:var(--paper-3);box-shadow:var(--shadow);border-radius:24px;align-items:center;gap:8px;margin:22px auto 0;padding:9px 16px;font-family:IBM Plex Sans,sans-serif;font-size:12.5px;display:flex;position:sticky;bottom:14px}.float-badge .count{background:#f5f3ec2e;border-radius:20px;padding:1px 7px;font-family:IBM Plex Mono,monospace;font-size:11px}.article-text{color:var(--ink);font-family:Newsreader,serif;font-size:15.5px;line-height:1.75}.article-text>:last-child{margin-bottom:0}.article-text p,.article-text ul,.article-text ol,.article-text blockquote,.article-text pre,.article-text table,.article-text figure{margin:0 0 1em}.article-text h1,.article-text h2,.article-text h3,.article-text h4,.article-text h5,.article-text h6{border-bottom:1px solid var(--rule-soft);margin:1.4em 0 .5em;padding-bottom:.3em;font-family:Newsreader,serif;font-weight:600;line-height:1.3}.article-text h1 a,.article-text h2 a,.article-text h3 a,.article-text h4 a,.article-text h5 a,.article-text h6 a{color:inherit;text-decoration:none}.article-text ul,.article-text ol{padding-left:1.4em}.article-text li{margin-bottom:.4em}.article-text a{color:var(--pine-deep);text-decoration:underline;-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule)}.article-text blockquote{color:var(--ink-soft);background:var(--paper-2);border-left:2px solid var(--rule);padding:10px 16px;font-style:italic}.article-text pre{color:var(--ink);background:var(--paper-2);border:1px solid var(--rule);white-space:pre;border-radius:6px;padding:12px 14px;font-family:IBM Plex Mono,monospace;font-size:13px;line-height:1.6;overflow-x:auto}.article-text code{background:var(--paper-2);border-radius:3px;padding:1px 5px;font-family:IBM Plex Mono,monospace;font-size:.85em}.article-text pre code{background:0 0;padding:0}.article-text img{border-radius:4px;max-width:100%}.article-text table{border-collapse:collapse;width:100%;font-size:13.5px}.article-text th,.article-text td{border:1px solid var(--rule);text-align:left;padding:6px 10px}.write-shell{flex:1;grid-template-columns:1fr 1fr;min-height:0;display:grid}.write-col{flex-direction:column;min-width:0;padding:20px;display:flex;overflow-y:auto}.write-col.left{border-right:1px solid var(--rule);background:var(--paper-3)}.write-article-title{margin:4px 0 8px;font-family:Newsreader,serif;font-size:15px}.editor-topline{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.editor-box{box-sizing:border-box;border:1px solid var(--rule);background:var(--paper-3);width:100%;min-height:300px;color:var(--ink);resize:vertical;border-radius:6px;flex:1;padding:14px;font-family:IBM Plex Mono,monospace;font-size:12px;line-height:1.8}textarea.editor-box:focus{border-color:var(--pine);outline:none}.view-toggle{flex-shrink:0;gap:6px;display:flex}.toggle-btn{border:1px solid var(--rule);color:var(--ink-faint);cursor:pointer;background:0 0;border-radius:20px;padding:5px 10px;font-family:IBM Plex Mono,monospace;font-size:10px}.toggle-btn.on{background:var(--ink);color:var(--paper-3);border-color:var(--ink)}.write-mobile-tabs{flex-shrink:0;display:none}.write-mobile-tab{text-align:center;color:var(--ink-faint);cursor:pointer;background:0 0;border:none;flex:1;padding:10px;font-family:IBM Plex Sans,sans-serif;font-size:12.5px}.write-mobile-tab.active{color:var(--ink);border-bottom:2px solid var(--ink);margin-bottom:-1px;font-weight:600}@media (width<=860px){.write-shell{grid-template-columns:1fr}.write-col.left,.write-col.right{display:none}.write-col.mobile-active{display:flex}.write-col.left{border-right:none;border-bottom:1px solid var(--rule)}.write-mobile-tabs{border-bottom:1px solid var(--rule);display:flex}}::selection{background:#b3463240}.selection-popover{z-index:50;background:var(--ink);color:var(--paper-3);box-shadow:var(--shadow);border-radius:10px;padding:10px 14px;font-family:IBM Plex Sans,sans-serif;font-size:12.5px;line-height:1.5;position:fixed}.selection-popover-term{margin-bottom:4px;font-family:Newsreader,serif;font-size:14px;font-style:italic;font-weight:600}.selection-popover-def{color:#f5f3ecd9}.selection-popover-pos{text-transform:uppercase;letter-spacing:.06em;color:#f5f3ec8c;margin-right:6px;font-family:IBM Plex Mono,monospace;font-size:10px}.selection-popover-source{color:#f5f3ec8c;margin-top:6px;font-family:IBM Plex Mono,monospace;font-size:10px}.selection-popover-save{color:var(--paper-3);cursor:pointer;background:0 0;border:1px solid #f5f3ec4d;border-radius:20px;margin-top:8px;padding:5px 10px;font-family:IBM Plex Sans,sans-serif;font-size:11px;font-weight:500;display:block}.selection-popover-save:hover:not(:disabled){background:#f5f3ec1f}.selection-popover-save:disabled{cursor:default;opacity:.75}.vocab-body{flex:1;min-height:0;padding:22px;overflow-y:auto}.search-row{border:1px solid var(--rule);background:var(--paper-3);border-radius:6px;align-items:center;gap:8px;margin-bottom:18px;padding:8px 12px;display:flex}.search-row input{color:var(--ink-soft);background:0 0;border:none;outline:none;width:100%;font-family:IBM Plex Sans,sans-serif;font-size:12.5px}.card-stack{flex-direction:column;gap:10px;display:flex}.idx-card{background:var(--paper-3);border:1px solid var(--rule);border-left:3px solid var(--pine);color:inherit;border-radius:4px;padding:12px 14px 12px 16px;text-decoration:none;display:block;position:relative}.idx-top{justify-content:space-between;align-items:baseline;display:flex}.idx-word{font-family:Newsreader,serif;font-size:16px;font-weight:500}.idx-date{color:var(--ink-faint);font-family:IBM Plex Mono,monospace;font-size:9.5px}.idx-def{color:var(--ink-soft);margin-top:3px;font-size:12px}.stamp{border:1.5px solid var(--pine);width:30px;height:30px;color:var(--pine);opacity:.75;border-radius:50%;justify-content:center;align-items:center;font-family:IBM Plex Mono,monospace;font-size:10px;display:flex;position:absolute;bottom:10px;right:14px;transform:rotate(-8deg)}.detail-body{flex:1;min-height:0;padding:24px;overflow-y:auto}.detail-word{margin:6px 0 2px;font-family:Newsreader,serif;font-size:28px;font-weight:500}blockquote.ctx{color:var(--ink-soft);background:var(--paper-2);border-left:2px solid var(--rule);margin:18px 0;padding:10px 16px;font-family:Newsreader,serif;font-size:14px;font-style:italic}.field-label{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint);margin-bottom:6px;font-family:IBM Plex Mono,monospace;font-size:10px}.field-box{box-sizing:border-box;border:1px solid var(--rule);background:var(--paper-3);width:100%;color:var(--ink-soft);resize:vertical;border-radius:6px;min-height:60px;margin-bottom:18px;padding:10px 12px;font-family:IBM Plex Sans,sans-serif;font-size:12.5px;line-height:1.6}.field-box:focus{border-color:var(--pine);outline:none}.toast{background:var(--ink);color:var(--paper-3);box-shadow:var(--shadow);z-index:100;border-radius:24px;padding:10px 18px;font-family:IBM Plex Sans,sans-serif;font-size:13px;position:fixed;top:20px;left:50%;transform:translate(-50%)}