[hidden]{display:none!important}:root{--bg:#f6f6fa;--card:#fff;--text:#1c1b29;--muted:#6b6a80;--border:#e2e1ec;--accent:#5b4fd8;--hot:#e0207a;--hot-ink:#fff;--accent-ink:#fff;--accent-soft:#ecebfb;--danger:#c0392b;--code-bg:#efeef6;--shadow:0 1px 2px #14103c0d, 0 2px 8px #14103c0d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#13131a;--card:#1c1b26;--text:#e8e7f2;--muted:#9796ad;--border:#2c2b3b;--accent:#9d93ff;--hot:#ff5ca8;--hot-ink:#1b0a13;--accent-ink:#14122b;--accent-soft:#26233f;--danger:#ef7d71;--code-bg:#24233a;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#13131a;--card:#1c1b26;--text:#e8e7f2;--muted:#9796ad;--border:#2c2b3b;--accent:#9d93ff;--hot:#ff5ca8;--hot-ink:#1b0a13;--accent-ink:#14122b;--accent-soft:#26233f;--danger:#ef7d71;--code-bg:#24233a;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root.plain.is-light{--bg:#fff}@media (prefers-color-scheme:dark){:root[data-oled]:not([data-theme=light]){--bg:#000;--card:#0d0d12;--border:#24232f;--code-bg:#17161f;--accent-soft:#1b1930;--pill-bg:#24232f;--wire:#5c5978}}:root[data-oled][data-theme=dark]{--bg:#000;--card:#0d0d12;--border:#24232f;--code-bg:#17161f;--accent-soft:#1b1930;--pill-bg:#24232f;--wire:#5c5978}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{height:100%}body{background:var(--bg);height:100dvh;color:var(--text);flex-direction:column;margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex}button,input,textarea{font:inherit;color:inherit}#scroller{overflow-anchor:none;overscroll-behavior:contain;padding-top:env(safe-area-inset-top);scrollbar-width:none;flex:1;position:relative;overflow-y:auto}#scroller::-webkit-scrollbar{background:0 0;width:0;height:0;display:none}html::-webkit-scrollbar{background:0 0;width:0;height:0;display:none}body::-webkit-scrollbar{background:0 0;width:0;height:0;display:none}.cm-scroller::-webkit-scrollbar{background:0 0;width:0;height:0;display:none}html,body,.cm-scroller{scrollbar-width:none}body{--note-w:min(640px, 100% - 58px - 16px);--note-x:clamp(16px, (100% - var(--note-w)) / 2, 100% - 58px - var(--note-w))}body.side-left{--note-x:max(58px, (100% - var(--note-w)) / 2)}body.side-empty{--note-w:min(640px, 100% - 32px);--note-x:calc((100% - var(--note-w)) / 2)}.feed-wrap{min-height:100%;width:var(--note-w);margin-left:var(--note-x);padding:16px 0 calc(var(--ctl-bottom) + var(--fab) + 16px);flex-direction:column;justify-content:flex-end;display:flex}:root{--pill-bg:#000;--pill-ink:#fff;--wire:var(--pill-bg);--sep:color-mix(in srgb, var(--pill-ink) 20%, transparent);--hov-row:12%;--hov-btn:32%;--hov-pill:24%;--open-bg:17%;--ctl-bottom:calc(14px + env(safe-area-inset-bottom));--pill-h:38px;--pr-o:19px;--pr-i:7px}:root.pill-labels{--pill-h:48px;--pr-o:24px;--pr-i:8px}:root{--fab:52px;--fab-w:64px;--menu-pl:14px;--cap-w:35px;--cap:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='38'%3E%3Cpath d='M33.57 0A6 6 0 0 0 27.98 8.17A30 30 0 0 1 27.98 29.83A6 6 0 0 0 33.57 38L35 38L35 0Z'/%3E%3C/svg%3E")}:root.pill-labels{--fab:62px;--fab-w:74px;--menu-pl:16px;--cap-w:38px;--cap:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='48'%3E%3Cpath d='M36.84 0A6 6 0 0 0 31.45 8.63A35 35 0 0 1 31.45 39.37A6 6 0 0 0 36.84 48L38 48L38 0Z'/%3E%3C/svg%3E")}.pill-icons{align-items:center;gap:6px;display:flex}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--pill-bg:#3a374d;--pill-ink:#f1f0f8;--wire:#6b6788;--sep:color-mix(in srgb, var(--pill-ink) 16%, transparent);--hov-row:6%;--hov-btn:22%;--hov-pill:16%;--open-bg:10%}}:root[data-theme=dark]{--pill-bg:#3a374d;--pill-ink:#f1f0f8;--wire:#6b6788;--sep:color-mix(in srgb, var(--pill-ink) 16%, transparent);--hov-row:6%;--hov-btn:22%;--hov-pill:16%;--open-bg:10%}.pills{left:50%;bottom:var(--ctl-bottom);z-index:8;margin-left:calc(var(--fab-w) / -2 - max(0px, var(--menu-w,0px) + (var(--fab-w) - var(--fab)) / 2 - 50% + 12px));align-items:center;gap:2px;display:flex;position:fixed}.pill-btn{height:var(--pill-h);cursor:pointer;background:var(--pill-bg);min-width:92px;color:var(--pill-ink);border:0;border-radius:21px;place-content:center;align-items:center;padding:0 20px;display:grid}.pill-glyph{grid-area:1/1;justify-self:center}.pill-btn .pill-icons{grid-area:1/2}.pill-btn:first-child{border-radius:var(--pr-o) var(--pr-i) var(--pr-i) var(--pr-o)}.pill-btn:last-child{border-radius:var(--pr-i) var(--pr-o) var(--pr-o) var(--pr-i)}.pill-btn:active,.round:active{transform:scale(.96)}.pill-btn.status{padding:0 calc(var(--pr-o) - 9px) 0 calc(var(--fab) / 2 + 4px + var(--menu-pl))}.pill-btn.status:has(#dot-app-pill:not([hidden]):empty){padding-right:calc(var(--pr-o) - 5.5px)}.pill-btn.status:has(#dot-app-pill[hidden]):has(#dot-store:empty){padding-right:calc(var(--pr-o) - 5.5px)}.pill-btn.status:has(#dot-app-pill[hidden]):has(#dot-store[hidden]):has(#dot-sync:empty){padding-right:calc(var(--pr-o) - 5.5px)}.pill-btn.status:has(#dot-app-pill[hidden]):has(#dot-store[hidden]):has(#dot-sync:not(:empty)){padding-right:calc(var(--pr-o) - 9px)}.pill-btn.status:has(#dot-app-pill[hidden]):has(#dot-store[hidden]):has(#dot-sync[hidden]){padding-right:calc(var(--pr-o) - 9px)}:root:not(.pill-labels) .pill-btn.status:has(#dot-store[hidden]):has(#dot-sync[hidden]):has(#dot-app-pill[hidden]){padding-right:18px}.pill-btn.status:has(#dot-store[hidden]):has(#dot-sync[hidden]):has(#dot-app-pill[hidden]):has(#pill-nb:not([hidden])){padding-right:calc(var(--pr-o) - 10px)}:root.pill-labels .pill-btn.status:has(#dot-store[hidden]):has(#dot-sync[hidden]):has(#dot-app-pill[hidden]):has(#pill-nb:not([hidden])){padding-right:calc(var(--pr-o) - 11px)}#new-note{z-index:1;width:var(--fab-w);height:var(--fab);border-radius:calc(var(--fab) / 2);min-width:0;padding:0;position:relative}#status-pill{margin-left:calc(var(--fab) / -2 - 2px);border-radius:0 var(--pr-o) var(--pr-o) 0;-webkit-mask:var(--cap) 0 0 / var(--cap-w) 100% no-repeat, linear-gradient(#000, #000) calc(var(--cap-w) - 1px) 0 / 100% 100% no-repeat;-webkit-mask:var(--cap) 0 0 / var(--cap-w) 100% no-repeat, linear-gradient(#000, #000) calc(var(--cap-w) - 1px) 0 / 100% 100% no-repeat;mask:var(--cap) 0 0 / var(--cap-w) 100% no-repeat, linear-gradient(#000, #000) calc(var(--cap-w) - 1px) 0 / 100% 100% no-repeat}.pill-btn.status{min-width:0}.dot{background:#8a889c;border-radius:50%;flex:none;width:11px;height:11px;display:inline-block}.dot:not(:empty){text-align:center;color:#0b0b10;border-radius:9px;width:auto;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-style:normal;font-weight:700;line-height:18px}.dot[data-state=live]{background:#6ee7a8}.dot[data-state=wait],.dot[data-state=live].is-stale{background:#fbbf24}.dot[data-state=error]{background:#f87171}.dot[data-state=off]:empty,.dot.store{opacity:.5;background:0 0;border:2px solid}.dot.store.is-local{opacity:.7;background:repeating-conic-gradient(currentColor 0 25deg, transparent 25deg 45deg);border:0;-webkit-mask:radial-gradient(circle closest-side,#0000 calc(100% - 2px),#000 calc(100% - 1.5px));mask:radial-gradient(circle closest-side,#0000 calc(100% - 2px),#000 calc(100% - 1.5px))}.dot.store.is-alert{background:var(--hot);opacity:1;color:#fff;border:0;-webkit-mask:none;mask:none}.dot.store.is-warn{opacity:1;background:#fbbf24;border:0;-webkit-mask:none;mask:none}.pill-icons .dot[hidden]{display:none}.sync-forget{margin-top:10px}.link-btn{font:inherit;color:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.dot.neutral{opacity:.5;background:0 0;border:2px solid}.dot.spacer{visibility:hidden}.side{right:max(4px, env(safe-area-inset-right));bottom:calc(var(--ctl-bottom) + var(--fab) + 8px);z-index:6;flex-direction:column;align-items:center;width:48px;display:flex;position:fixed}.round{cursor:pointer;background:var(--pill-bg);color:var(--pill-ink);border:0;place-items:center;display:grid}#jump-up,#jump-down{width:32px;height:54px}#jump-up{clip-path:polygon(0 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px));transform-origin:50% 100%;border-radius:16px 16px 0 0}#jump-down{transform-origin:50% 0;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%,0 7px);border-radius:0 0 16px 16px}.round.search{border-radius:23px;width:46px;height:68px;margin-top:10px}.rail{cursor:pointer;touch-action:none;width:48px;margin-bottom:3px;position:relative}.side{-webkit-user-select:none;user-select:none}#rail-ticks{contain:layout size style;position:absolute;inset:0}.tick{background:var(--wire);--shift:0px;width:3px;transform:translateX(calc(var(--shift) * var(--toward,1)));border-radius:1.5px;transition:background-color .15s cubic-bezier(.2,0,0,1),transform .2s cubic-bezier(.2,0,0,1);position:absolute;left:calc(50% - 1.5px)}.tick.in-view,.tick.aimed{--shift:12.5px}.tick.focused{--shift:15.5px;background:var(--hot)}.rail-period{background:var(--wire);pointer-events:none;width:14px;height:1px;margin-top:-.5px;transition:width .15s cubic-bezier(.3,0,.8,.15);position:absolute;right:calc(50% - 4px)}.rail.dragging .rail-period.has-label,.rail.labels-flash .rail-period.has-label,.rail.labels-on .rail-period.has-label{width:50%;transition:width .15s cubic-bezier(.2,0,0,1)}@media (hover:hover){.rail:hover .rail-period.has-label{width:50%;transition:width .15s cubic-bezier(.2,0,0,1)}}.rail-thumb{background:var(--wire);width:10px;box-shadow:0 0 0 2px var(--bg);border-radius:5px;position:absolute;left:calc(50% - 5px)}.rail.dragging .rail-thumb{background:var(--accent)}.island-layer{z-index:7;pointer-events:none;position:fixed;inset:0}.morph-shadow{pointer-events:none;transform-origin:0 0;border-radius:24px;display:none;position:fixed;box-shadow:0 12px 22px #00000047}#search-shadow{border-radius:23px;box-shadow:0 10px 20px #00000040}.island{--isl-w:min(380px, calc(100vw - 24px));left:calc(50% - var(--isl-w) / 2);pointer-events:auto;bottom:calc(var(--ctl-bottom) + var(--fab) + 8px);width:var(--isl-w);max-height:calc(100dvh - var(--kb) - var(--ctl-bottom) - var(--fab) - 28px);overscroll-behavior:contain;overflow-anchor:none;background:var(--pill-bg);color:var(--pill-ink);scrollbar-width:none;border-radius:24px;padding:6px;position:fixed;overflow-y:auto;box-shadow:0 12px 22px #00000047}.island::-webkit-scrollbar{display:none}.island:before,.island:after{content:"";z-index:3;pointer-events:none;opacity:0;height:36px;margin:-6px -6px 0;transition:opacity .15s linear;display:block;position:sticky;left:0;right:0}.island:before{background:linear-gradient(var(--pill-bg), transparent);margin-bottom:-30px;top:-6px}.island:after{background:linear-gradient(transparent, var(--pill-bg));margin-top:-30px;margin-bottom:-6px;bottom:-6px}.island.more-up:before,.island.more-down:after{opacity:1}.island-veil{z-index:1;background:var(--pill-bg);opacity:0;pointer-events:none;position:absolute;inset:0}.island .dot{z-index:2;position:relative}.island-grip{z-index:4;height:0;margin:-6px -6px 0;position:sticky;top:-6px}.island-grip:before{content:"";width:72px;height:16px;position:absolute;top:0;left:50%;translate:-50%}.island-grip:after{content:"";background:var(--pill-ink);opacity:.35;border-radius:2px;width:32px;height:4px;transition:width .15s cubic-bezier(.2,0,0,1),opacity .15s linear,background .15s linear;position:absolute;top:6px;left:50%;translate:-50%}.island.will-close .island-grip:after{opacity:1;background:var(--accent);width:48px}body.island-open #status-pill{visibility:hidden}.pill-label{letter-spacing:.02em;opacity:.85;grid-area:2/1;justify-self:center;margin-top:4px;font-size:11px;font-weight:600;line-height:1;display:none}body.pill-labels .pill-label{display:block}body.pill-labels .pill-btn .pill-icons{grid-row:1/span 2}body.pill-labels .pill-glyph{width:18px;height:18px}#new-note .pill-glyph{width:26px;height:26px}body.pill-labels #new-note .pill-glyph,body.pill-labels #pill-nb svg{width:22px;height:22px}#status-pill .pill-icons:has(>:not([hidden])){margin-left:var(--menu-pl)}#status-pill .pill-icons:has(>#pill-nb:not([hidden])){margin-left:calc(var(--menu-pl) - 4px)}:root.pill-labels .pill-btn.status:has(#dot-store[hidden]):has(#dot-sync[hidden]):has(#dot-app-pill[hidden]):has(#pill-nb[hidden]){padding-right:26px}.island .group{border-radius:18px;transition:background .2s cubic-bezier(.2,0,0,1);position:relative}.island .group+.group{margin-top:2px}.island .group+.group:before{content:"";background:var(--sep);height:1px;position:absolute;top:-1px;left:0;right:56px}body.side-left .island .group+.group:before{left:56px;right:0}.island .group.is-open:before,.island .group.is-open+.group:before{opacity:0}@media (hover:hover){.island .group:has(>.group-head .head-btn:hover):before{opacity:0}.island .group:has(>.group-head .head-btn:hover)+.group:before{opacity:0}}.island .group.is-open{background:color-mix(in srgb, var(--pill-ink) var(--open-bg), transparent)}.group-head{align-items:center;gap:8px;display:flex}.head-btn{cursor:pointer;min-width:0;color:inherit;line-height:1.3;font:inherit;text-align:left;background:0 0;border:0;border-radius:18px;flex:1;align-items:flex-start;gap:12px;padding:11px 14px;display:flex}.head-btn>.dot{margin-top:calc(.65rem - 5.5px)}.head-btn>.dot:not(:empty){margin-top:calc(.65rem - 9px)}.head-btn strong{line-height:1.3rem}.dot.app{background:var(--accent);color:var(--accent-ink)}#dot-app:not(.is-update){visibility:hidden}.head-btn>.dot:empty{margin-left:3.5px;margin-right:3.5px}@media (hover:hover){.head-btn:hover{background:color-mix(in srgb, var(--pill-ink) var(--hov-row), transparent)}}.head-btn:focus-visible,.head-act:focus-visible,.tile:focus-visible,.code-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.head-act{background:color-mix(in srgb, var(--pill-ink) 12%, transparent);width:40px;height:40px;color:inherit;cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;margin-right:8px;display:grid}.group-head .head-act[hidden]{visibility:hidden;display:grid!important}@media (hover:hover){.head-act:hover{background:color-mix(in srgb, var(--pill-ink) var(--hov-btn), transparent)}}.sum-text{flex-direction:column;flex:1;min-width:0;display:flex}.drawer{grid-template-rows:0fr;transition:grid-template-rows .2s cubic-bezier(.3,0,.8,.15);display:grid}.group.is-open .drawer{grid-template-rows:1fr;transition-duration:.3s;transition-timing-function:cubic-bezier(.05,.7,.1,1)}.drawer-inner{min-height:0;position:relative;overflow:hidden}.drawer .panel{opacity:0;transition:opacity .15s linear}.group.is-open .drawer .panel{opacity:1;transition-delay:50ms}.panel{padding:12px 14px 4px}.callout{background:#fbbf2438;border-radius:12px;margin:0 0 10px;padding:10px 12px;font-size:13.5px;line-height:1.4}.callout p{margin:0 0 8px}.tiles+.callout{margin-top:2px}.callout #backup-text{font-weight:650}.callout .callout-sub{margin-bottom:2px}.callout-list{margin:0 0 8px;padding-left:18px}.callout-list li[hidden]{display:none}.callout-actions{flex-wrap:wrap;gap:6px;display:flex}.callout-actions+.callout-actions{margin-top:4px}.callout-actions [hidden]{display:none}.callout-protect{margin:0 0 10px}.callout-protect[hidden]{display:none}.chip.quiet{opacity:.8;background:0 0;padding-inline:8px}.tiles{grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;margin:10px 0;display:grid}.tiles>[hidden]{display:none}.tile.is-unavailable{opacity:.45}.island{--bubble:color-mix(in srgb, var(--accent) 42%, transparent)}:root.is-light .island{--bubble:color-mix(in srgb, var(--accent) 72%, transparent)}.hint-bubble{background:var(--bubble);border-radius:12px;margin:12px 0 0;padding:9px 12px;font-size:13px;line-height:1.45;position:relative}.hint-bubble:after{content:"";background:inherit;clip-path:polygon(0 0,100% 0,50% 100%);width:16px;height:8px;position:absolute;top:100%;left:calc(25% - 8px)}.hint-bubble+.tiles{margin-top:12px}.tile{cursor:pointer;background:color-mix(in srgb, var(--pill-ink) 12%, transparent);color:inherit;font:inherit;border:0;border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:10px 4px 8px;font-size:12.5px;font-weight:600;line-height:1.2;display:flex}.tile:not([hidden]):not(.tile:not([hidden])~.tile){border-top-left-radius:14px;border-bottom-left-radius:14px}.tile:not([hidden]):not(:has(~.tile:not([hidden]))){border-top-right-radius:14px;border-bottom-right-radius:14px}@media (hover:hover){.tile:hover{background:color-mix(in srgb, var(--pill-ink) var(--hov-btn), transparent)}}#app-reload,#app-quick[data-what=update]{background:var(--accent);color:var(--accent-ink)}@media (hover:hover){#app-reload:hover,#app-quick[data-what=update]:hover{background:color-mix(in srgb, var(--accent-ink) 18%, var(--accent))}}.code-field{gap:2px;margin:10px 0;display:flex}.island .code-field #sync-code{border-radius:12px 4px 4px 12px;flex:1;min-width:0}.code-btn{cursor:pointer;background:color-mix(in srgb, var(--pill-ink) 12%, transparent);width:44px;color:inherit;border:0;border-radius:4px 12px 12px 4px;flex:none;place-items:center;display:grid}@media (hover:hover){.code-btn:hover{background:color-mix(in srgb, var(--pill-ink) var(--hov-btn), transparent)}}.opt-grid{grid-template-columns:auto 1fr;align-items:center;gap:8px 12px;display:grid}.opt-name{opacity:.7;font-size:13px}.opt-box{background:color-mix(in srgb, var(--pill-ink) 7%, transparent);border-radius:18px;margin:0 -6px 8px;padding:8px 8px 10px 10px}.opt-box .opt-grid{grid-template-columns:76px 1fr}.opt-cat{letter-spacing:.06em;text-transform:uppercase;opacity:.6;align-items:center;gap:6px;margin:0 0 8px 2px;font-size:11.5px;font-weight:650;display:flex}.opt-cat svg{flex:none}.panel .opt-grid .segmented{grid-auto-columns:1fr;grid-auto-flow:column;width:auto;display:grid}.opt-grid .segmented span{text-align:center;white-space:nowrap;padding:6px 4px;font-size:13.5px}.oled-box{background:color-mix(in srgb, var(--pill-ink) 18%, transparent);border-radius:18px;grid-column:2;align-items:center;gap:10px;margin-top:2px;padding:4px 4px 4px 12px;display:flex;position:relative}.oled-box:before{content:"";background:inherit;clip-path:polygon(50% 0,100% 100%,0 100%);width:16px;height:7px;position:absolute;bottom:100%;right:calc(16.6667% - 8px)}.oled-box .opt-name{opacity:.85;flex:1}.panel .opt-grid .oled-box .segmented{flex:none;width:50%}.space{margin:2px 0 10px}.space[hidden]{display:none}.space-head{margin:0 0 8px;font-size:13px}.space-head strong{letter-spacing:-.01em;font-size:20px;font-weight:700}.space-head span{opacity:.7}.space-bar{background:color-mix(in srgb, currentColor 14%, transparent);border-radius:5px;gap:2px;height:10px;display:flex;overflow:hidden}.space-bar span[hidden]{display:none}.space-bar span{min-width:3px;transition:flex-basis .3s cubic-bezier(.2,0,0,1)}.space-bar .seg-notes{flex:0 0 calc(var(--notes,0) * 100%);background:var(--nb,var(--accent))}.space-bar .seg-others{flex:0 0 calc(var(--others,0) * 100%);background:color-mix(in srgb, var(--pill-ink) 55%, transparent)}.space-bar .seg-app{flex:0 0 calc(var(--app,0) * 100%);background:color-mix(in srgb, var(--accent) 40%, var(--pill-ink))}.space-bar.is-full .seg-notes{background:var(--hot)}.space-legend{flex-wrap:wrap;gap:4px 14px;margin:8px 0 0;padding:0;font-size:12.5px;list-style:none;display:flex}.space-legend li[hidden]{display:none}.space-legend li{opacity:.85;align-items:center;gap:6px;display:flex}.space-legend b{font-weight:650}.space-legend i{border-radius:3px;width:10px;height:10px}.sw-notes{background:var(--nb,var(--accent))}.sw-others{background:color-mix(in srgb, var(--pill-ink) 55%, transparent)}.sw-app{background:color-mix(in srgb, var(--accent) 40%, var(--pill-ink))}.sw-free{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, currentColor 35%, transparent)}.space-help{border-radius:12px;margin-top:8px;font-size:12.5px;transition:background .15s linear}.space-help summary{cursor:pointer;opacity:.7;text-underline-offset:2px;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);list-style:none;display:inline-block}.space-help summary::-webkit-details-marker{display:none}.space-help[open]{background:var(--bubble);cursor:pointer;margin-inline:-4px;padding:10px 12px 12px;position:relative}.space-help[hidden]{display:none}#space-help[open]{margin-top:14px}#space-help[open]:before{content:"";background:inherit;clip-path:polygon(50% 0,100% 100%,0 100%);width:16px;height:8px;position:absolute;bottom:100%;left:20px}.space-help[open] summary{opacity:1;justify-content:space-between;gap:8px;width:100%;font-weight:650;text-decoration:none;display:flex}.space-help[open] summary:after{content:"×";opacity:.6;font-size:16px;line-height:1}.space-help p{opacity:.8;margin:6px 0 0;line-height:1.45}.space-help p:empty,.space.is-folder .space-help{display:none}.space-bar.is-whole .seg-notes{flex:var(--notes,0) 1 0}.space-bar.is-whole .seg-app{flex:var(--app,0) 1 0}.space-help strong{font-weight:650}.panel .row{gap:6px;margin:8px 0}.island-sub{opacity:.7;overflow-wrap:anywhere;font-size:13px}.panel p.island-sub{margin:0 0 4px}.island code{font-size:.92em}.island-foot{justify-content:space-between;align-items:center;padding:10px 14px 6px;display:none}.chip{cursor:pointer;background:color-mix(in srgb, var(--pill-ink) 14%, transparent);color:var(--pill-ink);border:0;border-radius:999px;padding:7px 13px;font-size:14px;font-weight:600}@media (hover:hover){.chip:hover{background:color-mix(in srgb, var(--pill-ink) var(--hov-btn), transparent)}}.chip.primary{background:var(--pill-ink);color:var(--pill-bg)}.chip:disabled{opacity:.5}.island #sync-code{background:color-mix(in srgb, var(--pill-ink) 10%, transparent);width:100%;color:var(--pill-ink);border:0;border-radius:12px;flex:1;padding:9px 12px;font-family:ui-monospace,Menlo,Consolas,monospace}.island #sync-code::placeholder{color:var(--pill-ink);opacity:.45}.island .qr-box{margin:10px 0 4px}.island .qr-img svg{width:100%;max-width:240px}.island .qr-box figcaption{text-align:center;text-wrap:balance}.qr-nb{justify-content:center;align-items:center;gap:7px;margin:2px 0 6px;font-size:15px;font-weight:600;display:flex}.qr-nb span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.qr-nb[hidden]{display:none}#qr-box[data-state=error] figcaption{color:#fca5a5;opacity:1}.segmented{background:color-mix(in srgb, var(--pill-ink) 10%, transparent);border-radius:999px;padding:3px;display:inline-flex}.segmented label{cursor:pointer}.segmented input{opacity:0;pointer-events:none;position:absolute}.segmented span{opacity:.7;border-radius:999px;padding:6px 16px;font-size:14px;font-weight:600;display:block}.segmented input:checked+span{background:var(--pill-ink);color:var(--pill-bg);opacity:1}.segmented input:focus-visible+span{outline:2px solid var(--accent)}.segmented.-revealed{animation:1.6s ease-out setting-revealed}.opt-name.-revealed{animation:1.6s ease-out setting-name-revealed}@keyframes setting-revealed{0%,60%{box-shadow:0 0 0 2px var(--accent)}to{box-shadow:0 0 0 2px #0000}}@keyframes setting-name-revealed{0%,60%{color:var(--accent);opacity:1}}.search-layer{z-index:9;pointer-events:none;position:fixed;inset:0}.search-field{bottom:calc(var(--ctl-bottom) + var(--fab) + 8px);left:var(--note-x);width:var(--note-w);pointer-events:auto;background:var(--pill-bg);height:68px;color:var(--pill-ink);border-radius:23px;align-items:center;padding-left:20px;transition:left .4s cubic-bezier(.05,.7,.1,1),width .4s cubic-bezier(.05,.7,.1,1);display:flex;position:fixed;box-shadow:0 10px 20px #00000040}.search-veil{z-index:2;border-radius:inherit;background:var(--pill-bg);opacity:0;pointer-events:none;position:absolute;inset:0}.search-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.search-count{align-items:center;gap:0;display:flex}.search-badge.inline{min-width:18px;height:16px;margin-right:4px;font-size:10.5px;line-height:16px;display:inline-block;position:static;transform:none}#search{width:100%;color:inherit;font:inherit;background:0 0;border:0;outline:0;padding:0;font-size:17px}#search::placeholder{color:inherit;opacity:.5}.search-count{color:color-mix(in srgb, var(--pill-ink) 65%, transparent);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.search-count .search-badge{color:#fff}.search-line{align-items:center;gap:6px;display:flex}.search-clear{cursor:pointer;background:color-mix(in srgb, var(--pill-ink) 14%, transparent);width:26px;height:26px;color:inherit;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.search-icon{z-index:3;width:46px;height:68px;color:inherit;cursor:pointer;background:0 0;border:0;flex:none;place-items:center;display:grid;position:relative}.search-icon:before{content:"";z-index:-1;background:0 0;border-radius:50%;position:absolute;inset:15px 4px}body.search-open #search-toggle{visibility:hidden}#search-toggle{position:relative}.search-badge{background:var(--accent);color:#fff;text-align:center;border-radius:9px;min-width:20px;height:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}body.search-active #search-toggle>svg{transform:translateY(-9px)}mark.hit{background:color-mix(in srgb, var(--accent) 28%, transparent);color:inherit;border-radius:3px;padding:0 1px}.btn{border:1px solid var(--border);background:var(--card);cursor:pointer;white-space:nowrap;border-radius:8px;padding:9px 14px}@media (hover:hover){.btn:hover{border-color:var(--muted)}}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.icon-btn{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;padding:10px;display:grid}@media (hover:hover){.icon-btn:hover{background:var(--accent-soft);color:var(--text)}}.link{cursor:pointer;color:var(--muted);background:0 0;border:0;padding:2px 4px;font-size:13px}@media (hover:hover){.link:hover{color:var(--accent)}}.link.danger.armed{color:var(--danger)}@media (hover:hover){.link.danger:hover{color:var(--danger)}}.link.danger.armed{font-weight:600}.pill{cursor:pointer;white-space:nowrap;border:1px solid var(--border);background:var(--card);color:var(--muted);border-radius:999px;padding:4px 10px;font-size:13px}.pill:before{content:"";background:var(--muted);vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.pill[data-state=wait]:before{background:#d9a227}.pill[data-state=live]{color:var(--accent);border-color:var(--accent)}.pill[data-state=live]:before{background:var(--accent)}.banner{background:var(--accent-soft);border:1px solid var(--accent);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:10px 14px;display:flex}textarea{resize:none;background:0 0;border:0;outline:0;width:100%;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:14.5px;line-height:1.6}.save-mark{width:22px;height:22px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;margin:-3px;padding:0;display:inline-grid}.save-mark[hidden]{display:none}.save-mark[data-shape=failed]{color:var(--hot)}.save-mark[data-shape=pending] svg{opacity:.7}.save-mark.is-sending svg{animation:1.2s ease-in-out infinite alternate mark-breathe}@keyframes mark-breathe{to{opacity:.35}}@media (prefers-reduced-motion:reduce){.save-mark.is-sending svg{opacity:.6;animation:none}}.save-mark:focus-visible{outline:2px solid var(--accent);outline-offset:0}.note-menu{z-index:9;background:var(--pill-bg);min-width:190px;max-width:min(300px,100vw - 16px);max-height:calc(100dvh - 16px);color:var(--pill-ink);box-shadow:0 0 0 1px color-mix(in srgb, var(--pill-ink) 14%, transparent), 0 8px 24px #0000004d;border-radius:18px;flex-direction:column;padding:6px;animation:.12s cubic-bezier(.2,0,0,1) note-menu-in;display:flex;position:fixed;overflow-y:auto}.note-menu[hidden]{display:none}@keyframes note-menu-in{0%{opacity:0;transform:scale(.96)}}@media (prefers-reduced-motion:reduce){.note-menu{animation:none}}html.no-anim .note-menu{animation:none}.note-menu-item{min-height:42px;color:inherit;font:inherit;text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:0 14px 0 12px;font-size:15px;display:flex}.note-menu-item>span{text-overflow:ellipsis;overflow:hidden}.note-menu-item>svg,.note-menu-item>.nb-icon{flex:none}@media (hover:hover){.note-menu-item:hover{background:color-mix(in srgb, var(--pill-ink) var(--hov-row), transparent)}}.note-menu-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.note-menu-item.is-back{color:color-mix(in srgb, var(--pill-ink) 70%, transparent);min-height:36px;font-size:13.5px}.note-menu-item.is-back+.note-menu-item{box-shadow:0 -1px 0 var(--sep);border-top-left-radius:0;border-top-right-radius:0;margin-top:2px}.note-menu-item.danger{color:color-mix(in srgb, var(--hot) 55%, var(--pill-ink))}.note-menu-item.danger.armed{background:var(--hot);color:#fff;font-weight:600}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .note-menu-item.danger.armed{background:color-mix(in srgb, var(--hot) 30%, transparent);color:var(--pill-ink)}}:root[data-theme=dark] .note-menu-item.danger.armed{background:color-mix(in srgb, var(--hot) 30%, transparent);color:var(--pill-ink)}.empty{text-align:center;padding:32px 0}.muted{color:var(--muted)}.small{font-size:13.5px}dialog{border:1px solid var(--border);background:var(--card);width:min(560px,100vw);max-width:100vw;max-height:85dvh;color:var(--text);border-bottom:0;border-radius:18px 18px 0 0;flex-direction:column;margin:auto auto 0;padding:0;display:none}dialog[open]{display:flex}dialog>section,dialog>.dlg-head{flex:none}dialog{overflow-y:auto}.dlg-foot{background:var(--card);padding:10px 18px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border);margin-top:auto;position:sticky;bottom:0}.btn.wide{width:100%;padding:11px;font-weight:600}dialog::backdrop{background:#00000059}.dlg-head{justify-content:space-between;align-items:baseline;padding:16px 18px 0;display:flex}.dlg-head h2{margin:0;font-size:18px}dialog section{border-bottom:1px solid var(--border);padding:4px 18px 14px}dialog section:last-child{border-bottom:0}dialog h3{margin:12px 0 4px;font-size:15px}dialog p{margin:6px 0}.row{flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0;display:flex}#sync-code{border:1px solid var(--border);background:var(--bg);border-radius:8px;flex:1;min-width:180px;padding:7px 10px;font-family:ui-monospace,Menlo,Consolas,monospace}.toast{left:50%;top:calc(env(safe-area-inset-top) + 10px);z-index:10;background:var(--pill-bg);color:var(--pill-ink);pointer-events:none;text-align:center;width:max-content;max-width:min(420px,100vw - 32px);box-shadow:0 0 0 1px color-mix(in srgb, var(--pill-ink) 22%, transparent), 0 8px 24px #00000059;border-radius:18px;padding:10px 16px;font-size:14px;line-height:1.35;position:fixed;transform:translate(-50%)}.qr-box{text-align:center;margin:4px 0 10px}.qr-img svg{width:min(300px,80vw);height:auto;margin:0 auto 8px;display:block}:root:not(.is-light) .qr-img svg{filter:brightness(.9)}.cm-static{white-space:break-spaces;word-break:break-word;overflow-wrap:anywhere;line-break:after-white-space;tab-size:4;font-size:16px;line-height:1.55}.cm-static .cm-line{display:block}.cm-static a{color:inherit}.cm-md-mark{color:var(--muted)}.cm-md-link{color:var(--accent);text-decoration:underline}.cm-md-code{background:var(--code-bg);border-radius:4px;padding:.1em .2em;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.9em}.cm-md-codeblock{background:var(--code-bg);font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.9em}.cm-md-codeblock .cm-md-code{background:0 0;padding:0}.cm-md-quoteline{border-left:3px solid var(--accent);color:var(--muted);padding-left:12px!important}.cm-md-bullet{color:var(--muted);width:.8em;display:inline-block}.cm-md-check{vertical-align:-2px;cursor:pointer;accent-color:var(--accent);margin:0 .2em 0 0}#qr-box[data-state=error] figcaption{color:var(--danger)}#qr-box[data-state=busy] figcaption:before{content:"";border:2px solid var(--accent);vertical-align:-1px;border-right-color:#0000;border-radius:50%;width:.8em;height:.8em;margin-right:.5em;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.qr-box{scroll-margin-bottom:90px}.scanner-view{aspect-ratio:1;background:#000;max-height:60dvh;position:relative;overflow:hidden}.scanner-view video{object-fit:cover;width:100%;height:100%;display:block}.scanner-frame{border:3px solid #ffffffd9;border-radius:16px;position:absolute;inset:15%;box-shadow:0 0 0 999px #00000040}.scanner-status{text-align:center;margin:12px 18px 0}#scanner[data-state=error] .scanner-status{color:var(--danger)}#scanner[data-state=error] .scanner-view{display:none}#scanner .dlg-foot{margin:0}#scanner .dlg-foot .btn{flex:1}.radio{border:1px solid var(--border);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.radio:has(input:checked){border-color:var(--accent);color:var(--accent);font-weight:600}.radio input{accent-color:var(--accent)}#search::-webkit-search-cancel-button{display:none}.segmented+.segmented{margin-top:8px}.panel .segmented{width:-moz-fit-content;width:fit-content;display:flex}body.side-left .side{right:auto;left:max(4px, env(safe-area-inset-left))}body.side-left .tick{--toward:-1}body.side-left .rail-period{left:calc(50% - 4px);right:auto}#rail-labels{pointer-events:none;opacity:0;filter:drop-shadow(0 1px 3px #00000040);transition:opacity .15s cubic-bezier(.3,0,.8,.15);position:absolute;inset:0}.rail.dragging #rail-labels,.rail.labels-flash #rail-labels,.rail.labels-on #rail-labels{opacity:1;transition:opacity .15s cubic-bezier(.2,0,0,1)}@media (hover:hover){.rail:hover #rail-labels{opacity:1;transition:opacity .15s cubic-bezier(.2,0,0,1)}}.rail-label{white-space:nowrap;background:var(--pill-bg);color:var(--pill-ink);border-radius:999px 0 0 999px;padding:3px 5px 3px 9px;font-size:12.5px;font-weight:650;line-height:16px;display:none;position:absolute;right:calc(100% + 6px);translate:0 -50%}.rail-label:after{content:"";background:inherit;clip-path:polygon(0 0,100% 50%,0 100%);width:10px;position:absolute;top:0;bottom:0;left:100%}.rail-label.is-shown{display:block}.rail-label.is-current{background:var(--hot);color:var(--hot-ink)}.rail.dragging .rail-period.is-current,.rail.labels-flash .rail-period.is-current,.rail.labels-on .rail-period.is-current{background:var(--hot)}@media (hover:hover){.rail:hover .rail-period.is-current{background:var(--hot)}}.rail-bubble{z-index:2;pointer-events:none;background:var(--card);width:max-content;max-width:min(240px,100vw - 96px);color:var(--text);box-shadow:0 6px 20px #14103c38, 0 0 0 1.5px var(--hot);border-radius:12px;padding:6px 12px 7px;display:none;position:absolute;right:calc(100% + 14px);translate:0 -50%}.rail-bubble.is-shown{display:block}.rail-bubble b{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:750;line-height:18px;display:-webkit-box;overflow:hidden}.rail-bubble small{color:var(--muted);margin-top:1px;font-size:11.5px;line-height:15px;display:block}.rail-bubble:after{content:"";background:var(--hot);clip-path:polygon(0 0,100% 50%,0 100%);width:8px;height:14px;position:absolute;top:50%;left:calc(100% + 1px);translate:0 -50%}body.side-left .rail-bubble{left:calc(100% + 14px);right:auto}body.side-left .rail-bubble:after{clip-path:polygon(100% 0,0 50%,100% 100%);left:auto;right:calc(100% + 1px)}.rail-label.under-bubble{visibility:hidden}.rail .rail-period.has-label.under-bubble{width:14px}.tick.aimed{background:var(--hot)}body.rail-titles{--note-x:clamp(16px, (100% - var(--note-w)) / 2, 100% - var(--note-w) - var(--side-room))}body.rail-titles.side-left{--note-x:max((100% - var(--note-w)) / 2, min(var(--side-room), 100% - var(--note-w) - 16px))}body.rail-titles .pills{left:calc(var(--note-x) + var(--note-w) / 2)}body.rail-titles .island{left:calc(var(--note-x) + var(--note-w) / 2 - var(--isl-w) / 2)}body.rail-titles .side{right:auto;left:calc(var(--note-x) + var(--note-w) + var(--label-room))}body.rail-titles.side-left .side{left:calc(var(--note-x) - var(--label-room) - 48px)}#rail-titles{width:var(--titles-w,0);display:none;position:absolute;top:0;bottom:0;left:calc(50% + 16px)}body.rail-titles #rail-titles{display:block}body.side-left #rail-titles{left:auto;right:calc(50% + 16px)}.rail-title{box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;max-width:100%;color:var(--muted);cursor:pointer;border-radius:4px;padding:0 6px;font-size:12.5px;line-height:18px;display:none;position:absolute;left:0;overflow:hidden;translate:0 -50%}body.side-left .rail-title{left:auto;right:0}.rail-title.is-shown{display:block}.rail-title.in-view{color:var(--text);font-weight:650}.rail-title.focused{color:var(--hot);font-weight:650}.rail-title.aimed{background:var(--hot);color:var(--hot-ink);font-weight:650}@media (hover:hover){.rail-title:hover{background:var(--pill-bg);color:var(--pill-ink)}}body.side-left .rail-label{border-radius:0 999px 999px 0;padding:3px 9px 3px 5px;left:calc(100% + 6px);right:auto}body.side-left .rail-label:after{clip-path:polygon(100% 0,0 50%,100% 100%);left:auto;right:100%}body.side-left .search-field{flex-direction:row-reverse;padding:0 20px 0 0}body.side-left .group-head{flex-direction:row-reverse}body.side-left .head-act{margin-left:8px;margin-right:0}.island-sub[data-extra]:not([data-extra=""]):after{content:" · " attr(data-extra)}#island-store[data-extra]:not([data-extra=""]):after,#island-sync[data-extra]:not([data-extra=""]):after{content:attr(data-extra);display:block}#theme-quick .ico{display:none}#theme-quick[data-theme-now=auto] .t-auto,#theme-quick[data-theme-now=light] .t-light,#theme-quick[data-theme-now=dark] .t-dark{display:block}#count{display:none}.side-nav{flex-direction:column;align-items:center;display:flex}.side-nav,#search-toggle{transition:transform .4s cubic-bezier(.05,.7,.1,1),visibility}.side-nav.is-out,#search-toggle.is-out{visibility:hidden;transition:transform .2s cubic-bezier(.3,0,.8,.15),visibility 0s .2s;transform:translate(calc(100% + 24px))}body.side-left .side-nav.is-out,body.side-left #search-toggle.is-out{transform:translate(calc(-100% - 24px))}@media (max-width:495.98px){body.menu-up .side-nav,body.menu-up #search-toggle{visibility:hidden;transition:transform .2s cubic-bezier(.3,0,.8,.15),visibility 0s .2s;transform:translate(calc(100% + 24px))}body.side-left.menu-up .side-nav,body.side-left.menu-up #search-toggle{transform:translate(calc(-100% - 24px))}}html.no-anim .side-nav,html.no-anim #search-toggle,#search-toggle:active{transition:none}.feed-wrap{transition:width .4s cubic-bezier(.05,.7,.1,1),margin-left .4s cubic-bezier(.05,.7,.1,1),padding-bottom .15s cubic-bezier(.3,0,.8,.15)}body.search-open .feed-wrap{transition:width .4s cubic-bezier(.05,.7,.1,1),margin-left .4s cubic-bezier(.05,.7,.1,1),padding-bottom .2s cubic-bezier(.05,.7,.1,1)}.pills{transition:left .4s cubic-bezier(.05, .7, .1, 1), margin-left .4s cubic-bezier(.05, .7, .1, 1), translate var(--kb-motion)}html.no-anim .feed-wrap,html.no-anim .pills,html.no-anim .search-field{transition:none}body.search-open .feed-wrap{padding-bottom:calc(var(--ctl-bottom) + var(--fab) + 16px + 76px)}.search-meta{align-items:center;gap:5px;display:flex}.search-meta .search-count{flex:1;min-width:0}.search-opt{cursor:pointer;background:color-mix(in srgb, var(--pill-ink) 12%, transparent);min-width:28px;height:20px;color:color-mix(in srgb, var(--pill-ink) 80%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--pill-ink) 28%, transparent);border:0;border-radius:6px;flex:none;padding:0 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;font-weight:700;line-height:20px}@media (hover:hover){.search-opt:hover{background:color-mix(in srgb, var(--pill-ink) var(--hov-btn), transparent)}}.search-opt[aria-pressed=true]{background:var(--pill-ink);color:var(--pill-bg);box-shadow:none}.search-field{column-gap:8px}:root{--kb:0px;--kb-motion:.2s cubic-bezier(.3, 0, .8, .15)}html.kb-open{--kb-motion:.3s cubic-bezier(.05, .7, .1, 1)}body{padding-bottom:var(--kb)}.pills,.side,.island-layer,.search-layer{translate:0 calc(-1 * var(--kb))}.side,.island-layer,.search-layer{transition:translate var(--kb-motion)}.side-nav{position:relative}.side-nav:after{content:"";background:var(--wire);transform-origin:top;width:2px;height:10px;transition:transform .2s cubic-bezier(.05,.7,.1,1);position:absolute;top:100%;left:calc(50% - 1px)}.side:has(#search-toggle.is-out) .side-nav:after{transition:transform .15s cubic-bezier(.3,0,.8,.15);transform:scaleY(0)}body.search-open .side-nav:after{transition:none;transform:scaleY(0)}body.link-instant .side-nav:after,html.no-anim .side-nav:after{transition:none}.search-elbow{z-index:6;pointer-events:none;border:0 solid var(--wire);translate:0 calc(-1 * var(--kb));transition:translate var(--kb-motion);border-bottom-width:2px;border-right-width:2px;border-bottom-right-radius:8px;display:none;position:fixed}body.side-left .search-elbow{border-left-width:2px;border-right-width:0;border-bottom-right-radius:0;border-bottom-left-radius:8px}html.kb-instant .search-layer,html.kb-instant .search-elbow{transition:none}@media (hover:hover){.pill-btn:hover,.round:hover{background:color-mix(in srgb, var(--pill-ink) var(--hov-pill), var(--pill-bg))}.search-clear:hover{background:color-mix(in srgb, var(--pill-ink) 26%, transparent)}.search-icon:hover:before{background:color-mix(in srgb, var(--pill-ink) 14%, transparent)}.segmented label:hover input:not(:checked)+span{opacity:1;background:color-mix(in srgb, var(--pill-ink) 10%, transparent)}.link-btn:hover{text-decoration-thickness:2px}.rail:hover .rail-thumb{background:color-mix(in srgb, var(--wire) 50%, var(--accent))}}.nb-list{flex-direction:column;gap:2px;margin:10px 0;display:flex}.nb-list[hidden]{display:none}.nb-row{cursor:pointer;background:color-mix(in srgb, var(--pill-ink) 8%, transparent);color:inherit;font:inherit;text-align:left;border:0;border-radius:6px;align-items:baseline;gap:10px;padding:10px 12px;display:flex}.nb-row:first-child{border-top-left-radius:14px;border-top-right-radius:14px}.nb-row:last-child{border-bottom-right-radius:14px;border-bottom-left-radius:14px}.nb-row-name{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:600}.nb-row-where{opacity:.6;flex:none;font-size:12.5px}@media (hover:hover){.nb-row:hover{background:var(--c);color:#17151f}.nb-row:hover .nb-ico{color:#17151f!important}.nb-row:hover .nb-row-where{opacity:.75;color:inherit}}.nb-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.island #nb-name{width:100%;min-width:0;font:inherit;background:color-mix(in srgb, var(--pill-ink) 10%, transparent);color:var(--pill-ink);border:0;border-radius:12px 4px 4px 12px;flex:1;padding:9px 12px;font-weight:600}.island #nb-name:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.panel #nb-hint{margin:0 0 8px}.panel #nb-hint[hidden]{display:none}.nb-frame{border:1.5px solid var(--nb,var(--accent));border-radius:18px;margin:4px 0 0;padding:2px;transition:border-color .3s cubic-bezier(.2,0,0,1)}#nb-section .head-btn{align-items:center}.nb-head-ico{flex:none;place-items:center;width:18px;height:24px;display:grid;overflow:visible}.nb-head-ico .ico{flex:none;margin:0 -3px}.nb-row{align-items:center}.nb-row .nb-ico{flex:none}.head-act.is-switch{position:relative}.head-act.is-switch .nb-ico{width:22px;height:22px}.head-act.is-switch:after{content:"";background:var(--pill-ink) center / 12px no-repeat;width:18px;height:18px;box-shadow:0 0 0 2px var(--pill-bg);border-radius:50%;position:absolute;bottom:-3px;right:-3px;-webkit-mask:none}.head-act.is-switch:before{content:"";z-index:1;background:var(--pill-bg);width:18px;height:18px;position:absolute;bottom:-3px;right:-3px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 8h11l-3-3M17 16H6l3 3'/%3E%3C/svg%3E") 50%/12px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 8h11l-3-3M17 16H6l3 3'/%3E%3C/svg%3E") 50%/12px no-repeat}.pill-nb{place-items:center;display:grid}.pill-nb[hidden],.nb-edit[hidden]{display:none}.nb-edit{background:color-mix(in srgb, var(--pill-ink) 10%, transparent);border-radius:14px;margin:10px 0 14px;padding:12px 12px 4px;position:relative}.nb-edit:after{content:"";background:inherit;clip-path:polygon(0 0,100% 0,50% 100%);width:16px;height:8px;position:absolute;top:100%;right:52px}.nb-edit .code-field{margin-top:0}.island .nb-edit #nb-name{border-radius:12px}.nb-edit-actions{justify-content:flex-end;margin:0 0 6px}.chip.is-armed{background:var(--hot);color:var(--hot-ink);align-items:center;gap:6px;display:inline-flex}.nb-edit-actions:not(:has(:not([hidden]))){display:none}.tile.is-on{background:color-mix(in srgb, var(--pill-ink) 24%, transparent)}.nb-colors{justify-content:space-between;gap:6px;margin:10px 2px;display:flex}.nb-swatch{aspect-ratio:1;cursor:pointer;background:var(--c);border:0;border-radius:50%;flex:0 28px;min-width:0;padding:0}.nb-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--pill-bg), 0 0 0 4px var(--c)}.nb-icons{grid-template-columns:repeat(8,1fr);gap:4px;margin:0 0 10px;display:grid}.nb-icon-btn{cursor:pointer;background:color-mix(in srgb, var(--pill-ink) 8%, transparent);border:0;border-radius:10px;place-items:center;height:36px;display:grid}.nb-icon-btn[aria-pressed=true]{background:color-mix(in srgb, var(--pill-ink) 22%, transparent);box-shadow:inset 0 0 0 1.5px var(--nb)}@media (hover:hover){.nb-icon-btn:hover{background:color-mix(in srgb, var(--pill-ink) var(--hov-btn), transparent)}}.nb-swatch:focus-visible,.nb-icon-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nb-ico.is-temp{outline-offset:2px;border-radius:50%;outline:1.5px dashed}.nb-row.is-soon .nb-row-where{color:var(--hot);opacity:1}.nb-count{opacity:.5;font-weight:500}.island.one-notebook .nb-frame{border:0;margin:2px 0 0;padding:0}.island.one-notebook .nb-frame>.group:first-child:before{content:"";background:var(--sep);height:1px;position:absolute;top:-1px;left:0;right:56px}body.side-left .island.one-notebook .nb-frame>.group:first-child:before{left:56px;right:0}.island.one-notebook .nb-frame>.group.is-open:first-child:before,.island.one-notebook #layout-section.is-open+.nb-frame>.group:first-child:before{opacity:0}@media (hover:hover){.island.one-notebook .nb-frame>.group:first-child:has(>.group-head .head-btn:hover):before{opacity:0}.island.one-notebook #layout-section:has(>.group-head .head-btn:hover)+.nb-frame>.group:first-child:before{opacity:0}}.nb-colors[hidden],.nb-icons[hidden]{display:none}.nb-icons-sep{border:0;border-top:1px solid color-mix(in srgb, var(--pill-ink) 15%, transparent);grid-column:1/-1;width:100%;margin:2px 0}.nb-del-confirm[hidden]{display:none}.nb-del-confirm{margin-top:4px}.callout.nb-del-confirm{background:color-mix(in srgb, var(--hot) 13%, transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--hot) 45%, transparent)}.sync-target[hidden]{display:none}.sync-target{margin:10px 0 4px}.panel .nb-reset{margin:0 0 8px}.panel .nb-reset[hidden]{display:none}.island:not(.one-notebook) .nb-frame .group,.island:not(.one-notebook) .nb-frame .head-btn{border-radius:14.5px}.nb-temp-tag{vertical-align:1px;border:1px dashed;border-radius:999px;margin-left:2px;padding:0 7px;font-size:11.5px;font-weight:600;line-height:16px;display:inline-block}.nb-card[hidden]{display:none}.nb-card{background:var(--nb,var(--accent));color:#17151f;border-radius:14px;margin:10px 0 12px;padding:10px 12px;font-size:13px;line-height:1.45;position:relative}.nb-card.is-temp{outline-offset:-5px;outline:1.5px dashed #17151f8c}.nb-card-ico{flex:none;place-items:center;display:grid}.nb-card-ico .nb-ico{color:inherit!important}.nb-card-ico .nb-ico.is-temp{outline:none}.nb-ico-ghost{z-index:30;pointer-events:none;margin:0;position:fixed}.nb-ico-ghost.is-temp{outline:none}.nb-card-head{align-items:center;gap:8px;margin-bottom:4px;display:flex}.nb-card-head strong{overflow-wrap:anywhere;flex:1;min-width:0;font-size:14.5px}.nb-card-head .chip{color:inherit;background:#17151f1f;align-items:center;gap:6px;padding:6px 11px;font-size:13px;display:inline-flex}@media (hover:hover){.nb-card-head .chip:hover{background:#17151f33}}.nb-card-head .chip.is-on,.nb-card .chip.primary{color:var(--nb,var(--accent));background:#17151f}#nb-card-info{opacity:.78;flex-direction:column;margin:0;display:flex}.nb-temp-note[hidden]{display:none}.nb-temp-note{border-top:1px dashed #17151f66;margin-top:8px;padding-top:8px}.nb-temp-note p{margin:0 0 8px}.nb-edit .nb-del-confirm{margin:4px 0 8px}naute-feed{unicode-bidi:isolate;flex-direction:column;gap:12px;display:flex}naute-feed>naute-note.-day-start{margin-top:48px;position:relative}naute-feed[plain]{gap:0}naute-feed[plain]>naute-note:first-child{border-top:0}naute-feed[plain]>naute-note.-day-start{border-top:0;margin-top:40px}naute-feed[plain]>naute-note.-day-start>naute-date-pill{margin-bottom:-4px}naute-feed[plain]>naute-note:has(+naute-note.-day-start){border-bottom:1px solid var(--border)}naute-note{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);unicode-bidi:isolate;border-radius:12px;padding:14px 16px 8px;display:block}@media (hover:hover){body:not(.plain) naute-note:not([editing]):hover,body:not(.plain) naute-note[blank]:not(:focus-within):hover{border-color:color-mix(in srgb, var(--accent) 60%, var(--border))}}naute-note[editing]{border-color:var(--accent)}naute-note[editing]:not([blank]){border-color:var(--hot)}.naute-note__body{cursor:text;overflow-wrap:anywhere}.naute-note__foot{border-top:1px dashed var(--border);justify-content:space-between;align-items:center;gap:8px;margin-top:8px;padding-top:6px;display:flex}.naute-note__when{align-items:center;gap:6px;min-width:0;display:inline-flex}.naute-note__hint,.naute-note__time{color:var(--muted);font-size:12.5px}.naute-note__date{font:inherit;cursor:pointer;background:0 0;border:0;min-width:0;padding:0}.naute-note__exact,.naute-note__date.-exact .naute-note__ago{display:none}.naute-note__date.-exact .naute-note__exact{display:inline}@media (hover:hover){.naute-note__date:hover .naute-note__ago{display:none}.naute-note__date:hover .naute-note__exact{display:inline}}.naute-note__date:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.naute-note__folder{color:var(--muted);margin:0 auto 0 6px;font-size:12.5px}.naute-note__folder:before{content:"· "}.naute-note__actions{opacity:0;transition:opacity .15s;display:flex}naute-note:hover .naute-note__actions,naute-note:focus-within .naute-note__actions,naute-note[menu-open] .naute-note__actions{opacity:1}@media (hover:none){.naute-note__actions{opacity:1}}.naute-note__more{width:32px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;margin:-4px -8px -4px 0;padding:0;display:grid}.naute-note__more[aria-expanded=true]{background:var(--pill-bg);color:var(--pill-ink)}@media (hover:hover){.naute-note__more:hover:not([aria-expanded=true]){background:var(--accent-soft);color:var(--text)}}.naute-note__more:focus-visible{outline:2px solid var(--accent);outline-offset:0}.naute-note__editor .cm-editor{background:0 0;font-size:16px;line-height:1.55}.naute-note__editor .cm-editor.cm-focused{outline:none}.naute-note__editor .cm-editor .cm-scroller{font-family:inherit;line-height:inherit;overflow:visible}.naute-note__editor .cm-content{caret-color:var(--text);padding:0}.naute-note__editor .cm-line{padding:0}.naute-note__editor .cm-cursor{border-left-color:var(--text)}.naute-note__editor .cm-selectionBackground,.naute-note__editor .cm-focused .cm-selectionBackground{background:var(--accent-soft)!important}.naute-note__editor .cm-placeholder{color:var(--muted)}.naute-note__shell{resize:none;width:100%;min-height:3.1em;color:var(--text);caret-color:var(--text);font:inherit;background:0 0;border:0;outline:0;margin:0;padding:0;font-size:16px;line-height:1.55;display:block;overflow:hidden}.naute-note__shell::placeholder{color:var(--muted);opacity:1}naute-note[blank]{box-shadow:none;background:0 0;border-style:dashed;position:relative}naute-note[blank]>.save-mark{position:absolute;bottom:8px;right:10px}naute-note[blank]:not(:focus-within){border-color:color-mix(in srgb, var(--muted) 60%, transparent)}naute-note[blank]:focus-within{background:var(--card);border-style:solid;border-color:var(--hot)}naute-note[blank] .cm-content{min-height:3.1em}body.plain naute-note{box-shadow:none;border:0;border-top:1px solid var(--border);background:0 0;border-radius:0;padding:28px 4px 12px;position:relative}body.plain .naute-note__foot{border-top:0;margin-top:2px;padding-top:2px}body.plain naute-note[blank]{border-top:1px dashed var(--border)}body.plain naute-note:before{content:"";pointer-events:none;background:var(--accent);transform-origin:0;width:3px;transition:transform .15s cubic-bezier(.3,0,.8,.15),background-color .15s cubic-bezier(.2,0,0,1);position:absolute;top:0;bottom:0;left:-10px;transform:scaleX(0)}@media (hover:hover){body.plain naute-note:not([editing]):hover:before,body.plain naute-note[blank]:not(:focus-within):hover:before{transition-duration:.2s,.15s;transition-timing-function:cubic-bezier(.05,.7,.1,1),cubic-bezier(.2,0,0,1);transform:none}}body.plain naute-note[editing]:not([blank]):before,body.plain naute-note[blank]:focus-within:before{background:var(--hot);transition-duration:.2s,.15s;transition-timing-function:cubic-bezier(.05,.7,.1,1),cubic-bezier(.2,0,0,1);transform:none}body.plain naute-note[editing].-leaving:not([blank]):before{transition-duration:.15s;transition-timing-function:cubic-bezier(.3,0,.8,.15),cubic-bezier(.2,0,0,1);transform:scaleX(0)}body.plain naute-note[editing]:not([blank]){border-color:var(--border)}body.plain naute-note[blank]:focus-within{border-style:dashed;border-color:var(--border);background:0 0}naute-date-pill{width:0;height:24px;translate:var(--date-shift,0) 0;unicode-bidi:isolate;margin-bottom:10px;transition:translate .3s cubic-bezier(.2,0,0,1);position:absolute;bottom:100%;left:50%}.naute-date-pill__lead{gap:1px;display:flex;position:absolute;top:0;right:0}.naute-date-pill__rest{gap:1px;display:flex;position:absolute;top:0;left:1px}.naute-date-pill__part{white-space:nowrap;letter-spacing:.01em;cursor:pointer;background:var(--pill-bg);color:var(--pill-ink);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border:0;border-radius:4px;padding:3px 9px;font-family:inherit;font-size:13.5px;font-weight:650;line-height:18px;transition:background-color .15s cubic-bezier(.2,0,0,1),transform .1s cubic-bezier(.2,0,0,1);box-shadow:0 2px 10px #0000002e}.naute-date-pill__part.-week{font-weight:550}.naute-date-pill__part.-week,naute-date-pill:not([week]) .naute-date-pill__part.-day{border-radius:12px 4px 4px 12px;padding-left:11px}naute-date-pill:not([week]) .naute-date-pill__part.-week{display:none}.naute-date-pill__part.-year{border-radius:4px 12px 12px 4px;padding-right:11px;font-weight:550}.naute-date-pill__part.-ghost{background:var(--bg);color:var(--muted);box-shadow:inset 0 0 0 1px var(--border)}.naute-date-pill__part:active{transform:scale(.96)}.naute-date-pill__part:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (hover:hover){.naute-date-pill__part:not(.-ghost):hover{background:color-mix(in srgb, var(--pill-ink) var(--hov-pill), var(--pill-bg))}.naute-date-pill__part.-ghost:hover{color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 60%, var(--border))}}naute-date-pill[floating]{z-index:5;top:calc(env(safe-area-inset-top) + 10px);bottom:auto;left:calc(var(--note-x) + var(--note-w) / 2);margin:0;position:fixed}.naute-date-pill__part.-hidden{visibility:hidden}
