:root{--bg:#f7f7f5;--paper:#fff;--ink:#202124;--muted:#666870;--line:#e2e2e6;--accent:#6257c6;--pale:#eeecfa;--danger:#a13535;--radius:8px;font:15px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer;border:0;border-radius:6px;min-height:44px;padding:10px 15px;font-weight:500}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #9185ed;outline-offset:3px}a{color:var(--accent)}h1,h2,p{margin-top:0}h1{font-size:30px;line-height:1.5;letter-spacing:-.035em}h2{font-size:20px}input:not([type=checkbox]),textarea{display:block;width:100%;padding:11px 13px;border:1px solid #85858f;background:white;color:var(--ink);border-radius:6px;min-height:44px}input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}textarea{resize:vertical;line-height:1.8}label{display:block;font-size:13px;font-weight:500;margin:17px 0 7px}[hidden]{display:none!important}.primary{background:var(--accent);color:white}.primary:hover{background:#5147af}.secondary{background:var(--pale);color:#5147af}.ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}.ghost:hover{background:var(--pale)}.full{width:100%}.muted{color:var(--muted);font-size:14px}.fine{font-size:12px;line-height:1.7;color:var(--muted)}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.16em;color:var(--muted);margin-bottom:12px}.topbar{height:68px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#202124;color:#f6f6f8;border-bottom:1px solid #38393f}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600;letter-spacing:-.025em;color:inherit;line-height:1.45}.brand small{display:block;letter-spacing:.16em;font-size:8px;font-weight:400;color:#b3b3be}.brand-icon{display:grid;place-items:center;width:30px;height:34px;border:1px solid #8f85df;border-radius:4px;color:#d7d0ff;font-family:Georgia,serif;font-size:24px}#account-actions{display:flex;gap:18px;align-items:center}.private-badge{font-size:11px;color:#b3b3be}.topbar .ghost{border-color:#4c4d54;color:#eeeef3;font-size:12px}.topbar .ghost:hover{background:#36363e}.status:empty{display:none}.status,.error{margin:0;padding:10px 28px;font-size:13px;overflow-wrap:anywhere}.status{background:var(--pale);color:#5147af}.error{background:#fff0ec;color:var(--danger);border:1px solid #f0d3c1}.workspace{display:grid;grid-template-columns:216px minmax(0,1fr);min-height:calc(100dvh - 68px)}.sidebar{background:#202124;color:#eeeef3;padding:32px 16px;display:flex;flex-direction:column}.sidebar .eyebrow{color:#a9a9b4;margin-left:12px}.sidebar h2{font-size:14px;font-weight:500;margin:0 12px 24px}.nav-buttons{display:grid;gap:6px}.nav-button{display:flex;align-items:center;justify-content:space-between;background:transparent;color:#bdbdc6;font-size:12px;text-align:left;padding:12px}.nav-button:hover{background:#2c2d33}.nav-button.active{background:#373443;color:#fff;border-left:3px solid #a193ff;padding-left:9px}.nav-button span{font-size:11px;color:#c5bfeb}.sidebar-bottom{margin-top:auto;padding:56px 10px 0}.sidebar-bottom p:first-child{font-size:11px;color:#aaaab5}.sidebar-bottom .ghost{font-size:11px;width:100%;color:#d8d8e0;border-color:#4d4d57}.sidebar-bottom .ghost:hover{background:#36363e}.sidebar-bottom .fine{color:#a9a9b4;font-size:10px}.library-main{padding:42px clamp(24px,5vw,80px) 64px;max-width:1280px;width:100%;margin:0 auto}.section-top{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.section-top h1{font-size:30px;margin:0 0 6px}.section-top p{margin:0}.section-top button{white-space:nowrap;font-size:12px}.stats{display:flex;gap:28px;margin:0 0 28px;padding-bottom:24px;border-bottom:1px solid var(--line)}.stats>div{display:flex;align-items:baseline;gap:7px}.stats strong{font-size:20px;font-weight:500}.stats span{font-size:11px;color:var(--muted)}.search-row{display:flex;gap:12px;align-items:center}.search-box{margin:0;flex:1}.search-row input{background:white;font-size:13px}.search-row button{font-size:12px}.search-row .ghost{border-color:transparent}#search-caption{margin:9px 0 25px;font-size:11px}.note-grid{display:flex;flex-direction:column;border-top:1px solid var(--line)}.note-card{position:relative;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:23px 22px 21px 20px;text-align:left;display:grid;grid-template-columns:minmax(0,1fr) 126px;column-gap:26px;min-height:126px;font-weight:400;transition:background .15s}.note-card:hover{background:#eeedf3}.note-card:focus-visible{z-index:1}.note-card h2{grid-column:1;font-size:17px;font-weight:600;line-height:1.65;margin:0 0 5px;overflow-wrap:anywhere}.card-top{grid-column:1;display:flex;gap:12px;margin:0 0 8px;font-size:11px;color:var(--muted)}.card-top span+span{color:#6257a8}.card-tags{grid-column:1;display:flex;flex-wrap:wrap;gap:5px}.tag{font-size:10px;color:#62616b;background:#eae9ed;border-radius:3px;padding:2px 6px}.card-bottom{grid-column:2;grid-row:1/4;align-self:center;display:flex;flex-direction:column;gap:8px;align-items:flex-end;font-size:11px;color:var(--muted)}.card-bottom span:last-child{color:var(--accent);font-weight:500}.mini-progress{position:absolute;right:22px;bottom:20px;width:100px;height:2px;background:#e4e1ee;overflow:hidden}.mini-progress span{display:block;height:100%;background:#8e83d2}.empty{padding:70px 30px;text-align:center;color:var(--muted)}#load-more{margin-top:24px}.reader{padding:0}.reader-heading{display:flex;align-items:center;gap:20px;padding:14px 24px;border-bottom:1px solid var(--line);background:white}.reader-heading>div{flex:1;min-width:0}.reader-heading h1{font-size:16px;line-height:1.5;margin:0;overflow-wrap:anywhere}.reader-heading .eyebrow{margin-bottom:3px;font-size:9px}.reader-heading button{font-size:12px;white-space:nowrap}.reader-heading .text-link{font-size:11px;white-space:nowrap}#toggle-notebook[aria-expanded=true]{background:var(--pale);color:var(--accent);border-color:#cbc4ed}.reader-layout{display:grid;grid-template-columns:minmax(0,1fr)}.reader-layout:has(.learning-panel:not([hidden])){grid-template-columns:minmax(0,1fr) 320px}.document-area{min-width:0;background:white;display:flex;flex-direction:column;height:calc(100dvh - 153px);min-height:440px}.document-area iframe{display:block;width:100%;flex:1;min-height:350px;border:0;background:white}.viewer-warning{background:#f8f5ec;border-bottom:1px solid #e9dfca;padding:8px 24px;font-size:11px;color:#79603f}.learning-panel{border-left:1px solid var(--line);background:#f7f7f5;padding:25px 22px;height:calc(100dvh - 153px);overflow:auto}.learning-panel h2{font-size:17px;margin-bottom:24px}.progress-label{display:flex;justify-content:space-between;font-size:12px}progress{width:100%;height:4px;border:0;margin:8px 0;color:var(--accent);accent-color:var(--accent);background:var(--pale)}progress::-webkit-progress-bar{background:var(--pale)}progress::-webkit-progress-value{background:var(--accent)}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:12px;margin-top:20px}.bookmark-actions{border-bottom:1px solid var(--line);padding:12px 0 22px}.bookmark-actions button{font-size:12px}.bookmark-actions button+button{margin-top:8px}.memo-label{margin-top:22px}.learning-panel textarea{font-size:14px}.memo-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}.memo-footer button{font-size:12px;padding:8px 12px;flex-shrink:0}.learning-panel #sync-time{margin:22px 0 10px}.conflict{background:#fcf3e4;border:1px solid #e5c78f;border-radius:6px;padding:14px;font-size:12px;margin-top:16px}.conflict strong{font-size:13px}.conflict button{margin-top:10px;font-size:12px}.footer{padding:16px 28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.12em;color:var(--muted)}.footer span{letter-spacing:0;font-size:11px}body:has(#library-view:not([hidden])) .footer,body:has(#reader-view:not([hidden])) .footer{display:none}.login-layout{max-width:1060px;margin:85px auto 100px;display:grid;grid-template-columns:1fr 400px;gap:90px;padding:0 28px;align-items:center}.login-intro h1{font-size:42px;line-height:1.5;margin:25px 0}.login-intro p{color:var(--muted);line-height:2}.intro-lines{display:grid;gap:16px;margin-top:38px;padding-top:28px;border-top:1px solid var(--line)}.intro-lines span{font-size:12px;color:var(--muted)}.intro-lines b{font-size:14px;color:var(--ink);margin:0 16px}.login-card{background:white;padding:32px;border:1px solid var(--line);border-radius:10px}.login-card h2{margin-bottom:10px}.login-card .primary{margin-top:28px}.login-card .fine{margin:18px 0 0}dialog{border:1px solid var(--line);border-radius:10px;padding:30px;width:min(540px,calc(100% - 28px));max-height:calc(100dvh - 32px);overflow:auto;color:var(--ink)}dialog::backdrop{background:#20212480}.dialog-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.dialog-header h2{margin-bottom:12px}.dialog-header .ghost{font-size:23px;line-height:1;padding:8px 13px}.upload-note{background:var(--bg);border-radius:6px;padding:14px;font-size:12px;color:var(--muted);margin:20px 0}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{display:block;padding:10px;background:white}
@media(max-width:900px){.workspace{grid-template-columns:190px minmax(0,1fr)}.library-main{padding:32px 24px}.stats{gap:16px}.stats>div{display:block}.stats span{display:block}.reader-heading{gap:12px}.reader-layout:has(.learning-panel:not([hidden])){grid-template-columns:minmax(0,1fr) 290px}.login-layout{gap:35px;grid-template-columns:1fr 370px}.login-intro h1{font-size:34px}}
@media(max-width:700px){.topbar{height:62px;padding:0 16px}.brand{font-size:14px}.brand-icon{width:26px;height:30px}.private-badge{display:none}#account-actions{gap:0}#logout{font-size:10px;padding:8px}.workspace{display:block;min-height:calc(100dvh - 62px)}.sidebar{padding:10px 12px}.sidebar>.eyebrow,.sidebar>h2{display:none}.nav-buttons{display:flex;overflow-x:auto;gap:4px}.nav-button{font-size:11px;white-space:nowrap;padding:10px 9px;flex-shrink:0}.nav-button.active{border-left:0;border-bottom:2px solid #a193ff;padding-left:9px}.nav-button span{margin-left:8px}.sidebar-bottom{padding:8px 0 0;margin:0}.sidebar-bottom p{display:none}.sidebar-bottom .ghost{width:auto;min-height:44px;font-size:10px;border-color:transparent;padding:8px}.library-main{padding:28px 18px 40px}.section-top{gap:12px;margin-bottom:20px}.section-top h1{font-size:25px}.section-top p{font-size:11px}.section-top .eyebrow{font-size:9px;margin-bottom:6px}.section-top button{font-size:11px;padding:10px}.stats{gap:24px;margin-bottom:20px;padding-bottom:18px}.stats strong{font-size:19px}.stats span{font-size:10px}.search-row input{font-size:16px}.note-card{padding:20px 8px;grid-template-columns:minmax(0,1fr) 76px;gap:0 12px;min-height:140px}.note-card h2{font-size:16px}.card-top{font-size:10px;gap:8px}.card-bottom{font-size:10px}.mini-progress{width:64px;right:8px;bottom:24px}.reader-heading{padding:10px 14px;gap:8px;flex-wrap:wrap}.reader-heading>div{order:3;flex-basis:100%;padding:6px 0}.reader-heading h1{font-size:16px}.reader-heading .text-link{margin-left:auto}.reader-heading button{font-size:11px;padding:9px}.reader-layout,.reader-layout:has(.learning-panel:not([hidden])){display:flex;flex-direction:column}.document-area{height:calc(100dvh - 194px);min-height:360px;order:2}.document-area iframe{min-height:300px;flex:1}.learning-panel{order:1;width:100%;height:auto;max-height:58dvh;border-left:0;border-bottom:1px solid var(--line);padding:22px}.learning-panel textarea{font-size:16px}.viewer-warning{font-size:10px;padding:8px 16px}.login-layout{display:flex;flex-direction:column;gap:24px;padding:0 22px;margin:40px auto 60px;max-width:500px}.login-intro{width:100%}.login-intro h1{font-size:32px;margin:16px 0}.login-intro p{font-size:13px;margin-bottom:0}.intro-lines{display:none}.login-card{padding:25px;width:100%}.footer{padding:18px;font-size:8px}.footer span{font-size:10px}.status,.error{padding:10px 16px;font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* Reader workspace: matched to the official product's compact dark library. */
:root{--bg:#161b20;--paper:#1d2329;--ink:#e3e7ed;--muted:#929ca8;--line:#30373f;--accent:#729bff;--pale:#283953;--danger:#ffacac;color-scheme:dark;font-size:13px}body{background:var(--bg)}button{min-height:36px;border-radius:4px;font-size:12px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,article:focus-visible,select:focus-visible{outline:2px solid #729bff;outline-offset:2px}.primary{background:#526fd2;color:#fff}.primary:hover{background:#6280e1}.secondary{background:#29364d;color:#c6d6ff}.ghost{border-color:var(--line)}.ghost:hover{background:#28303a}.topbar{height:44px;padding:0 18px;background:#13181d;border-color:var(--line)}.brand{font-size:12px;gap:8px}.brand small{display:none}.brand-icon{width:22px;height:24px;font-size:18px;border-color:#8293aa;color:#e3e7ed}.private-badge{font-size:10px}.topbar #logout{min-height:28px;padding:3px 9px;font-size:10px}body:has(#library-view:not([hidden])) .topbar .brand{opacity:.75}.status,.error{font-size:12px;padding:8px 16px}.status{background:#25344c;color:#c6d6ff}.error{background:#3d252a;border-color:#67414a;color:#ffd2d2}input:not([type=checkbox]),textarea,select{background:#161c22;color:var(--ink);border:1px solid #46515f;border-radius:4px;min-height:36px;font:inherit;padding:8px 10px}select{max-width:100%;cursor:pointer}input[type=checkbox]{accent-color:#729bff}.workspace{grid-template-columns:52px minmax(0,1fr) 292px;min-height:calc(100dvh - 44px);align-items:start}.rail{position:sticky;top:0;height:calc(100dvh - 44px);background:#141a20;border-right:1px solid var(--line);padding:18px 8px 12px;display:flex;align-items:center;flex-direction:column;gap:12px}.rail-logo{font:bold 20px Georgia,serif;border:1px solid #91a0b4;width:27px;height:27px;display:grid;place-items:center;margin-bottom:12px}.rail-button{color:#8c99aa;background:transparent;width:36px;padding:0;font-size:23px;line-height:1}.rail-button:hover,.rail-button.selected{background:#293a5a;color:#91b2ff}.rail-bottom{margin-top:auto}.library-main{padding:0;margin:0;max-width:none;width:100%;min-width:0}.library-toolbar{display:flex;align-items:center;gap:25px;padding:0 25px;border-bottom:1px solid var(--line);height:62px;overflow-x:auto}.library-toolbar h1{font-size:15px;white-space:nowrap;font-weight:600;margin:0;letter-spacing:0}.library-toolbar h1 span{font-size:10px;color:var(--muted);margin-left:5px}.library-tabs{display:flex;align-self:stretch;gap:17px;align-items:stretch}.library-tabs button{background:none;color:#9aa6b4;padding:0 2px;border-radius:0;text-transform:uppercase;font-size:10px;font-weight:600;letter-spacing:.07em;border-bottom:2px solid transparent}.library-tabs button:hover{color:white}.library-tabs button.active{color:#e9efff;border-bottom-color:#789aff}.library-controls{display:flex;gap:8px;align-items:center;padding:17px 24px 6px}.library-controls input{font-size:12px;background:#1b222a;border-color:#343f4b}.library-controls select{font-size:10px;border-color:transparent;background:transparent;width:auto;padding:8px 2px}.compact-label{margin:0}.search-box{min-width:110px;flex:1}.icon-button{background:transparent;color:#a7b4c6;min-width:36px;padding:6px;font-size:18px}.icon-button:hover{background:#283441;color:#dce7ff}.icon-button[aria-pressed=true]{color:#f1c972}.list-caption{display:flex;justify-content:space-between;gap:12px;padding:0 26px 10px;color:#8793a2;font-size:10px}.list-caption #search-caption{font-size:10px;margin:0}.note-grid{border-top:1px solid var(--line)}.note-card{display:grid;grid-template-columns:48px minmax(0,1fr) 88px;grid-template-rows:auto auto auto;column-gap:16px;min-height:112px;padding:20px 25px;border-bottom:1px solid #29323b;cursor:pointer;color:var(--ink);outline-offset:-2px}.note-card:hover{background:#202830}.note-card.selected{background:#222d38;box-shadow:inset 2px 0 #729bff}.note-cover{grid-column:1;grid-row:1/4;width:46px;height:54px;display:grid;place-items:center;border-radius:3px;background:linear-gradient(145deg,#b4cfce,#516579);color:#18252d;font:600 16px Georgia,serif;letter-spacing:-1px;align-self:center}.note-card:nth-child(3n+2) .note-cover{background:linear-gradient(145deg,#e1d7b3,#a18779)}.note-card:nth-child(3n) .note-cover{background:linear-gradient(145deg,#c5c9df,#778bad)}.note-card h2{grid-column:2;font-size:14px;margin:0 0 4px;line-height:1.5}.note-title-button{background:transparent;color:#e2e9f2;font-weight:600;font-size:14px;padding:0;text-align:left;min-height:0;line-height:1.65;overflow-wrap:anywhere}.note-title-button:hover{color:#a8c3ff}.card-top{grid-column:2;color:#9aa6b5;font-size:10px;margin:0 0 5px}.card-top span+span{color:#9eafd0}.card-tags{grid-column:2;gap:5px}.tag{background:#2c3642;color:#abb9cc;font-size:9px;padding:1px 5px;max-width:100%;overflow-wrap:anywhere}.card-bottom{grid-column:3;grid-row:1/4;font-size:9px;gap:7px;align-self:center}.card-bottom span:last-child{color:#8c99a9;font-weight:400}.mini-progress{right:25px;width:75px;bottom:19px;background:#37404c;height:2px}.mini-progress span{background:#8b99d4}.library-foot{padding:18px 25px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;font-size:10px;color:#8b97a7}.library-foot b{font-weight:400;color:#bac4d1}kbd{font:10px monospace;padding:1px 4px;border:1px solid #3e4b59;border-radius:3px;margin-left:4px}.library-inspector{border-left:1px solid var(--line);background:#1a2027;min-height:calc(100dvh - 44px);position:sticky;top:0;max-height:100dvh;overflow:auto}.panel-tabs{height:62px;display:flex;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:0 22px;margin-bottom:24px;color:#8f9bab}.panel-tabs button{padding:0;background:none;color:#8f9bab;height:100%;border-bottom:2px solid transparent;border-radius:0;font-size:12px}.panel-tabs .active{color:#e5ebf5}.panel-tabs button.active{border-bottom-color:#729bff}.panel-caption{font-size:8px;letter-spacing:.08em;margin-left:auto}.panel-tabs #highlight-count{background:#303c4c;padding:1px 5px;font-size:10px;border-radius:4px;margin-left:4px}#selected-detail{padding:0 22px 28px}.detail-cover{height:128px;background:linear-gradient(140deg,#273547,#414f66);color:#a9bfd8;display:grid;place-items:center;font:42px Georgia,serif;letter-spacing:-3px;margin-bottom:22px;border-radius:5px}#selected-category{font-size:9px}#selected-title{font-size:19px;line-height:1.65;overflow-wrap:anywhere;margin-bottom:12px}#selected-tags{margin-bottom:22px}#selected-location{width:100%;margin-bottom:10px}.detail-help{border-top:1px solid var(--line);padding-top:20px;margin-top:24px;font-size:10px}.inspector-empty{padding:24px;color:var(--muted)}.reader-heading{background:#192027;padding:10px 18px;gap:14px;border-color:var(--line);min-height:64px}.reader-heading h1{font-size:13px;font-weight:500}.reader-heading .eyebrow{font-size:8px;letter-spacing:.08em}.reader-heading button{min-height:34px;font-size:11px}.reader-heading select{font-size:11px;border-color:#364250;min-height:34px}.reader-heading .text-link{font-size:10px;color:#a8b9d4}#toggle-notebook[aria-expanded=true]{background:#2b394e;border-color:#405675;color:#c8d9fc}.reader-layout:has(.learning-panel:not([hidden])){grid-template-columns:minmax(0,1fr) 320px}.document-area{background:#161b20;height:calc(100dvh - 108px);min-height:420px}.document-area iframe{background:#161b20;min-height:330px}.viewer-warning{background:#302d26;border-color:#494332;color:#d3c49e;font-size:10px}.learning-panel{height:calc(100dvh - 108px);padding:0 20px 24px;background:#1a2027;border-color:var(--line)}.learning-panel .panel-tabs{position:sticky;top:0;background:#1a2027;margin:0 -20px 24px;padding:0 20px;height:49px;z-index:2}.learning-panel h2{font-size:14px;margin:0 0 16px}.learning-panel textarea{font-size:12px;background:#171e25;color:#dce4ef;min-height:94px;border-color:#3c4856}.learning-panel .memo-label{margin-top:0;font-size:11px}.learning-panel .eyebrow{font-size:9px}.memo-footer button{font-size:10px}.memo-footer .fine{font-size:10px}.fine{font-size:11px}.progress-label{font-size:11px}.bookmark-actions button{font-size:11px}.highlight-heading{display:flex;justify-content:space-between;align-items:center;margin-top:30px;border-top:1px solid var(--line);padding-top:17px}.highlight-heading h2{margin:0}.highlight-selection{background:#25334a;border:1px solid #486080;padding:14px;margin:15px 0;border-radius:4px}.highlight-selection blockquote{margin:0 0 14px;border-left:2px solid #d9bd64;padding-left:10px;font-size:12px;max-height:160px;overflow:auto;white-space:pre-wrap}.highlight-selection button{margin-top:8px}.highlight-selection select{width:100%}.highlight-card{padding:18px 0;border-bottom:1px solid var(--line)}.highlight-quote{display:block;background:transparent;border-left:2px solid #d8be73;color:#dbe3ee;white-space:pre-wrap;overflow-wrap:anywhere;text-align:left;padding:2px 0 2px 12px;border-radius:0;line-height:1.8;font-size:12px;width:100%}.highlight-card.blue .highlight-quote{border-color:#7aacf0}.highlight-card.pink .highlight-quote{border-color:#e994b9}.highlight-card label{font-size:10px;margin-top:15px}.highlight-card select{font-size:10px;margin-top:8px;margin-right:5px}.highlight-card .secondary{font-size:10px}.highlight-card .fine{font-size:10px;margin:6px 0}.conflict{background:#392f24;border-color:#63513a;color:#e6d3b6}.appearance-panel{display:flex;gap:20px;align-items:center;background:#202a34;border-bottom:1px solid var(--line);padding:14px 26px}.appearance-panel label{display:flex;align-items:center;gap:8px;font-size:11px;margin:0}.appearance-panel select{font-size:12px}.login-card{background:#1d2329}.login-intro p{color:var(--muted)}.login-card .muted{color:var(--muted)}dialog{background:#1d2329;border-color:#455364}.upload-note{background:#161b20}.footer{background:#161b20}.error{color:#ffd2d2}
@media(max-width:1100px){.workspace{grid-template-columns:52px minmax(0,1fr) 250px}.library-toolbar{padding:0 18px;gap:20px}.library-tabs{gap:12px}.library-controls{flex-wrap:wrap;padding:14px 18px 6px}.library-controls .search-box{flex-basis:100%}.library-controls .compact-label{flex:1}.library-controls select{width:100%}.list-caption{padding-left:18px;padding-right:18px}.note-card{padding:17px 18px;column-gap:12px}.mini-progress{right:18px}.library-foot{padding:18px}.reader-layout:has(.learning-panel:not([hidden])){grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:850px){.workspace{grid-template-columns:48px minmax(0,1fr)}.library-inspector{display:none}.rail{padding-left:6px;padding-right:6px}.library-toolbar{height:56px}.library-controls{flex-wrap:nowrap}.library-controls .search-box{flex-basis:auto}.library-controls .compact-label{flex:0}.library-controls select{width:130px}.reader-heading{gap:8px}.reader-heading .text-link{display:none}}
@media(max-width:700px){button{min-height:44px}.topbar{height:44px;padding:0 12px}.workspace{display:grid;grid-template-columns:44px minmax(0,1fr);min-height:calc(100dvh - 44px)}.rail{height:calc(100dvh - 44px);padding:15px 4px;gap:10px}.rail-button{width:36px;min-height:44px}.rail-logo{width:25px;height:25px;font-size:18px}.library-main{padding:0}.library-toolbar{display:block;padding:15px 14px 0;height:auto;overflow:visible}.library-toolbar h1{font-size:15px;margin-bottom:8px}.library-tabs{gap:14px;overflow-x:auto;min-height:44px}.library-tabs button{font-size:9px;flex-shrink:0;min-height:44px}.library-controls{padding:12px 14px 6px;gap:3px;flex-wrap:wrap}.library-controls .search-box{flex-basis:100%}.library-controls input{font-size:16px;min-height:44px}.library-controls .compact-label{flex:1;min-width:0}.library-controls select{font-size:10px;width:100%;min-height:44px}.list-caption{padding:2px 14px 12px;font-size:9px;flex-wrap:wrap;gap:4px}.list-caption #search-caption{font-size:9px}.note-card{grid-template-columns:35px minmax(0,1fr);padding:18px 14px;gap:0 10px;min-height:150px}.note-cover{width:34px;height:44px;font-size:13px;align-self:start;margin-top:5px}.note-card h2{font-size:13px}.note-title-button{font-size:13px;min-height:44px}.card-top{font-size:9px;flex-wrap:wrap;gap:4px}.card-bottom{grid-column:2;grid-row:4;flex-direction:row;justify-content:space-between;align-items:center;font-size:9px;margin-top:10px}.mini-progress{bottom:10px;right:14px;left:59px;width:auto}.library-foot{padding:18px 14px;font-size:9px}.library-foot>span+span{display:none}.reader-heading{padding:8px 12px;gap:7px;flex-wrap:wrap}.reader-heading>div{order:2;flex-basis:100%;padding-top:5px}.reader-heading h1{font-size:13px}.reader-heading button{font-size:10px;min-height:44px;padding:7px}.reader-heading select{min-height:44px;width:85px;font-size:10px}#reader-shortlist{min-width:30px}#show-appearance{min-width:30px}.reader-layout,.reader-layout:has(.learning-panel:not([hidden])){display:flex;flex-direction:column}.document-area{height:calc(100dvh - 176px);min-height:360px;order:2}.learning-panel{order:1;height:auto;max-height:58dvh;width:100%;border-bottom:1px solid var(--line);border-left:0;padding:0 20px 20px}.learning-panel textarea{font-size:16px}.learning-panel .panel-tabs{height:48px}.appearance-panel{gap:10px;padding:12px;flex-wrap:wrap}.appearance-panel label{font-size:10px;flex:1 1 40%;justify-content:space-between}.appearance-panel select{min-height:44px;font-size:14px}.viewer-warning{padding:8px 12px}.highlight-card textarea{font-size:16px}.highlight-card select{font-size:14px;min-height:44px}.highlight-card .secondary{min-height:44px}.login-layout{margin:40px auto}.login-intro h1{color:var(--ink)}.brand-icon{height:23px;width:21px}.topbar .brand{font-size:12px}}
.highlight-remove{font-size:10px;padding:6px 8px;margin-left:5px}#undo-highlight{font-size:11px;margin-top:12px}.rail-bottom{min-height:44px}