@font-face{font-family:Inter;src:url(/assets/Inter.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/Inter.woff2) format("woff2");font-weight:100 900;font-style:italic;font-variation-settings:"slnt" -10;font-display:swap}:root{--ink: #302e36;--muted: #706e76;--fine: #e5e3df;--purple: #5850ec;--purple-ink: #4f45d3;--lavender: #eeecff;--paper: #fffefa;--nav: #f5f4f1;--list: #fcfbf9;font:14px Inter,system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit;color:inherit}button{border:0;cursor:pointer;background:none}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--purple);outline-offset:3px}a{color:var(--purple-ink);text-decoration:none}button,a{touch-action:manipulation}svg{flex-shrink:0;stroke-width:1.7}button svg{vertical-align:middle}kbd{font:500 10px Inter,sans-serif;white-space:nowrap}.workspace{display:grid;grid-template-columns:clamp(184px,16.2vw,240px) clamp(242px,22.4vw,326px) minmax(0,1fr);height:100vh;height:100dvh;overflow:hidden}.sidebar,.note-list,.writing{min-height:0;min-width:0;display:flex;flex-direction:column}.sidebar{background:var(--nav);border-right:1px solid var(--fine);padding:0 14px}.brand-row{display:flex;align-items:center;justify-content:space-between;padding:27px 10px 29px}.brand{display:inline-flex;align-items:center;gap:11px;color:#302d37}.brand img{width:41px;height:41px;border-radius:12px;object-fit:cover}.brand>span{font:700 34px/.95 Inter,system-ui,sans-serif;letter-spacing:-2.2px}.new-note,.primary,.outline,.share{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:8px;font-weight:620;line-height:1.25}.new-note,.primary{background:var(--purple);color:#fff;box-shadow:0 2px 4px #332b8214}.new-note{padding:11px 12px;margin:0 5px 29px;font-size:13px;justify-content:flex-start}.new-note kbd{margin-left:auto;padding:2px 4px;color:#efedff;border:1px solid #ffffff43;border-radius:4px}.new-note:hover,.primary:hover{background:#4941d5}.side-scroll{flex:1;min-height:0;overflow:auto}.section-label,.day-label{text-transform:uppercase;letter-spacing:.105em;font-weight:700;font-size:10px;color:#79777f}.section-label{padding:0 13px;margin:0 0 10px}.nav-item{display:flex;align-items:center;width:100%;gap:11px;text-align:left;padding:10px 13px;font-size:13px;font-weight:520;border-radius:7px;color:#58555f;margin-bottom:2px}.nav-item svg{width:17px;height:17px}.nav-item>span{margin-left:auto;font-size:11px;color:#817f86;font-variant-numeric:tabular-nums}.nav-item.active,.tree-row.chosen{background:#e8e5fb;color:var(--purple-ink)}.nav-item.active{font-weight:680}.nav-item.active>span{color:var(--purple-ink)}.nav-item:hover:not(.active),.tree-row:hover,.account:hover{background:#eae8e5}.side-rule{height:1px;background:#dfddd8;margin:21px 11px}.tree-row{display:flex;align-items:center;margin:1px 3px;border-radius:6px;min-height:32px}.tree-name{display:flex;align-items:center;gap:9px;padding:7px 3px;text-align:left;flex:1;min-width:0;overflow-wrap:anywhere;font-size:13px;font-weight:510}.twist{display:grid;place-items:center;width:29px;height:29px;color:#88858c}.twist svg{width:13px}.account{border-top:1px solid var(--fine);padding:15px 6px;display:flex;align-items:center;text-align:left;gap:9px;width:100%;margin-top:12px}.account>span:nth-child(2){min-width:0;flex:1}.account strong,.account small,.person strong,.person small,.attachment-list small{display:block}.account strong{font-size:12px;font-weight:650}.account small,.person small,.attachment-list small{font-size:11px;color:var(--muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis}.account>svg{color:#77747d}.avatar{border-radius:50%;display:inline-grid;place-items:center;flex-shrink:0;background:#e0dcf0;color:#625787;overflow:hidden;font-weight:700}.avatar img{width:100%;height:100%;object-fit:cover}.note-list{background:var(--list);border-right:1px solid var(--fine)}.list-top{padding:29px 21px 4px}.list-title{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:17px}.list-title h1{font:600 clamp(21px,1.95vw,30px)/1.2 Inter,system-ui,sans-serif;letter-spacing:-1.1px;margin:0;overflow-wrap:anywhere}.icon{display:inline-grid;place-items:center;border-radius:6px;width:29px;height:29px;padding:0;color:#75717a}.icon:hover,.icon.on,.format-bar button:hover{background:#eeece8;color:var(--ink)}.search{height:34px;border:1px solid #dedcd7;background:#fffefa;border-radius:7px;display:flex;align-items:center;gap:7px;padding:0 9px;color:#827f88}.search input{min-width:0;flex:1;border:none;outline:none!important;padding:0;background:none;font-size:12px}.search:focus-within{border-color:var(--purple)}.search kbd{font-size:10px;color:#8c8790}.search button{padding:0}.cards{overflow:auto;min-height:0;flex:1;padding:0 12px 15px}.day-label{font-size:9px;letter-spacing:.12em;margin:22px 10px 8px}.note-card{text-align:left;padding:13px 12px 12px;width:100%;border-radius:9px;border:1px solid transparent;display:block;margin-bottom:2px}.note-card:hover{background:#f1efea}.note-card.selected{background:#efedfc;border-color:#dad6f5}.card-title{display:flex;align-items:baseline;gap:6px;justify-content:space-between;font-size:14px;line-height:1.42;font-weight:680;letter-spacing:-.22px}.card-title svg{color:#a59b81;flex-shrink:0}.selected .card-title{color:#453b9c}.selected .card-title svg{color:#8b81ce}.note-card p{margin:5px 0 11px;font-size:12px;line-height:1.55;color:#76717a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:6px}.card-bottom time{font-size:10px;color:#77727c;margin-left:auto}.chip{display:inline-flex;align-items:center;gap:3px;border-radius:5px;padding:3px 7px;font-size:11px;font-weight:600;line-height:1.3;background:#ece9fb;color:#675ca3}.chip>span{opacity:.8}.card-bottom .chip{font-size:9px;padding:2px 5px}.terra{background:#f6e9d9;color:#996642}.mauve{background:#f1e5ed;color:#996b88}.blue{background:#e4ebf6;color:#5d7298}.green{background:#e3eee5;color:#567a62}.ochre{background:#f5edd6;color:#8a7139}.ink-terra{color:#ad7c54}.ink-mauve{color:#a97791}.ink-blue{color:#7085b0}.ink-green{color:#6b9176}.ink-ochre{color:#ac914f}.ink-purple{color:var(--purple)!important}.list-count{height:43px;border-top:1px solid var(--fine);display:flex;align-items:center;gap:7px;padding:0 22px;font-size:11px;color:var(--muted)}.list-empty{padding:10px;color:var(--muted)}.writing{background:var(--paper);position:relative}.topbar{min-height:58px;border-bottom:1px solid var(--fine);display:flex;align-items:center;gap:8px;padding:0 clamp(15px,2.4vw,38px)}.breadcrumbs,.top-actions,.status>span,.metadata,.metadata>span{display:flex;align-items:center}.breadcrumbs{gap:8px;color:#87838a;font-size:11px;white-space:nowrap}.breadcrumbs strong{color:#625e67;font-weight:550}.top-actions{gap:6px;margin-left:auto}.share{background:#efedfd;color:var(--purple-ink);border:1px solid #ded9f6;padding:7px 11px;font-size:12px}.share:hover{background:#e5e0fc}.action-rule{width:1px;height:17px;background:var(--fine);margin:0 3px}.starred{color:#a28148}.starred svg{fill:#ead9af;stroke:#997b49}.paper-scroll{overflow:auto;min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:#dedad1 transparent}.paper{max-width:850px;margin:0 auto;padding:clamp(33px,4.6vh,66px) clamp(28px,4.6vw,77px) 40px}.paper-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:15px}.paper-tags .chip{font-size:10px;padding:4px 7px;border-radius:5px}.note-heading{font:660 clamp(32px,3.25vw,51px)/1.15 Inter,system-ui,sans-serif;letter-spacing:-.048em;width:100%;display:block;border:0;resize:none;background:none;overflow:hidden;margin:0;padding:0 0 2px;outline:none!important;color:#302d36;min-height:1.2em}.note-heading::placeholder{color:#aaa4af}.metadata{gap:9px;margin-top:14px;color:#827d83;font-size:11px;line-height:1.5}.metadata>span{gap:5px}.metadata svg{width:13px;height:13px}.metadata i{font-style:normal;color:#aca7a8}.paper-rule{height:1px;background:var(--fine);margin:22px 0 17px}.markdown-editor,.cm-editor{font:400 clamp(15px,1.21vw,17px)/1.65 Inter,system-ui,sans-serif;color:#4d484d}.cm-editor.cm-focused{outline:none!important}.cm-editor .cm-content{font-family:inherit;caret-color:var(--purple);padding:0}.cm-editor .cm-scroller{font:inherit;overflow:visible}.cm-editor .cm-line{padding:0 1px;overflow-wrap:anywhere}.cm-editor .cm-line:has(br:only-child){line-height:.78}.cm-editor .cm-cursor{border-left-color:var(--purple)}.md-heading{font:650 23px/1.45 Inter,system-ui,sans-serif;letter-spacing:-.7px;color:#302d35;padding-bottom:4px!important}.md-heading.level-1{font-size:27px}.md-heading.level-3{font-size:19px}.md-tag{font:500 .76em Inter,sans-serif;color:var(--purple-ink);padding:2px 5px;background:#eeebfc;border-radius:4px}.md-quote{border-left:3px solid #c8c0eb;padding-left:13px!important;font-style:italic;color:#746d7b}.md-bold{font-weight:700}.md-em{font-style:italic}.md-bullet{color:#968ab0}.md-inline-code,.md-code{font-family:Inter,system-ui,sans-serif;font-size:.85em;background:#f1eeeb;border-radius:3px}.note-image{display:block;position:relative;width:100%;margin:3px 0 1px;overflow:hidden;border-radius:9px;background:#ddd6c3;line-height:0}.note-image img{width:100%;max-height:450px;object-fit:contain;display:block}.note-image:has(figcaption) img{aspect-ratio:3/1;object-fit:cover}.note-image figcaption{position:absolute;right:10px;bottom:9px;border:1px solid #f6f5e75a;border-radius:4px;font:500 9px/1.2 Inter,sans-serif;color:#fffdf6;background:#18261c88;padding:4px 7px;letter-spacing:.03em}.task-box{border:1.4px solid #aaa5b3;border-radius:4px;width:15px;height:15px;display:inline-flex;align-items:center;justify-content:center;vertical-align:-1px;margin-right:8px;padding:0;font:600 12px/1 system-ui}.task-box.checked{background:#8579b4;border-color:#8579b4;color:#fff}.md-done{color:#908993;text-decoration:line-through;text-decoration-color:#b5acb6}.file-link,.text-link{text-decoration:underline;text-underline-offset:3px}.file-link{font:500 13px Inter,sans-serif;background:#eeebfb;padding:4px 7px;border-radius:5px}.cm-placeholder{color:#98919a!important}.editor-footer{padding-top:6px}.format-bar{display:flex;align-items:center;justify-content:center;gap:2px;background:#fffefa;border:1px solid #ddd9d3;border-radius:10px;margin:0 auto 12px;padding:4px 6px;width:max-content;box-shadow:0 3px 11px #342f3410}.format-bar>span{width:1px;height:15px;background:var(--fine);margin:0 2px}.format-bar button{width:28px;height:27px;color:#66606a;border-radius:4px;display:grid;place-items:center}.status{height:35px;border-top:1px solid var(--fine);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(14px,2.4vw,40px);color:#827d83;font-size:10px}.status>span{gap:6px}.status>span:first-child svg{color:#779581}.status .icon{width:23px;height:23px;margin-left:7px}.menu-anchor{position:relative}.menu-underlay{position:fixed;inset:0;z-index:3;cursor:default}.popup{position:absolute;z-index:4;right:0;top:35px;min-width:195px;border:1px solid var(--fine);background:#fffefa;box-shadow:0 8px 28px #302b3620;border-radius:9px;padding:5px}.popup button{display:flex;align-items:center;gap:9px;width:100%;padding:9px 8px;border-radius:5px;font-size:12px}.popup button:hover{background:#efecf8}.popup svg{width:15px;height:15px}.focus-mode{grid-template-columns:minmax(0,1fr)}.focus-mode>.sidebar,.focus-mode>.note-list{display:none}.focus-mode .paper{max-width:900px}.empty,.loading,.login{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:var(--muted)}.empty h2{font:400 29px Inter,system-ui;margin:0;color:var(--ink)}.loading,.login{height:100dvh}.login{background:#f3f1eb;padding:24px}.login-card{width:min(390px,100%);padding:32px;background:var(--paper);border:1px solid var(--fine);border-radius:18px}.login h1{font:500 34px Inter,system-ui;letter-spacing:-1.6px;margin:31px 0 8px;color:var(--ink)}.login p{line-height:1.6}.login form,.dialog form{display:grid;gap:9px;margin:20px 0 10px}form label,.dialog label{font-size:12px;color:#625d68;font-weight:600}.login input,.dialog input{min-width:0;width:100%;border-radius:7px;border:1px solid #d9d5d3;background:#fff;padding:10px 12px}.primary,.outline{padding:10px 13px;font-size:13px}.outline{border:1px solid #dcd8d2;background:var(--paper)}.wide{width:100%}.text-button,.inline-link{font-size:12px;color:var(--purple-ink);padding:8px 0}.login .text-button{display:block;margin:4px auto}.google-g{font-weight:750;color:#4a75c6}.dialog{width:min(435px,calc(100% - 26px));max-height:90dvh;overflow:auto;background:var(--paper);border:1px solid var(--fine);border-radius:15px;box-shadow:0 17px 70px #22203528;padding:0;color:var(--ink)}.dialog::backdrop{background:#24202c45;backdrop-filter:blur(2px)}.dialog section{padding:24px}.dialog header{display:flex;align-items:center;justify-content:space-between;gap:8px}.dialog h2{font:520 26px Inter,system-ui;letter-spacing:-1px;margin:0}.dialog h3{font-size:13px;margin:0 0 10px}.dialog p{font-size:13px;color:var(--muted);line-height:1.55}.dialog .modal-lede{margin:8px 0 20px}.input-action,.button-row{display:flex;gap:7px;align-items:center}.input-action .primary{align-self:stretch}.people{padding:16px 0;border-top:1px solid var(--fine);margin:17px 0 0}.person{display:flex;align-items:center;gap:9px;padding:7px 0;font-size:12px}.person>div{min-width:0;overflow-wrap:anywhere}.person .role{margin-left:auto;font-size:10px;color:var(--muted)}.person.preview,.person.suggestion{background:#f0eef8;padding:6px 8px;border-radius:6px}.person.suggestion:hover{background:#e6e2f5}.feedback,.toast{background:#efecfb;border-radius:6px;padding:9px 12px;color:#524a81}.toast{position:fixed;bottom:45px;left:50%;transform:translate(-50%);z-index:6;display:flex;align-items:center;gap:15px;box-shadow:0 3px 16px #35304422;font-size:13px}.attachment-list{margin:15px 0}.attachment-list a{border-top:1px solid var(--fine);padding:10px 0;display:flex;align-items:center;gap:9px}.attachment-list a>span{flex:1}.mobile-only{display:none}@media(min-width:1550px){.paper{max-width:940px}.paper-scroll{padding-top:10px}}@media(max-width:1080px)and (min-width:761px){.workspace{grid-template-columns:166px 224px minmax(0,1fr)}.sidebar{padding:0 8px}.brand-row{padding-left:11px}.list-top{padding:28px 15px 4px}.cards{padding-left:8px;padding-right:8px}.paper{padding-left:30px;padding-right:30px}.focus-mode{grid-template-columns:1fr}.breadcrumbs{font-size:10px}.topbar{padding:0 12px}.new-note kbd{display:none}}@media(max-width:760px){.workspace{grid-template-columns:1fr}.workspace>.sidebar,.workspace>.note-list,.workspace>.writing{display:none}.mobile-nav>.sidebar,.mobile-list>.note-list,.mobile-write>.writing{display:flex}.mobile-only{display:inline-grid}.sidebar{padding:0 18px}.brand-row{padding-top:24px}.list-top{padding:20px 20px 4px}.list-title{justify-content:flex-start}.list-title h1{font-size:26px;flex:1}.list-title>.icon:last-child{margin-left:auto}.cards{padding:0 14px 14px}.day-label{margin-top:16px}.card-title{font-size:16px}.note-card p{font-size:13px}.topbar{min-height:51px;padding:0 10px;gap:3px}.breadcrumbs{gap:5px;font-size:10px}.breadcrumbs>svg:first-child{display:none}.top-actions{gap:2px}.paper{padding:28px clamp(19px,6vw,42px) 32px}.note-heading{font-size:clamp(34px,7.5vw,42px)}.metadata{font-size:10px}.paper-rule{margin:18px 0 15px}.markdown-editor,.cm-editor{font-size:16px}.note-image:has(figcaption) img{aspect-ratio:2.55;object-fit:cover}.format-bar{margin-bottom:6px}.status{height:30px}.editor-footer{padding-bottom:env(safe-area-inset-bottom)}.account{margin-bottom:env(safe-area-inset-bottom)}.toast{max-width:94vw;width:max-content}.list-count{padding-bottom:env(safe-area-inset-bottom)}}@media(prefers-reduced-motion:no-preference){button,a{transition:background-color .13s,color .13s}.dialog[open]{animation:pop .15s ease-out}@keyframes pop{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}}.crumb-dog{display:none}@media(max-width:760px){.breadcrumbs .crumb-dog{display:block;width:24px;height:24px;border-radius:7px}.breadcrumbs .crumb-book,.breadcrumbs>svg:first-of-type{display:none}}.note-context{position:fixed;top:0;left:0;right:auto;z-index:8;width:max-content;min-width:188px}.note-context .trash-action{color:#99594f}.note-context button:focus-visible{outline:none;background:#efeefa}.note-context .trash-action:focus-visible,.note-context .trash-action:hover{background:#f8ece7}.new-note{white-space:nowrap;gap:7px}.new-note kbd{font-size:9px;letter-spacing:-.02em}