@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;600;700&family=Outfit:wght@400;500;600&display=swap";:root{color:#f4f6f8;font-synthesis:none;--ink:#f4f6f8;--muted:#8e98a4;--dim:#626b75;--line:#ffffff16;--line-strong:#ffffff26;--glass:#121519e6;--glass-soft:#1c2025b8;--accent:#72a7c9;--accent-bright:#a7d5ef;--danger:#d48582;--serif:"Noto Serif SC", serif;background:0 0;font-family:Outfit,Microsoft YaHei UI,sans-serif}*{box-sizing:border-box;scrollbar-width:none;scrollbar-color:transparent transparent}::-webkit-scrollbar{background:0 0;width:0;height:0}button,input,textarea{font:inherit}button{color:inherit}.smoke-app{--background-opacity:.82;background:0 0;border-radius:18px;grid-template-columns:224px minmax(0,1fr);width:100vw;min-width:560px;height:100vh;min-height:380px;display:grid;position:relative;overflow:hidden}.smoke-app:before{z-index:0;content:"";pointer-events:none;opacity:var(--background-opacity);-webkit-backdrop-filter:blur(28px)saturate(115%);backdrop-filter:blur(28px)saturate(115%);background:radial-gradient(circle at 78% 12%,#5c8ba81f,#0000 32%),radial-gradient(circle at 12% 88%,#52606b1a,#0000 30%),#0c0e11d1;border:1px solid #ffffff1f;border-radius:18px;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff0f,0 28px 80px #00000073}.noise-layer{z-index:0;pointer-events:none;opacity:.11;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");position:absolute;inset:0}.main-window-titlebar{z-index:30;color:#66717a;letter-spacing:.16em;background:#0507091a;align-items:center;height:30px;padding-left:12px;font-size:9px;display:flex;position:absolute;top:0;left:0;right:0}.main-window-drag-handle{-webkit-app-region:drag;flex:1;align-self:stretch;align-items:center;display:flex}.main-window-titlebar button{color:#77818a;cursor:pointer;-webkit-app-region:no-drag;background:0 0;border:0;place-items:center;width:36px;height:30px;padding:0;display:grid}.main-window-titlebar button:hover{color:var(--ink);background:#fff1}.sidebar-shell,.workspace-shell{z-index:1;min-width:0;min-height:0;position:relative}.sidebar-shell{border-right:1px solid var(--line);background:#07090b5c}.sidebar{flex-direction:column;height:100%;padding:30px 16px 16px;display:flex}.brand-block{align-items:center;gap:11px;padding:0 8px 25px;display:flex}.brand-mark{border:1px solid var(--line-strong);width:34px;height:34px;font:600 18px var(--serif);background:#ffffff09;border-radius:11px;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff14}.brand-block div{flex-direction:column;display:flex}.brand-block strong{font:600 17px var(--serif);letter-spacing:.12em}.brand-block span:last-child{color:var(--dim);letter-spacing:.23em;margin-top:2px;font-size:8px}.primary-nav,.settings-link,.notebook-link{cursor:pointer;background:0 0;border:0}.primary-nav{color:#b5bdc6;text-align:left;border:1px solid #0000;border-radius:12px;grid-template-columns:20px 1fr auto;align-items:center;gap:10px;width:100%;padding:11px 12px;transition:all .2s;display:grid}.primary-nav i{color:var(--dim);letter-spacing:.1em;font-size:9px;font-style:normal}.primary-nav:hover,.primary-nav.active{color:var(--ink);border-color:var(--line);background:#ffffff0e}.primary-nav.active svg{color:var(--accent-bright)}.sidebar-heading{color:var(--dim);letter-spacing:.2em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:25px 8px 10px;font-size:10px;display:flex}.sidebar-heading button,.icon-button,.editor-toolbar button,.settings-panel header button{color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.sidebar-heading button:hover,.icon-button:hover{color:var(--accent-bright)}.inline-create{padding:0 6px 8px}.inline-create input{width:100%;color:var(--ink);border:1px solid var(--line-strong);background:#ffffff0e;border-radius:9px;outline:none;padding:9px 10px}.notebook-scroll{scrollbar-width:none;scrollbar-color:transparent transparent;flex:1;min-height:0;padding:4px 0 24px;position:relative;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 12px calc(100% - 20px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 12px calc(100% - 20px),#0000 100%)}.notebook-scroll::-webkit-scrollbar{background:0 0;width:0;height:0}.notebook-stack{flex-direction:column;gap:2px;display:flex}.sortable-row{z-index:1;align-items:stretch;display:flex;position:relative}.sortable-row.is-dragging{z-index:20;opacity:.75}.sortable-content{flex:1;min-width:0}.drag-handle{color:#0000;cursor:grab;touch-action:none;background:0 0;border:0;flex:0 0 18px;width:18px;padding:0;transition:color .18s}.sortable-row:hover>.drag-handle,.drag-handle:focus-visible{color:var(--dim)}.notebook-link{color:#8c96a0;text-align:left;border-radius:9px;align-items:center;gap:9px;width:100%;padding:9px 8px;transition:all .18s;display:flex}.notebook-link span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.notebook-link:hover,.notebook-link.active{color:var(--ink);background:rgba(var(--notebook-tint,255, 255, 255), .13)}.notebook-link svg{color:rgb(var(--notebook-tint,183, 142, 65))}.notebook-link.active:after{content:"";background:rgb(var(--notebook-tint,183, 142, 65));width:4px;height:4px;box-shadow:0 0 9px rgba(var(--notebook-tint,183, 142, 65), .75);border-radius:50%;margin-left:auto}.notebook-item-controls{grid-template-columns:minmax(0,1fr) 22px 22px;align-items:center;display:grid}.notebook-item-controls>input{border:1px solid var(--line-strong);min-width:0;color:var(--ink);background:#ffffff0d;border-radius:8px;outline:0;margin:2px 4px;padding:7px}.notebook-action{color:#0000;cursor:pointer;background:0 0;border:0;place-items:center;width:22px;height:26px;padding:0;display:grid}.notebook-item-controls:hover .notebook-action,.notebook-action:focus-visible{color:var(--dim)}.notebook-action:hover{color:var(--accent-bright)!important}.notebook-delete:hover{color:var(--danger)!important}.sidebar-empty{color:var(--dim);font:500 12px/1.7 var(--serif);padding:12px 10px}.settings-link{color:var(--dim);text-align:left;align-items:center;gap:10px;padding:11px 10px;display:flex}.settings-link:hover{color:var(--ink)}.workspace-shell{overflow:hidden}.connection-chip{z-index:5;color:#71808d;letter-spacing:.08em;align-items:center;gap:6px;font-size:10px;display:flex;position:absolute;top:28px;right:30px}.connection-chip svg{color:#75a68f}.eyebrow{color:var(--accent);letter-spacing:.28em;margin:0 0 7px;font-size:9px}.notes-workspace{grid-template-columns:minmax(260px,38%) minmax(360px,1fr);height:100%;display:grid}.note-index{border-right:1px solid var(--line);background:#1215193d;flex-direction:column;min-width:0;padding:50px 18px 22px 24px;display:flex}.section-header{justify-content:space-between;align-items:center;padding:0 8px 19px;display:flex}.section-header h1,.todo-hero h1,.empty-workspace h1{font:600 25px var(--serif);letter-spacing:.04em;margin:0}.icon-button{border:1px solid var(--line);background:#ffffff09;border-radius:50%;width:34px;height:34px}.search-field{color:var(--dim);border-bottom:1px solid var(--line);align-items:center;gap:8px;margin:0 5px 14px;padding:9px 11px;display:flex}.search-field input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1}.search-field input::placeholder{color:#58616a}.search-field kbd{border:1px solid var(--line);color:#555e67;border-radius:4px;padding:2px 5px;font-size:8px}.note-list-scroll{flex:1;min-height:0;padding:2px 3px 20px;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 18px),#0000);mask-image:linear-gradient(#000 calc(100% - 18px),#0000)}.note-stack{flex-direction:column;gap:7px;display:flex}.note-card{color:#aeb6be;text-align:left;cursor:pointer;background:#ffffff06;border:1px solid #0000;border-radius:12px;flex-direction:column;width:100%;min-height:104px;padding:14px 14px 12px;transition:all .2s;display:flex}.note-card:hover{background:#ffffff0b}.note-card.active{color:var(--ink);box-shadow:inset 3px 0 var(--accent);background:linear-gradient(145deg,#5d859d24,#ffffff09);border-color:#89b6d038}.note-card-topline{justify-content:space-between;align-items:center;gap:8px;display:flex}.note-card strong{font:600 14px var(--serif);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.note-preview{color:#6f7881;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;font-size:11px;line-height:1.55;display:-webkit-box;overflow:hidden}.note-card time{color:#525b64;margin-top:auto;padding-top:8px;font-size:9px}.list-empty{color:var(--dim);font:500 13px var(--serif);padding:28px 13px}.editor-pane{background:#080a0c2e;flex-direction:column;min-width:0;padding:52px 46px 27px;display:flex}.editor-toolbar{color:#59636c;letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;min-height:24px;font-size:9px;display:flex}.editor-toolbar>div{align-items:center;gap:9px;display:flex}.mobile-editor-back{display:none!important}.editor-toolbar button:hover{color:var(--danger)}.note-title-input{color:var(--ink);font:600 clamp(25px, 3.2vw, 38px)/1.25 var(--serif);letter-spacing:.035em;background:0 0;border:0;outline:0;margin-top:38px;padding:0}.note-body-input{resize:none;color:#b8bec4;min-height:150px;font:500 14px/2 var(--serif);background:0 0;border:0;outline:0;flex:1;margin-top:28px;padding:0}.note-body-input::placeholder{color:#454d54}.editor-footer{border-top:1px solid var(--line);color:#505961;letter-spacing:.12em;justify-content:space-between;padding-top:14px;font-size:9px;display:flex}.editor-empty{color:#5e6770;height:100%;font:500 13px var(--serif);align-content:center;place-items:center;gap:10px;display:grid}.empty-workspace{text-align:center;align-content:center;place-items:center;height:100%;padding:40px;display:grid}.empty-workspace>p:last-child{overflow-wrap:anywhere;width:100%;max-width:380px;color:var(--muted);font:500 13px/1.9 var(--serif)}.empty-orbit{width:76px;height:76px;color:var(--accent-bright);border:1px solid var(--line-strong);border-radius:50%;place-items:center;margin-bottom:25px;display:grid;box-shadow:0 0 0 14px #ffffff05,0 0 60px #5d91af1f}.todo-workspace{flex-direction:column;width:min(780px,100% - 80px);height:100%;margin:0 auto;padding:66px 16px 34px;display:flex}.todo-hero{justify-content:space-between;align-items:center;padding:0 10px 28px;display:flex}.todo-hero h1{font-size:34px}.todo-hero>div>p:last-child{color:var(--muted);font:500 12px var(--serif)}.progress-orbit{border:1px solid #87beda40;border-radius:50%;justify-content:center;align-items:baseline;width:70px;height:70px;padding-top:21px;display:flex;box-shadow:inset 0 0 22px #5f96b414,0 0 28px #5f96b40f}.progress-orbit span{font-size:19px}.progress-orbit small{color:var(--muted);font-size:9px}.todo-composer{border:1px solid var(--line-strong);background:#ffffff09;border-radius:13px;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;padding:11px 14px;display:grid;box-shadow:inset 0 1px #ffffff0a}.todo-composer svg{color:var(--accent)}.todo-composer input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0}.todo-composer button{color:var(--accent-bright);cursor:pointer;background:#6091ac1a;border:1px solid #7db1cd33;border-radius:8px;padding:6px 11px}.filter-bar{border-bottom:1px solid var(--line);gap:20px;padding:25px 9px 10px;display:flex}.filter-bar button{color:var(--dim);cursor:pointer;background:0 0;border:0;padding:0 0 10px;font-size:11px;position:relative}.filter-bar button.active{color:var(--ink)}.filter-bar button.active:after{content:"";background:var(--accent-bright);height:1px;box-shadow:0 0 8px var(--accent);position:absolute;bottom:-1px;left:0;right:0}.todo-list-scroll{flex:1;min-height:0;padding:14px 0 30px;overflow-y:auto}.todo-stack{flex-direction:column;gap:3px;display:flex}.todo-row{border-bottom:1px solid #ffffff0b;grid-template-columns:30px minmax(0,1fr) 30px;align-items:center;min-height:54px;padding:0 8px;display:grid}.completion-ring{cursor:pointer;background:#ffffff05;border:1px solid #becfd961;border-radius:50%;place-items:center;width:22px;height:22px;padding:0;transition:all .22s;display:grid}.completion-ring span{background:0 0;border-radius:50%;width:10px;height:10px;transition:all .22s;transform:scale(.2)}.todo-row.completed .completion-ring{border-color:#82bed9ad;box-shadow:0 0 13px #64a7c63b}.todo-row.completed .completion-ring span{background:var(--accent);transform:scale(1)}.todo-row input{color:#c0c6cc;background:0 0;border:0;outline:0;min-width:0;padding:10px 4px;transition:all .2s}.todo-row.completed input{color:#59636c;-webkit-text-decoration:line-through #71818d;text-decoration:line-through #71818d}.row-delete{color:#0000;cursor:pointer;background:0 0;border:0;place-items:center;width:28px;height:28px;display:grid}.todo-row:hover .row-delete,.row-delete:focus-visible{color:var(--dim)}.todo-empty{color:var(--dim);place-items:center;padding:70px 0;display:grid}.todo-empty span{font-size:34px;font-weight:200}.todo-empty p{font:500 12px var(--serif)}.settings-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0304057a;justify-content:flex-end;display:flex;position:absolute;inset:0}.settings-panel{border-left:1px solid var(--line-strong);background:#121519f5;width:min(390px,90vw);height:100%;padding:35px 28px;overflow-y:auto;box-shadow:-30px 0 70px #00000059}.settings-panel>header{justify-content:space-between;align-items:flex-start;padding-bottom:24px;display:flex}.settings-panel h2{font:600 23px var(--serif);margin:0}.settings-panel header button{width:32px;height:32px}.settings-group{border-top:1px solid var(--line);padding:20px 0}.settings-group h3{font:600 13px var(--serif);align-items:center;gap:8px;margin:0 0 15px;display:flex}.settings-group p{color:var(--muted);font-size:11px;line-height:1.7}.slider-setting{flex-direction:column;gap:12px;display:flex}.slider-setting span,.switch-setting{color:#aab2ba;justify-content:space-between;align-items:center;font-size:11px;display:flex}.slider-setting b{color:var(--accent-bright);font-weight:500}.slider-setting input{width:100%;accent-color:var(--accent)}.switch-setting{margin-top:18px}.switch-setting>span{align-items:center;gap:7px;display:flex}.setting-copy{flex-direction:column;display:flex}.setting-copy small{color:var(--muted);font-size:10px}.switch-setting button{border:1px solid var(--line-strong);cursor:pointer;background:#ffffff0a;border-radius:99px;width:38px;height:21px;padding:0;position:relative}.switch-setting button span{background:#707984;border-radius:50%;width:13px;height:13px;transition:all .2s;position:absolute;top:3px;left:3px}.switch-setting button.on span{background:var(--accent-bright);box-shadow:0 0 9px var(--accent);left:20px}.pairing-action{width:100%;color:var(--accent-bright);cursor:pointer;background:#5b8da61a;border:1px solid #80b7d342;border-radius:9px;margin-top:8px;padding:10px}.trash-row{color:#9ba4ac;justify-content:space-between;align-items:center;padding:8px 0;font-size:11px;display:flex}.trash-row button{color:var(--accent);cursor:pointer;background:0 0;border:0}.pairing-backdrop{z-index:60;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#030405b3;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.pairing-dialog{border:1px solid var(--line-strong);text-align:center;background:#15191df7;border-radius:20px;flex-direction:column;align-items:center;width:min(410px,100%);padding:34px 38px 32px;display:flex;position:relative;box-shadow:0 34px 100px #0000007a,inset 0 1px #ffffff0f}.pairing-close{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:15px;right:15px}.pairing-icon{width:50px;height:50px;color:var(--accent-bright);border:1px solid #86bedb40;border-radius:50%;place-items:center;margin-bottom:18px;display:grid;box-shadow:0 0 28px #6099b71f}.pairing-dialog h2{font:600 25px var(--serif);margin:0}.pairing-copy{max-width:300px;color:var(--muted);font:500 12px/1.8 var(--serif)}.qr-shell{border:1px solid var(--line-strong);background:#141a1e;border-radius:14px;place-items:center;margin:17px 0;padding:16px;display:grid}.pairing-code{color:var(--ink);letter-spacing:.22em;font-size:29px}.pairing-code span{color:var(--accent-bright)}.pairing-expiry{color:var(--dim);font-size:10px}.pairing-loading{min-height:190px;color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.pairing-loading svg{animation:1s linear infinite pairing-spin}.pairing-error{color:#dfa19e;margin-top:14px;font-size:11px;line-height:1.6}.pairing-retry{border:1px solid var(--line-strong);color:var(--accent-bright);cursor:pointer;background:#ffffff09;border-radius:9px;margin-top:15px;padding:9px 17px}@keyframes pairing-spin{to{transform:rotate(360deg)}}.pairing-gate{width:100vw;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 70% 15%,#5c8ba826,#0000 38%),#0d1013;place-items:center;padding:24px;display:grid}.pairing-gate-card{border:1px solid var(--line);text-align:center;background:#171b1fd1;border-radius:22px;flex-direction:column;align-items:center;width:min(390px,100%);padding:38px 28px;display:flex;box-shadow:0 30px 80px #0000006b}.pairing-gate-card .brand-mark{margin-bottom:22px}.pairing-gate-card h1{font:600 26px var(--serif);margin:0}.pairing-gate-card>p:not(.eyebrow){color:var(--muted);font:500 12px/1.8 var(--serif)}.pairing-gate-card input{border:1px solid var(--line-strong);width:100%;color:var(--ink);text-align:center;letter-spacing:.22em;background:#ffffff0a;border-radius:11px;outline:0;margin:20px 0 12px;padding:14px;font-size:24px}.pairing-gate-card>button{width:100%;color:var(--accent-bright);cursor:pointer;background:#5b8da61f;border:1px solid #80b7d342;border-radius:10px;padding:12px}.undo-toast{z-index:70;border:1px solid var(--line-strong);color:#aeb6bd;background:#171b1ff5;border-radius:11px;align-items:center;gap:18px;max-width:calc(100% - 40px);padding:11px 13px 11px 16px;font-size:11px;display:flex;position:absolute;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #0000006b}.undo-toast span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.undo-toast button{color:var(--accent-bright);cursor:pointer;background:0 0;border:0}.mobile-menu,.mobile-bottom-nav,.mobile-scrim{display:none}@media (width<=760px){.smoke-app{border:0;border-radius:0;grid-template-columns:1fr;min-width:0;min-height:0}.window-drag-region,.connection-chip{display:none}.mobile-menu{z-index:12;border:1px solid var(--line);width:36px;height:36px;color:var(--muted);background:#101316bf;border-radius:11px;place-items:center;display:grid;position:absolute;top:18px;left:17px}.sidebar-shell{z-index:30;pointer-events:none;background:0 0;border:0;position:absolute;inset:0}.sidebar{z-index:2;background:#0f1215fa;width:min(285px,84vw);transition:transform .24s;position:absolute;top:0;bottom:0;left:0;transform:translate(-102%)}.mobile-scrim{z-index:1;background:#0000008f;border:0;position:absolute;inset:0}.sidebar-shell.mobile-open{pointer-events:auto}.sidebar-shell.mobile-open .sidebar{transform:translate(0)}.sidebar-shell.mobile-open .mobile-scrim{display:block}.workspace-shell{padding-bottom:65px}.notes-workspace{grid-template-columns:1fr}.note-index{border-right:0;padding:68px 16px 18px}.editor-pane{z-index:4;background:#0e1114fa;padding:68px 24px 24px;transition:transform .22s;position:absolute;inset:0 0 65px;transform:translate(100%)}.note-index:has(.note-card.active)+.editor-pane{transform:translate(0)}.note-title-input{margin-top:20px;font-size:28px}.mobile-editor-back{display:grid!important}.empty-workspace{padding-inline:24px}.empty-workspace>p:last-child{max-width:310px}.todo-workspace{width:100%;padding:68px 18px 22px}.todo-hero{padding-left:4px;padding-right:4px}.progress-orbit{width:62px;height:62px;padding-top:17px}.mobile-bottom-nav{z-index:20;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0d1013f0;grid-template-columns:repeat(2,1fr);height:65px;display:grid;position:absolute;bottom:0;left:0;right:0}.mobile-bottom-nav button{color:#626d77;background:0 0;border:0;align-content:center;place-items:center;gap:3px;font-size:9px;display:grid}.mobile-bottom-nav button.active{color:var(--accent-bright)}.settings-panel{width:100%}.undo-toast{justify-content:space-between;width:calc(100% - 32px);bottom:78px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.notes-board{flex-direction:column;height:100%;padding:58px 42px 26px;display:flex;overflow:hidden}.notes-board-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:28px;padding:0 3px 27px;display:flex}.notes-board-header h1{font:600 clamp(29px, 4vw, 44px)/1.1 var(--serif);letter-spacing:.045em;margin:0}.notes-board-header>div>span{color:var(--dim);letter-spacing:.09em;margin-top:9px;font-size:10px;display:block}.create-note-button{color:var(--accent-bright);cursor:pointer;background:#6aa1be17;border:1px solid #8bbeda3d;border-radius:11px;align-items:center;gap:8px;padding:10px 14px;display:flex;box-shadow:inset 0 1px #ffffff0d}.create-note-button:hover{background:#6aa1be29}.create-note-control{position:relative}.create-note-menu{z-index:20;border:1px solid var(--line-strong);background:#111417fa;border-radius:11px;min-width:150px;padding:6px;display:grid;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 18px 40px #00000061}.create-note-menu button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:9px 10px;display:flex}.create-note-menu button:hover,.create-note-menu button:focus-visible{color:var(--ink);background:#fff1}.notes-board-scroll{flex:1;min-height:0;padding:25px 4px 34px;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 22px),#0000);mask-image:linear-gradient(#000 calc(100% - 22px),#0000)}.sticky-card-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr));align-items:start;gap:15px;display:grid}.sticky-card-grid>.sortable-row{min-width:0;min-height:178px}.sticky-card-grid>.sortable-row>.drag-handle{z-index:4;background:#07090b40;border-radius:7px;width:22px;height:22px;position:absolute;top:8px;left:8px}.sticky-card{--note-tint:183, 142, 65;border:1px solid rgba(var(--note-tint), .25);background:linear-gradient(155deg, rgba(var(--note-tint), .16), #181b1eb8 54%, #0d0f12db);border-radius:14px;width:100%;min-width:0;min-height:178px;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff12,0 15px 35px #0000002e}.sticky-card:hover{border-color:rgba(var(--note-tint), .42);transform:translateY(-2px);box-shadow:inset 0 1px #ffffff14,0 20px 44px #00000047}.sticky-card-open{width:100%;min-height:178px;color:var(--ink);text-align:left;cursor:default;background:0 0;border:0;flex-direction:column;padding:29px 18px 16px;display:flex;position:relative}.platform-web .sticky-card-open{cursor:pointer}.sticky-card-accent{background:rgb(var(--note-tint));opacity:.72;height:3px;box-shadow:0 0 18px rgba(var(--note-tint), .38);position:absolute;top:0;left:0;right:0}.sticky-card strong{font:600 16px/1.4 var(--serif);text-overflow:ellipsis;white-space:nowrap;padding-right:22px;overflow:hidden}.note-kind-marker{border:1px solid rgba(var(--note-tint), .32);width:23px;height:23px;color:rgb(var(--note-tint));background:#07090b4d;border-radius:7px;place-items:center;display:grid;position:absolute;top:12px;right:42px}.sticky-card p{color:#9099a1;font:500 11px/1.75 var(--serif);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:13px 0 0;display:-webkit-box;overflow:hidden}.sticky-card time{color:#5c6670;letter-spacing:.06em;margin-top:auto;padding-top:13px;font-size:9px}.sticky-open-icon{color:rgba(var(--note-tint), .6);position:absolute;bottom:16px;right:16px}.sticky-card-delete{z-index:5;color:#0000;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:27px;height:27px;padding:0;display:grid;position:absolute;top:10px;right:10px}.sticky-card:hover .sticky-card-delete,.sticky-card-delete:focus-visible{color:#9da5ad;background:#07090b40}.sticky-card-delete:hover{color:#e09a95}.blank-note-card{border:1px dashed var(--line-strong);width:min(310px,100%);min-height:190px;color:var(--muted);cursor:pointer;background:#ffffff05;border-radius:17px;align-content:center;place-items:center;gap:8px;margin:8vh auto 0;display:grid}.blank-note-card strong{font:600 15px var(--serif)}.blank-note-card span{color:var(--dim);font-size:10px}.note-color-amber{--note-tint:183, 142, 65}.note-color-rose{--note-tint:166, 91, 98}.note-color-sage{--note-tint:86, 139, 111}.note-color-sky{--note-tint:74, 132, 163}.note-color-violet{--note-tint:119, 91, 153}.note-color-graphite{--note-tint:105, 114, 123}.note-window{--background-opacity:.92;width:100vw;height:100vh;color:var(--ink);background:0 0;flex-direction:column;padding-left:100px;display:flex;position:relative;overflow:hidden}.note-window:before{z-index:0;content:"";pointer-events:none;opacity:var(--background-opacity);background:radial-gradient(circle at 80% 0, rgba(var(--note-tint,183, 142, 65), .19), transparent 38%), #0e1012e0;border:1px solid rgba(var(--note-tint,183, 142, 65), .27);-webkit-backdrop-filter:blur(26px)saturate(118%);backdrop-filter:blur(26px)saturate(118%);border-radius:12px;position:absolute;inset:0 0 0 100px;box-shadow:inset 0 1px #ffffff14,0 24px 65px #0000006b}.note-window>*{z-index:1;position:relative}.recent-note-tabs{gap:7px;width:100px;display:grid;position:absolute;top:52px;left:0;z-index:20!important}.recent-note-tab{--note-tint:183, 142, 65;border:1px solid rgba(var(--note-tint), .4);color:#f2f4f5c7;background:rgba(var(--note-tint), .52);cursor:pointer;border-right:0;border-radius:8px 0 0 8px;justify-self:end;align-items:center;width:30px;height:30px;padding:0 9px;transition:width .22s,background .18s,box-shadow .18s;display:flex;overflow:hidden;box-shadow:0 7px 18px #00000038}.recent-note-tab:before{content:"";background:rgb(var(--note-tint));width:6px;height:6px;box-shadow:0 0 8px rgba(var(--note-tint), .8);border-radius:50%;flex:0 0 6px}.recent-note-tab span{text-overflow:ellipsis;white-space:nowrap;margin-left:10px;font-size:10px;overflow:hidden}.recent-note-tab:hover,.recent-note-tab:focus-visible{background:rgba(var(--note-tint), .82);width:100px;box-shadow:0 10px 24px #00000057}.recent-note-tab.active{border-color:rgba(var(--note-tint), .8);background:rgba(var(--note-tint), .7)}.note-window-create-control{position:relative}.note-window-create-control>button{width:28px;height:28px;color:inherit;background:0 0;border:0;border-radius:7px;place-items:center;padding:0;display:grid}.note-window-create-menu{z-index:30;background:#111417f5;border:1px solid #ffffff1c;border-radius:9px;min-width:124px;padding:5px;position:absolute;top:32px;left:0;box-shadow:0 14px 32px #00000061}.note-window-create-menu button{width:100%;color:var(--ink);white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;gap:5px;padding:5px 6px;font-size:10px;display:flex}.note-window-create-menu button:hover,.note-window-create-menu button:focus-visible{background:#ffffff14}.note-window-amber{--note-tint:183, 142, 65}.note-window-rose{--note-tint:166, 91, 98}.note-window-sage{--note-tint:86, 139, 111}.note-window-sky{--note-tint:74, 132, 163}.note-window-violet{--note-tint:119, 91, 153}.note-window-graphite{--note-tint:105, 114, 123}.note-window-bar{z-index:8;background:#06080a29;border-bottom:1px solid #ffffff0e;align-items:center;gap:2px;min-height:38px;padding:3px 5px;display:flex;position:relative}.note-window-bar button{color:#e7ebee94;cursor:pointer;-webkit-app-region:no-drag;background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;padding:0;display:grid}.note-window-bar button:hover{color:var(--ink);background:#ffffff12}.note-window-drag-handle{-webkit-app-region:drag;flex:1;align-self:stretch}.note-opacity-control{color:#6e7881;-webkit-app-region:no-drag;align-items:center;gap:2px;display:flex}.note-opacity-control input{width:45px;accent-color:rgb(var(--note-tint));appearance:none;background:0 0;border:0}.note-opacity-control input::-webkit-slider-runnable-track{background:0 0;height:2px}.note-opacity-control input::-webkit-slider-thumb{background:rgb(var(--note-tint));appearance:none;border:0;border-radius:50%;width:8px;height:8px;margin-top:-3px}.note-opacity-control input::-moz-range-track{background:0 0;height:2px}.note-opacity-control input::-moz-range-thumb{background:rgb(var(--note-tint));border:0;border-radius:50%;width:8px;height:8px}.missing-note{color:var(--muted);align-content:center;place-items:center;gap:14px;display:grid}.missing-note button{border:1px solid var(--line);color:var(--ink);background:#ffffff0a;border-radius:9px;padding:8px 16px}.rich-note-editor{background:linear-gradient(165deg, rgba(var(--note-tint), .1), transparent 44%);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.note-color-strip{gap:6px;padding:10px 16px 4px;display:flex}.note-color-dot{color:#eff2f4;background:rgb(var(--dot));cursor:pointer;opacity:.55;border:1px solid #ffffff29;border-radius:50%;place-items:center;width:17px;height:17px;padding:0;display:grid}.note-color-dot.active,.note-color-dot:hover{opacity:1;box-shadow:0 0 0 2px #ffffff14}.note-color-dot-amber{--dot:183, 142, 65}.note-color-dot-rose{--dot:166, 91, 98}.note-color-dot-sage{--dot:86, 139, 111}.note-color-dot-sky{--dot:74, 132, 163}.note-color-dot-violet{--dot:119, 91, 153}.note-color-dot-graphite{--dot:105, 114, 123}.rich-note-title{color:#f2f0e9;width:calc(100% - 30px);font:600 clamp(20px, 6vw, 28px)/1.25 var(--serif);letter-spacing:.025em;background:0 0;border:0;border-bottom:1px solid #fff1;outline:0;margin:11px 15px 0;padding:0 2px 11px}.rich-note-body{flex:1;min-height:0;overflow-y:auto}.rich-note-content{color:#d4d6d5;min-height:100%;font:500 14px/1.8 var(--serif);-webkit-user-select:text;user-select:text;outline:0;padding:16px 18px 30px}.rich-note-content p{margin:0 0 .75em}.rich-note-content ul{padding-left:1.35em}.rich-note-content ul[data-type=taskList]{margin:0;padding:0;list-style:none}.rich-note-content li.task-list-item{align-items:flex-start;gap:9px;margin:.35em 0;display:flex}.rich-note-content li.task-list-item>label{place-items:center;padding-top:.35em;display:grid}.rich-note-content li.task-list-item input[type=checkbox]{appearance:none;cursor:pointer;border:1px solid #dce2e66b;border-radius:50%;width:15px;height:15px;margin:0}.rich-note-content li.task-list-item input[type=checkbox]:checked{border-color:rgb(var(--note-tint));background:rgb(var(--note-tint));box-shadow:inset 0 0 0 3px #0d1012cc}.rich-note-content li.task-list-item[data-checked=true]>div{color:#727b82;text-decoration:line-through}.rich-note-content li.task-list-item>div{flex:1;min-width:0}.rich-note-content mark{color:inherit;border-radius:3px;padding:.04em .13em}.format-toolbar{background:#0507093d;border-top:1px solid #ffffff12;align-items:center;gap:1px;min-height:45px;padding:4px 9px;display:flex;position:relative}.format-toolbar>button,.mark-control>button{color:#77828b;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:31px;height:31px;padding:0;display:grid}.format-toolbar button:hover,.format-toolbar button.active{color:#eef1f2;background:rgba(var(--note-tint), .16)}.format-divider{background:#ffffff14;width:1px;height:18px;margin:0 4px}.format-status{color:#56616a;letter-spacing:.1em;white-space:nowrap;margin-left:auto;font-size:8px}.mark-control{position:relative}.mark-palette{z-index:12;border:1px solid var(--line-strong);background:#131619fa;border-radius:11px;grid-template-columns:repeat(4,24px);gap:7px;padding:9px;display:grid;position:absolute;bottom:38px;left:0;box-shadow:0 15px 35px #0006}.mark-palette button{background:var(--swatch);cursor:pointer;border:1px solid #ffffff24;border-radius:7px;width:24px;height:24px;padding:0}.mark-palette .clear-mark{color:#aeb4ba;background:#ffffff0b}.rich-editor-loading{height:100%;color:var(--muted);place-items:center;display:grid}.mobile-note-screen{z-index:8;background:#0d1013fa;flex-direction:column;display:flex;position:absolute;inset:0 0 65px}.mobile-note-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:54px;padding:5px 10px;display:flex}.mobile-note-header button{width:36px;height:36px;color:var(--muted);background:0 0;border:0;place-items:center;display:grid}.mobile-note-header span{color:#7e8992;letter-spacing:.12em;font-size:10px}.mobile-rich-editor{flex:1}@media (width<=760px){.notes-board{padding:70px 17px 22px}.notes-board-header{align-items:center;padding-bottom:18px}.notes-board-header h1{font-size:28px}.create-note-button span{display:none}.create-note-button{border-radius:50%;justify-content:center;width:38px;height:38px;padding:0}.sticky-card-grid{grid-template-columns:1fr;gap:11px}.sticky-card-grid>.sortable-row,.sticky-card,.sticky-card-open{min-height:145px}.sticky-card-open{padding-top:25px}.format-status{display:none}.format-toolbar{overflow:visible}}html,body,#root{background:#0d1013;width:100%;height:100%;min-height:100%;margin:0;overflow:hidden}.platform-web{border:0;border-radius:0}