:root{color:#292720;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f0e7;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#f4f0e7;min-width:320px}body{min-height:100vh;margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.loading-screen{color:#473d2d;background:#f4f0e7;justify-content:center;align-items:center;gap:12px;min-height:100svh;font-family:Georgia,serif;font-size:26px;display:flex}.folio-mark{background:#f5e7c8;border:2px solid #66512a;border-radius:6px 7px 7px 6px;flex:none;width:30px;height:30px;display:inline-block;position:relative;overflow:hidden}.folio-mark:before{content:"";background:#66512a;width:2px;position:absolute;top:-2px;bottom:-2px;left:7px}.folio-mark i,.folio-mark b,.folio-mark em{background:#9b7732;border-radius:2px;height:2px;position:absolute;left:13px}.folio-mark i{width:10px;top:8px}.folio-mark b{width:10px;top:14px}.folio-mark em{width:7px;top:20px}.login-shell{background:radial-gradient(circle at 8% 0,#af8b4624,#0000 34rem),radial-gradient(circle at 100% 100%,#6f92661a,#0000 28rem),#f4f0e7;place-items:center;min-height:100svh;padding:28px 20px;display:grid}.login-card{background:#fffdf8e6;border:1px solid #4a3d251f;border-radius:24px;width:min(100%,430px);padding:34px 28px 30px;box-shadow:0 24px 70px #372e1e1a}.login-brand{color:#443927;align-items:center;gap:11px;font-family:Georgia,serif;font-size:24px;display:flex}.login-brand .folio-mark{width:32px;height:32px}.eyebrow{color:#927233;letter-spacing:.08em;margin:44px 0 9px;font-size:11px;font-weight:700}.login-card h1{color:#2e2a23;letter-spacing:-.04em;margin:0;font-family:Georgia,Noto Serif SC,serif;font-size:clamp(31px,9vw,42px);font-weight:500;line-height:1.2}.login-copy{color:#81796b;margin:18px 0 30px;font-size:14px;line-height:1.75}.login-card form{gap:10px;display:grid}.login-card label{color:#726b5f;font-size:12px;font-weight:650}.login-card input{color:#2f2b24;background:#fffdfa;border:1px solid #ded6c6;border-radius:12px;outline:0;width:100%;height:50px;padding:0 14px;font-size:15px}.login-card input:focus{border-color:#8e682085;box-shadow:0 0 0 4px #8e682014}.login-card form button{color:#fffdf8;cursor:pointer;background:#302d27;border:0;border-radius:12px;height:50px;margin-top:4px;font-weight:650}.login-card form button:disabled{cursor:not-allowed;opacity:.34}.form-message{color:#a05443;margin:14px 0 0;font-size:12px;line-height:1.5}.app-shell{min-height:100svh;padding-bottom:calc(34px + env(safe-area-inset-bottom));background:radial-gradient(circle at 100% 0,#bfa1631f,#0000 32rem),#f4f0e7}.topbar{z-index:10;height:calc(64px + env(safe-area-inset-top));padding:0 max(18px, env(safe-area-inset-right)) 14px max(18px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f4f0e7e6;border-bottom:1px solid #38332717;justify-content:space-between;align-items:flex-end;display:flex;position:sticky;top:0}.brand{color:#453b2b;align-items:center;gap:10px;font-family:Georgia,serif;font-size:22px;display:flex}.brand .folio-mark{width:29px;height:29px}.top-actions{align-items:center;gap:9px;display:flex}.sync-status{color:#7c7669;align-items:center;gap:6px;font-size:11px;display:flex}.sync-status i{background:#799b70;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #71966a1c}.sync-status.offline i{background:#b59654;box-shadow:0 0 0 4px #b596541f}.install-button{color:#735821;cursor:pointer;background:#eee2ca;border:1px solid #77581f2e;border-radius:8px;padding:6px 9px;font-size:10px;font-weight:650}.more-button{color:#4f4a41;letter-spacing:1px;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:7px 3px}.content-column{width:min(100%,680px);margin:0 auto}.intro{padding:36px 20px 17px}.intro p{color:#967536;letter-spacing:.13em;text-transform:uppercase;margin:0 0 6px;font-size:11px;font-weight:700}.intro h1{color:#322e26;letter-spacing:-.035em;margin:0;font-family:Georgia,Noto Serif SC,serif;font-size:clamp(27px,7.6vw,38px);font-weight:500;line-height:1.28}.composer{background:#fffdf8f5;border:1px solid #3d352621;border-radius:20px;margin:0 14px 16px;overflow:hidden;box-shadow:0 12px 34px #362e2012}.context-card{background:#f8f4eb;border:1px solid #e9e1d2;border-radius:13px;margin:14px 14px 0;position:relative;overflow:hidden}.context-card blockquote{color:#615a4e;white-space:pre-wrap;border-bottom:1px solid #ece5d7;max-height:140px;margin:0;padding:14px 38px 13px 14px;font-family:Georgia,Noto Serif SC,serif;font-size:14px;line-height:1.65;overflow:auto}.context-card a{color:#514b40;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:1px 7px;padding:11px 38px 11px 13px;text-decoration:none;display:grid}.context-card a>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;overflow:hidden}.context-card a small{color:#979082;text-overflow:ellipsis;white-space:nowrap;grid-column:2;font-size:10px;overflow:hidden}.source-arrow{color:#9a7a39;grid-row:1/span 2}.context-title{color:#5d5548;padding:13px 38px 13px 14px;font-size:12px;font-weight:650}.clear-context{color:#8f8779;cursor:pointer;background:#4a41310f;border:0;border-radius:50%;width:27px;height:27px;position:absolute;top:8px;right:8px}.composer textarea{resize:vertical;color:#2f2c25;background:0 0;border:0;outline:0;width:100%;min-height:174px;padding:20px 18px;font-family:Georgia,Noto Serif SC,serif;font-size:18px;line-height:1.7;display:block}.composer textarea::placeholder{color:#aaa294}.composer-footer{border-top:1px solid #f0eadf;justify-content:space-between;align-items:center;gap:10px;min-height:62px;padding:10px 12px 11px 18px;display:flex}.tag-preview{color:#8a6b2d;gap:5px;min-width:0;font-size:10px;display:flex;overflow:hidden}.tag-preview>span:not(.hint){white-space:nowrap;background:#f3ead6;border-radius:5px;padding:3px 5px}.hint{color:#a39b8c}.composer-actions{align-items:center;gap:4px;display:flex}.cancel-button{color:#8a8174;cursor:pointer;background:0 0;border:0;font-size:11px}.save-button{color:#fffdf8;cursor:pointer;background:#302d27;border:0;border-radius:11px;min-width:92px;padding:11px 15px;font-size:13px;font-weight:650;transition:background .12s,transform .12s}.save-button:active:not(:disabled){transform:scale(.98)}.save-button:disabled{cursor:not-allowed;opacity:.34}.save-button.saved{background:#607f5b}.save-button.queued{background:#917136}.notice{color:#746447;background:#efe5cfbd;border:1px solid #90703221;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;margin:0 16px 14px;padding:10px 12px;font-size:11px;line-height:1.5;display:flex}.notice button{color:#8d816f;cursor:pointer;background:0 0;border:0}.library{padding:9px 14px 12px}.library-heading{align-items:baseline;gap:8px;padding:10px 4px 12px;display:flex}.library-heading h2{margin:0;font-family:Georgia,Noto Serif SC,serif;font-size:25px;font-weight:500}.library-heading span{color:#9b9384;font-size:11px}.search-field{color:#aaa293;background:#fffdf8b8;border:1px solid #3b34271c;border-radius:13px;align-items:center;gap:9px;height:45px;margin-bottom:12px;padding:0 13px;display:flex}.search-field:focus-within{background:#fffdf8;border-color:#916d2a59;box-shadow:0 0 0 3px #916d2a12}.search-field input{color:#37332b;background:0 0;border:0;outline:0;width:100%;font-size:13px}.search-field input::placeholder{color:#aaa294}.search-field button{color:#8d867a;cursor:pointer;background:0 0;border:0}.note-list{flex-direction:column;gap:11px;display:flex}.note-card{background:#fffdf8e0;border:1px solid #3d35261c;border-radius:16px;padding:17px 16px 12px;box-shadow:0 3px 11px #362e200a}.note-card>p{color:#302d27;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-family:Georgia,Noto Serif SC,serif;font-size:16px;line-height:1.65}.note-card>blockquote{color:#7e7567;white-space:pre-wrap;-webkit-line-clamp:4;border-left:2px solid #d9c69e;-webkit-box-orient:vertical;margin:10px 0 0;padding-left:11px;font-family:Georgia,Noto Serif SC,serif;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.note-tags{flex-wrap:wrap;gap:6px;margin-top:11px;display:flex}.note-tags span{color:#8d6e31;font-size:10px}.note-card footer{border-top:1px solid #f0eadf;justify-content:space-between;align-items:center;gap:8px;margin-top:13px;padding-top:10px;display:flex}.note-meta{color:#a1998b;flex:1;align-items:center;gap:8px;min-width:0;font-size:10px;display:flex}.note-meta time{flex:none}.note-meta a{color:#91805d;text-overflow:ellipsis;white-space:nowrap;min-width:0;text-decoration:none;overflow:hidden}.note-meta a:before{color:#b2ab9e;content:"·";margin-right:8px}.note-actions{gap:1px;display:flex}.note-actions button{color:#777063;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:6px 7px;font-size:10px}.note-actions button:active{background:#f1ece2}.empty-state{color:#8e8678;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:220px;padding:32px;display:flex}.empty-state .folio-mark{opacity:.58;margin-bottom:14px}.empty-state strong{color:#625c51;font-family:Georgia,Noto Serif SC,serif;font-size:16px;font-weight:500}.empty-state p{margin:7px 0 0;font-size:11px}@media (min-width:700px){.intro{padding-top:48px}.composer,.library{margin-inline:0}.library{padding-inline:0}.note-actions{opacity:0;transition:opacity .12s}.note-card:hover .note-actions,.note-actions:focus-within{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}