@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap";:root{color:#10142d;font-synthesis:none;--paper:#fbfaf8;--sidebar:#f1ede8;--ink:#10142d;--muted:#606478;--line:#dcd9d5;--blue:#123df5;--blue-light:#dce4ff;--serif:"Instrument Serif", Georgia, serif;--sidebar-size:clamp(216px, 20.4vw, 314px);--panel-size:clamp(310px, 29vw, 446px);background:#fbfaf8;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit;color:inherit}button,select{cursor:pointer}button{border:1px solid var(--line);background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:7px 12px;display:inline-flex}button:hover:not(:disabled){background:#efedea}button:disabled{opacity:.46;cursor:default}input,textarea,select{min-width:0}input:focus-visible,textarea:focus-visible,button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}a{color:var(--blue)}svg{flex-shrink:0}p{line-height:1.45}small,.muted{color:var(--muted)}.primary{border-color:var(--blue);background:var(--blue);color:#fff;font-weight:700}.primary:hover:not(:disabled){background:#082ac9;border-color:#082ac9}.icon{border:0;border-radius:8px;width:38px;height:38px;padding:8px}.subtle,.text-button{color:var(--muted);border:0}.text-button{color:var(--blue)}.error{color:#a32232;margin:0}.brand{font:700 39px/.92 var(--serif);letter-spacing:-.04em;white-space:nowrap;align-items:center;gap:12px;display:flex}.brand span{color:var(--blue);font:900 39px/.9 DM Sans,sans-serif;transform:scaleX(1.12)}.brand b{color:var(--blue);margin-left:-12px}.app{grid-template-columns:var(--sidebar-size) minmax(0, 1fr);height:100dvh;display:grid}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);flex-direction:column;min-height:0;padding:23px 16px 0;display:flex}.sidebar-brand{justify-content:space-between;margin:4px 8px 30px;display:flex}.workspace,.search{border:1px solid var(--line);background:#f8f5f2;border-radius:10px;align-items:center;gap:12px;padding:11px 13px;display:flex}.workspace{margin-bottom:23px;font-weight:600}.new-note{justify-content:flex-start;gap:13px;min-height:46px;margin-bottom:21px;padding-left:16px;font-size:16px}.search input{background:0 0;border:0;outline:0;flex:1;width:100%;padding:0}.search:focus-within{border-color:var(--blue)}.search input:focus-visible{outline:0}.search input::placeholder{color:var(--ink);opacity:1}kbd{color:var(--muted);white-space:nowrap;background:#ece9e6;border-radius:5px;padding:1px 5px;font-size:12px}.filters{margin-top:8px}.filters button,.note-list button{text-align:left;border:0;justify-content:flex-start;gap:14px;width:100%;min-height:42px;padding:10px 13px}.filters button[aria-pressed=true]{font-weight:650}.note-list{flex:1;margin:17px -5px 12px;overflow-y:auto}.note-list h2{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:6px 16px 10px;font-size:12px}.note-list button{padding-left:18px}.note-list button span,.profile strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.note-list button.active,.note-list button.active:hover{background:#d8e1fc}.mini-star,.starred{color:#ae7609}.list-empty{margin-left:16px;font-size:14px}.sidebar-bottom{border-top:1px solid var(--line);margin:0 -16px;padding:12px 16px 10px}.profile{text-align:left;border:0;justify-content:flex-start;gap:10px;width:100%;min-height:43px;padding:0 4px;display:flex}.profile strong{flex:1}.avatar{color:#231844;background:#dfd0fb;border-radius:50%;flex:none;place-items:center;width:41px;height:41px;font-weight:700;display:inline-grid}.avatar.rose{color:#472329;background:#fbd0cf}.avatar.mint{color:#204a37;background:#d0efd9}footer{margin-top:9px;padding-left:4px;font-size:12px}footer a{color:var(--muted);text-decoration:none}footer a:hover{color:var(--blue);text-decoration:underline}.main-shell{grid-template-rows:61px minmax(0,1fr);grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;display:grid;position:relative}.main-shell.with-panel{grid-template-columns:minmax(0, 1fr) var(--panel-size)}.topbar{border-bottom:1px solid var(--line);grid-column:1/-1;justify-content:space-between;align-items:center;gap:10px;padding:0 16px 0 25px;display:flex}.breadcrumbs,.top-actions{white-space:nowrap;align-items:center;gap:12px;min-width:0;display:flex}.breadcrumbs>span,.breadcrumbs>svg{color:var(--muted)}.breadcrumbs strong{text-overflow:ellipsis;font:600 25px/1 var(--serif);overflow:hidden}.top-actions{flex:none;gap:8px}.share-button{min-height:39px;padding:8px 16px}.sync{color:var(--muted);text-overflow:ellipsis;background:#efedea;border-radius:7px;max-width:105px;padding:5px 9px;font-size:13px;overflow:hidden}.sync i,.presence i{background:#9997a4;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.sync.is-live{color:#1e5939;background:#def3df}.sync.is-live i,.presence i.online{background:#20b845}.panel-active{color:var(--blue)}.document{min-width:0;overflow:auto}.document-inner{max-width:930px;margin:0 auto;padding:36px clamp(24px,3.1vw,49px) 50px}.document-mark{width:55px;height:47px;color:var(--blue);background:var(--blue-light);border-radius:10px;place-items:center;display:inline-grid}.note-title{width:100%;font:600 clamp(46px, 5.2vw, 76px)/1.04 var(--serif);letter-spacing:-.025em;background:0 0;border:0;margin:12px 0 10px;padding:0;display:block}.note-title:focus-visible{box-shadow:0 2px var(--blue);outline:none}.note-meta{color:var(--muted);align-items:center;gap:12px;margin-bottom:23px;font-size:14px;display:flex}.tag{background:var(--blue-light);color:#1837ab;border-radius:16px;padding:3px 11px;font-weight:600;display:inline-block}.toolbar{border-block:1px solid #cbc9c7;flex-wrap:wrap;align-items:center;row-gap:3px;min-height:48px;padding:5px 0;display:flex}.toolbar select{background:0 0;border:0;width:100px;padding:4px}.tool-group{border-left:1px solid #d3d0cb;align-items:center;padding:0 5px;display:flex}.tool-group button{border:0;width:34px;height:32px;padding:0}.tool-group button.selected{color:var(--blue);background:var(--blue-light)}.link-form{gap:8px;margin-top:12px;display:flex}.link-form input{flex:1}.editor-content{font-size:clamp(15px,1.3vw,19px);line-height:1.5}.tiptap{overflow-wrap:anywhere;outline:none;min-height:240px;padding:4px 0 30px}.tiptap h2,.tiptap h3{font-family:var(--serif);letter-spacing:-.015em;margin:24px 0 10px;line-height:1.05}.tiptap h2{font-size:clamp(32px,3vw,46px)}.tiptap h3{font-size:29px}.tiptap p{margin:0 0 11px}.tiptap p:last-child{margin-bottom:0}.tiptap ul,.tiptap ol{margin:0 0 12px;padding-left:28px}.tiptap li{margin-bottom:4px}.tiptap blockquote{background:#ebe6fb;border-radius:10px;margin:23px 0;padding:15px 18px 15px 68px;position:relative}.tiptap blockquote:before{content:"◇";color:var(--blue);font-size:30px;position:absolute;top:50%;left:23px;transform:translateY(-50%)}.tiptap blockquote:after{content:"";background:#798aff;width:1px;position:absolute;top:15px;bottom:15px;left:55px}.tiptap blockquote strong{font:700 26px/1.1 var(--serif)}.tiptap ul[data-type=taskList]{padding-left:3px;list-style:none}.tiptap li[data-checked]{align-items:baseline;gap:15px;display:flex}.tiptap input[type=checkbox]{accent-color:var(--blue);vertical-align:-.1em;cursor:pointer;width:17px;height:17px;margin:0}.tiptap li[data-checked=true]>div>p{color:var(--muted);text-decoration:line-through}.tiptap code{background:#eeeae6;border-radius:4px;padding:2px 4px}.tiptap pre{white-space:pre-wrap;background:#eeeae6;padding:10px}.collaboration{border-left:1px solid var(--line);background:var(--paper);flex-direction:column;min-height:0;padding:0 17px 17px;display:flex}.panel-tabs{border-bottom:1px solid var(--line);align-items:center;gap:8px;display:flex}.panel-tabs>button:not(.icon){min-height:53px;color:var(--muted);border:0;border-bottom:3px solid #0000;border-radius:0;padding:16px 10px 12px;font-weight:650}.panel-tabs>button.current{border-color:var(--blue);color:var(--ink)}.panel-tabs span{background:var(--blue-light);color:var(--ink);border-radius:13px;padding:1px 7px;font-size:13px}.panel-close{margin-left:auto}.presence{border:0;justify-content:flex-start;gap:11px;min-height:63px;padding:6px 1px}.presence>span:nth-child(2){text-align:left;flex:1}.people{background:#f1eef6;border-radius:8px;margin:0 0 10px;padding:8px 10px 8px 28px}.threads,.activity{overflow-wrap:anywhere;min-height:0;overflow-y:auto}.threads{flex:1;padding:2px 0 10px}.thread{border:1px solid #d2d0cd;border-radius:11px;margin-bottom:14px;padding:13px 15px 16px}.thread-heading{align-items:center;gap:10px;display:flex}.thread-heading small,.event small{margin-top:2px;display:block}.thread p{white-space:pre-wrap;margin:11px 0 12px;font-size:clamp(14px,1.18vw,17px)}.thread-actions{flex-wrap:wrap;gap:8px;display:flex}.thread-actions button{padding:5px 10px;font-size:13px}.reply{border-left:2px solid var(--blue-light);margin:9px 0;padding:7px 0 1px 10px}.reply small{margin-left:8px}.resolved{color:#246045;align-items:center;gap:3px;margin-left:auto;font-size:12px;display:flex}.composer{border:1px solid #d2d0cd;border-radius:10px;margin-top:9px;padding:9px;display:grid}.composer textarea{resize:vertical;background:0 0;border:0;width:100%;min-height:43px;padding:4px 6px}.compose-actions{justify-content:flex-end;gap:5px;display:flex}.send{min-width:44px}.activity{padding:12px 1px}.activity h3{align-items:center;gap:8px;margin:15px 0 10px;display:flex}.version-form{gap:8px;display:flex}.version-form input{flex:1}.version{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;padding:10px 0;display:grid}.version small{grid-row:2}.version button{grid-area:1/2/span 2}.event{align-items:center;gap:10px;margin:12px 0;font-size:14px;display:flex}.event .avatar{width:32px;height:32px;font-size:12px}.empty,.startup{color:var(--muted);text-align:center;place-content:center;justify-items:center;padding:20px;display:grid}.startup{min-height:100dvh;color:var(--ink)}.welcome{align-content:center;justify-items:start;padding:clamp(24px,8vw,110px);display:grid}.welcome h1{font:600 clamp(44px, 6vw, 76px)/1.1 var(--serif);margin:12px 0 0}.welcome p{color:var(--muted);margin:12px 0 22px}.mobile-menu,.sidebar-close,.drawer-backdrop{display:none}.overlay{z-index:10;background:#16193255;place-items:center;padding:15px;display:grid;position:fixed;inset:0}.modal{background:var(--paper);border-radius:16px;width:min(100%,475px);max-height:95dvh;padding:27px;position:relative;overflow:auto;box-shadow:0 22px 65px #10142d38}.modal-close{position:absolute;top:14px;right:14px}.modal h2{font:600 39px/1.05 var(--serif);margin:13px 0 8px}.modal p{margin:0 0 14px}.modal footer{margin-top:16px}.auth-form{gap:11px;display:grid}.auth-form label{gap:5px;font-size:14px;font-weight:650;display:grid}.auth-form button{justify-content:space-between;min-height:41px;margin-top:3px}.auth-modal>.text-button{margin-top:12px;padding-left:0}.auth-modal .brand{margin:2px 0 20px}input:not(.note-title,.search input,[type=checkbox],[type=file]),.auth-form select{border:1px solid var(--line);background:#fff;border-radius:7px;padding:8px 10px}.google{width:100%;min-height:41px;font-weight:650}.google span{color:var(--blue);font-size:19px}.divider{color:var(--muted);align-items:center;gap:10px;margin:14px 0;font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.share-row{border-top:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:8px;padding:12px 0;display:grid}.share-row input{grid-column:1/-1;width:100%;font-size:13px}.share-row small,.file-row small,.upload small{display:block}.file-row{overflow-wrap:anywhere;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:10px 0;text-decoration:none;display:flex}.upload{background:#f4f5ff;border:1px dashed #bac7fa;border-radius:9px;gap:5px;margin-top:15px;padding:10px;display:grid}.error-toast{z-index:11;background:#fff0f0;border:1px solid #e2a8af;border-radius:8px;align-items:center;gap:6px;padding:4px 8px 4px 13px;display:flex;position:fixed;bottom:15px;right:15px}@media (width<=1050px){.main-shell.with-panel{grid-template-columns:minmax(0,1fr)}.collaboration{z-index:3;width:min(100%,368px);position:absolute;top:61px;bottom:0;right:0;box-shadow:-8px 0 28px #1b20421a}}@media (width<=740px){.app{grid-template-columns:minmax(0,1fr)}.sidebar{z-index:5;width:min(88vw,290px);display:none;position:fixed;inset:0 auto 0 0}.drawer-open .sidebar{display:flex}.drawer-backdrop{z-index:4;background:#10142d55;border:0;border-radius:0;display:block;position:fixed;inset:0}.drawer-backdrop:hover:not(:disabled){background:#10142d55}.mobile-menu,.sidebar-close{display:inline-flex}.topbar{justify-content:flex-start;gap:4px;padding:0 8px}.top-actions{gap:1px;margin-left:auto}.breadcrumbs{gap:4px}.breadcrumbs>span,.breadcrumbs>svg,.sync{display:none}.breadcrumbs strong{font-size:22px}.share-button{padding:7px}.top-actions .icon{width:33px}.document-inner{padding:24px 17px 25px}.tool-group{padding:0 3px}.tool-group button{width:29px}.toolbar select{width:90px}}@media (width<=370px){.share-button span{display:none}.share-button{min-width:33px}.modal{padding:19px}}.brand img{flex:none}footer{flex-wrap:wrap;gap:12px;display:flex}