:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fbfbfa;--bg-elev:#fff;--bg-sunken:#f2f2ef;--bg-hover:#14141e0d;--bg-active:#14141e14;--scrim:#12121847;--text:#1c1c1f;--text-2:#5b5b63;--text-3:#8f8f97;--text-on-accent:#fff;--border:#14141e14;--border-strong:#14141e26;--accent:#5b5bd6;--accent-strong:#4a4ac4;--accent-soft:#5b5bd61f;--selection:#5b5bd62e;--focus-ring:0 0 0 2px var(--bg), 0 0 0 4px #5b5bd68c;--ok:#2e9e6b;--warn:#c58a16;--danger:#d1453b;--shadow-1:0 1px 2px #1010180f, 0 1px 1px #1010180a;--shadow-2:0 10px 30px -8px #1010182e, 0 2px 6px #1010180f;--shadow-3:0 24px 60px -12px #10101847, 0 4px 12px #10101814;--font-ui:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-text:var(--font-ui);--font-mono:ui-monospace, "SF Mono", SFMono-Regular, "JetBrains Mono", Menlo, Consolas, "Liberation Mono", monospace;--text-size:18px;--text-leading:1.72;--ui-size:14px;--measure:72ch;--radius-s:6px;--radius-m:10px;--radius-l:14px;--topbar-h:56px;--gutter:24px;--ease:cubic-bezier(.2, .8, .2, 1);--dur-1:.12s;--dur-2:.22s;--dur-3:.42s}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#151517;--bg-elev:#1e1e22;--bg-sunken:#1b1b1f;--bg-hover:#ffffff0f;--bg-active:#ffffff1a;--scrim:#00000080;--text:#e6e6e9;--text-2:#a3a3ab;--text-3:#6f6f78;--border:#ffffff14;--border-strong:#ffffff26;--accent:#8d8ef8;--accent-strong:#a3a4ff;--accent-soft:#8d8ef829;--selection:#8d8ef842;--focus-ring:0 0 0 2px var(--bg), 0 0 0 4px #8d8ef899;--text-on-accent:#121214;--ok:#4cc38a;--warn:#e0a83a;--danger:#ef6a5e;--shadow-1:0 1px 2px #0006;--shadow-2:0 12px 32px -8px #0009, 0 2px 6px #0000004d;--shadow-3:0 24px 70px -12px #000000b3, 0 4px 12px #00000059}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#151517;--bg-elev:#1e1e22;--bg-sunken:#1b1b1f;--bg-hover:#ffffff0f;--bg-active:#ffffff1a;--scrim:#00000080;--text:#e6e6e9;--text-2:#a3a3ab;--text-3:#6f6f78;--border:#ffffff14;--border-strong:#ffffff26;--accent:#8d8ef8;--accent-strong:#a3a4ff;--accent-soft:#8d8ef829;--selection:#8d8ef842;--focus-ring:0 0 0 2px var(--bg), 0 0 0 4px #8d8ef899;--text-on-accent:#121214;--ok:#4cc38a;--warn:#e0a83a;--danger:#ef6a5e;--shadow-1:0 1px 2px #0006;--shadow-2:0 12px 32px -8px #0009, 0 2px 6px #0000004d;--shadow-3:0 24px 70px -12px #000000b3, 0 4px 12px #00000059}@media (max-width:640px){:root{--text-size:17px;--text-leading:1.66;--topbar-h:52px;--gutter:16px}}@media (prefers-reduced-motion:reduce){:root{--dur-1:1ms;--dur-2:1ms;--dur-3:1ms}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--font-ui);font-size:var(--ui-size);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--dur-2) var(--ease), color var(--dur-2) var(--ease);margin:0;line-height:1.45}body{overflow-x:hidden}button,input{font:inherit;color:inherit}a{color:var(--accent)}:focus{outline:none}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-s);outline:none}.cm-content:focus-visible{box-shadow:none}[hidden]{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.icon{flex:none;width:16px;height:16px;display:inline-flex}.icon svg{width:100%;height:100%}.btn{border-radius:var(--radius-s);height:32px;color:var(--text-2);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--dur-1) var(--ease), color var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease), transform var(--dur-1) var(--ease);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:13.5px;font-weight:500;display:inline-flex}.btn:hover{background:var(--bg-hover);color:var(--text)}.btn:active{background:var(--bg-active);transform:translateY(.5px)}.btn--outline{border-color:var(--border-strong);color:var(--text)}.btn--primary{background:var(--accent);color:var(--text-on-accent)}.btn--primary:hover{background:var(--accent-strong);color:var(--text-on-accent)}.btn--icon{width:32px;padding:0}.btn--small{height:26px;padding:0 8px;font-size:12.5px}.btn[disabled]{opacity:.45;pointer-events:none}.kbd{border:1px solid var(--border);min-width:20px;height:20px;color:var(--text-3);font:500 11px/1 var(--font-ui);border-bottom-width:2px;border-radius:5px;align-items:center;gap:2px;padding:0 5px;display:inline-flex}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);z-index:60;border-radius:var(--radius-s);background:var(--text);color:var(--bg);font:500 12px/1.3 var(--font-ui);white-space:pre;pointer-events:none;opacity:0;transition:opacity var(--dur-1) var(--ease), transform var(--dur-1) var(--ease);padding:5px 8px;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-2px)}[data-tip]:hover:after,[data-tip]:focus-visible:after{opacity:1;transition-delay:.25s;transform:translate(-50%)}[data-tip-align=end]:after{left:auto;right:0;transform:translateY(-2px)}[data-tip-align=end]:hover:after,[data-tip-align=end]:focus-visible:after{transform:translate(0)}@media (hover:none){[data-tip]:after{display:none}}.topbar{z-index:30;height:calc(var(--topbar-h) + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(12px, env(safe-area-inset-right)) 0 max(12px, env(safe-area-inset-left));background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:saturate(1.6)blur(14px);backdrop-filter:saturate(1.6)blur(14px);transition:opacity var(--dur-3) var(--ease), border-color var(--dur-2) var(--ease), transform var(--dur-3) var(--ease);border-bottom:1px solid #0000;align-items:center;gap:12px;display:flex;position:fixed;inset:0 0 auto}.is-scrolled .topbar{border-bottom-color:var(--border)}.topbar__left{flex:auto;align-items:center;gap:6px;min-width:0;display:flex}.topbar__right{flex:none;align-items:center;gap:6px;display:flex}.brand{border-radius:var(--radius-s);width:32px;height:32px;color:var(--text);transition:background-color var(--dur-1) var(--ease);flex:none;justify-content:center;align-items:center;display:inline-flex}.brand:hover{background:var(--bg-hover)}.brand svg{width:20px;height:20px}.doc-title{min-width:0;color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;cursor:default;margin:0;font-size:14px;font-weight:500;overflow:hidden}.doc-title.is-untitled{color:var(--text-3)}.topbar__divider{background:var(--border-strong);width:1px;height:18px;margin:0 4px}.topbar__left,.topbar__right>*,.footer{transition:opacity var(--dur-3) var(--ease)}.is-typing .topbar:not(:hover):not(:focus-within){-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom-color:#0000}.is-typing .topbar:not(:hover):not(:focus-within) .topbar__left,.is-typing .topbar:not(:hover):not(:focus-within) .topbar__right>:not(.pill),.is-typing .topbar:not(:hover):not(:focus-within) .pill[data-status=live],.is-typing .footer:not(:hover):not(:focus-within){opacity:0}.presence{align-items:center;padding-left:6px;display:flex}.presence:empty{display:none}.avatar{--c:var(--accent);border:2px solid var(--bg);background:var(--c);color:#fff;width:28px;height:28px;font:650 11px/1 var(--font-ui);letter-spacing:.02em;text-shadow:0 1px 1px #0000002e;cursor:pointer;transition:transform var(--dur-1) var(--ease), opacity var(--dur-2) var(--ease), margin var(--dur-2) var(--ease);animation:avatar-in var(--dur-3) var(--ease) both;border-radius:50%;flex:none;justify-content:center;align-items:center;margin-left:-6px;padding:0;display:inline-flex}.avatar:hover,.avatar:focus-visible{z-index:2;transform:translateY(-1px)scale(1.06)}.avatar:focus-visible{border-radius:50%}.avatar.is-idle{opacity:.5}.avatar--self{box-shadow:0 0 0 1.5px var(--c);border-width:2px;margin-left:8px}.avatar--more{background:var(--bg-sunken);color:var(--text-2);text-shadow:none;box-shadow:inset 0 0 0 1px var(--border-strong)}@keyframes avatar-in{0%{opacity:0;transform:scale(.6)}}.pill{background:var(--bg-sunken);height:28px;color:var(--text-2);white-space:nowrap;transition:background-color var(--dur-2) var(--ease), color var(--dur-2) var(--ease), opacity var(--dur-3) var(--ease);border-radius:999px;align-items:center;gap:7px;padding:0 10px;font-size:12.5px;font-weight:500;display:inline-flex}.pill__dot{background:var(--text-3);width:7px;height:7px;transition:background-color var(--dur-2) var(--ease);border-radius:50%;flex:none}.pill[data-status=live] .pill__dot{background:var(--ok)}.pill[data-status=syncing] .pill__dot,.pill[data-status=connecting] .pill__dot,.pill[data-status=reconnecting] .pill__dot{background:var(--accent);animation:pulse 1.2s var(--ease) infinite}.pill[data-status=offline] .pill__dot{background:var(--warn)}.pill[data-status=error] .pill__dot{background:var(--danger)}.pill[data-status=offline],.pill[data-status=error]{color:var(--text)}.pill__retry{background:var(--bg-elev);height:20px;box-shadow:var(--shadow-1);color:var(--text);cursor:pointer;border:0;border-radius:999px;margin-right:-6px;padding:0 8px;font-size:12px;font-weight:600}.pill__retry:hover{color:var(--accent)}@keyframes pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.pill__dot{animation:none!important}}.surface{min-height:100vh;min-height:100dvh;padding:calc(var(--topbar-h) + env(safe-area-inset-top) + 7vh) 0 30vh;position:relative}.editor-host{animation:fade-in var(--dur-3) var(--ease) both}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}}.column{font-size:var(--text-size);max-width:calc(var(--measure) + 2 * var(--gutter));padding:0 var(--gutter);margin:0 auto}.loading{color:var(--text-3);font-family:var(--font-text);font-size:var(--text-size);animation:fade-in var(--dur-3) var(--ease) .4s both}.empty-state{color:var(--text-3);animation:fade-in var(--dur-3) var(--ease) .12s both;margin-top:40px}.empty-state[hidden]{display:none}.empty-state__hints{flex-wrap:wrap;gap:8px 20px;margin:0 0 36px;padding:0;font-size:13px;list-style:none;display:flex}.empty-state__hints li{align-items:center;gap:8px;display:inline-flex}.empty-state__hints code{background:var(--bg-sunken);color:var(--text-2);font:12.5px var(--font-mono);border-radius:4px;padding:1px 6px}.empty-state__heading{color:var(--text-3);letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px;font-size:11.5px;font-weight:600}.recent-list{margin:0 -10px;padding:0;list-style:none}.recent-list a{border-radius:var(--radius-s);color:var(--text-2);transition:background-color var(--dur-1) var(--ease), color var(--dur-1) var(--ease);align-items:baseline;gap:12px;padding:8px 10px;text-decoration:none;display:flex}.recent-list a:hover{background:var(--bg-hover);color:var(--text)}.recent-list__title{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:15px;overflow:hidden}.recent-list__when{color:var(--text-3);white-space:nowrap;flex:none;margin-left:auto;font-size:12.5px}.error-state{animation:fade-in var(--dur-3) var(--ease) both;padding-top:8vh}.error-state h2{font-family:var(--font-text);letter-spacing:-.01em;margin:0 0 8px;font-size:26px;font-weight:700}.error-state p{max-width:52ch;color:var(--text-2);margin:0 0 8px;font-size:16px;line-height:1.6}.error-state__detail{font-family:var(--font-mono);color:var(--text-3)!important;font-size:12.5px!important}.error-state__actions{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.footer{right:max(16px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));z-index:20;color:var(--text-3);font-variant-numeric:tabular-nums;pointer-events:none;transition:opacity var(--dur-3) var(--ease);gap:10px;font-size:12px;display:flex;position:fixed}.footer>*{pointer-events:auto}.footer__sep{opacity:.6}.pill[hidden]{display:none}@media (max-width:640px){.surface{padding-bottom:12vh}.footer{padding:0 16px max(24px, env(safe-area-inset-bottom));justify-content:center;position:static}}.is-focus .topbar:not(:hover):not(:focus-within){-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom-color:#0000}.is-focus .topbar:not(:hover):not(:focus-within) .topbar__left,.is-focus .topbar:not(:hover):not(:focus-within) .topbar__right>:not(.pill),.is-focus .topbar:not(:hover):not(:focus-within) .pill[data-status=live],.is-focus .footer:not(:hover){opacity:0}.toasts{left:50%;bottom:max(24px, calc(env(safe-area-inset-bottom) + 12px));z-index:80;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:calc(100vw - 32px);display:flex;position:fixed;transform:translate(-50%)}.has-history .toasts{bottom:120px}.toast{background:var(--text);min-height:38px;color:var(--bg);box-shadow:var(--shadow-2);pointer-events:auto;animation:toast-in var(--dur-2) var(--ease) both;border-radius:999px;align-items:center;gap:10px;padding:8px 14px;font-size:13.5px;font-weight:500;display:flex}.toast .icon{opacity:.85;width:15px;height:15px}.toast.is-leaving{animation:toast-out var(--dur-2) var(--ease) both}.toast__action{background:color-mix(in srgb, var(--bg) 16%, transparent);color:inherit;cursor:pointer;border:0;border-radius:999px;margin:-4px -6px -4px 4px;padding:4px 10px;font-weight:600}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}@keyframes toast-out{to{opacity:0;transform:translateY(4px)scale(.98)}}.palette-backdrop{z-index:70;background:var(--scrim);animation:fade var(--dur-2) var(--ease) both;justify-content:center;align-items:flex-start;padding:14vh 16px 16px;display:flex;position:fixed;inset:0}.palette-backdrop[hidden]{display:none}@keyframes fade{0%{opacity:0}}.palette{border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg-elev);width:100%;max-width:600px;max-height:min(520px,72vh);box-shadow:var(--shadow-3);animation:pop-in var(--dur-2) var(--ease) both;flex-direction:column;display:flex;overflow:hidden}@keyframes pop-in{0%{opacity:0;transform:translateY(-6px)scale(.985)}}.palette__field{border-bottom:1px solid var(--border);color:var(--text-3);align-items:center;gap:10px;padding:0 16px;display:flex}.palette__input{min-width:0;height:54px;color:var(--text);background:0 0;border:0;flex:1;font-size:16px}.palette__input::placeholder{color:var(--text-3)}.palette__input:focus-visible{box-shadow:none}.palette__list{overscroll-behavior:contain;flex:1;margin:0;padding:6px;list-style:none;overflow-y:auto}.palette__group{color:var(--text-3);letter-spacing:.06em;text-transform:uppercase;padding:10px 10px 4px;font-size:11px;font-weight:600}.palette__item{border-radius:var(--radius-s);min-height:40px;color:var(--text-2);cursor:pointer;align-items:center;gap:12px;padding:6px 10px;scroll-margin:6px;display:flex}.palette__item[aria-selected=true]{background:var(--accent-soft);color:var(--text)}.palette__item .icon{color:var(--text-3)}.palette__item[aria-selected=true] .icon{color:var(--accent)}.palette__label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14px;overflow:hidden}.palette__label mark{color:var(--accent);background:0 0;font-weight:600}.palette__hint{color:var(--text-3);white-space:nowrap;font-size:12px}.palette__swatch{background:var(--c);border-radius:50%;flex:none;width:16px;height:16px}.palette__empty{color:var(--text-3);text-align:center;padding:28px 16px}.palette__footer{border-top:1px solid var(--border);color:var(--text-3);gap:16px;padding:8px 14px;font-size:12px;display:flex}.palette__footer-end{margin-left:auto}.palette__footer span{align-items:center;gap:6px;display:inline-flex}@media (max-width:640px){.palette-backdrop{padding-top:10px}.palette__footer{display:none}}.popover{z-index:65;border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg-elev);width:320px;max-width:calc(100vw - 24px);box-shadow:var(--shadow-2);animation:pop-in var(--dur-2) var(--ease) both;padding:16px;position:fixed}.popover[hidden]{display:none}.popover h2{margin:0 0 4px;font-size:14px;font-weight:600}.popover p{color:var(--text-2);margin:0 0 12px;font-size:13px}.share__row{gap:6px;display:flex}.share__url{border:1px solid var(--border-strong);border-radius:var(--radius-s);background:var(--bg);min-width:0;height:32px;color:var(--text-2);font:12.5px var(--font-mono);flex:1;padding:0 10px}.share__qr{border-radius:var(--radius-m);aspect-ratio:1;background:#fff;justify-content:center;align-items:center;margin-top:14px;padding:14px;display:flex}.share__qr svg{width:100%;height:100%;image-rendering:pixelated;display:block}.share__qr-note{text-align:center;color:var(--text-3)!important;margin-top:8px!important;margin-bottom:0!important;font-size:12px!important}.share__native{width:100%;margin-top:8px}.history-preview{display:none}.has-history .history-preview{display:block}.has-history .editor-host,.has-history .empty-state{display:none}.history-preview__badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;align-items:center;gap:6px;margin-bottom:18px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.history{left:50%;bottom:max(16px, env(safe-area-inset-bottom));z-index:40;border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg-elev);width:min(760px,100vw - 24px);box-shadow:var(--shadow-2);animation:slide-up var(--dur-2) var(--ease) both;align-items:center;gap:10px;padding:10px 12px;display:flex;position:fixed;transform:translate(-50%)}.history[hidden]{display:none}@keyframes slide-up{0%{opacity:0;transform:translate(-50%,10px)}}.history__range{min-width:60px;height:28px;accent-color:var(--accent);cursor:pointer;appearance:none;background:0 0;flex:1;margin:0}.history__range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--pct,100%), var(--border-strong) var(--pct,100%));border-radius:2px;height:4px}.history__range::-moz-range-track{background:var(--border-strong);border-radius:2px;height:4px}.history__range::-moz-range-progress{background:var(--accent);border-radius:2px;height:4px}.history__range::-webkit-slider-thumb{border:2px solid var(--bg-elev);background:var(--accent);width:16px;height:16px;box-shadow:var(--shadow-1);appearance:none;border-radius:50%;margin-top:-6px}.history__range::-moz-range-thumb{border:2px solid var(--bg-elev);background:var(--accent);border-radius:50%;width:12px;height:12px}.history__range:focus-visible{box-shadow:none}.history__range:focus-visible::-webkit-slider-thumb{box-shadow:var(--focus-ring)}.history__range:focus-visible::-moz-range-thumb{box-shadow:var(--focus-ring)}.history__label{min-width:92px;color:var(--text-3);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;font-size:12px}.history__confirm{color:var(--text-2);white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:flex}.history__confirm[hidden]{display:none}@media (max-width:640px){.history{flex-wrap:wrap}.history__range{flex-basis:100%;order:-1}.history__label{text-align:left;min-width:0;margin-right:auto}.has-history .toasts{bottom:150px}}.hide-narrow{display:inline}@media (max-width:640px){.hide-narrow{display:none}.topbar{gap:6px}.topbar__divider{display:none}.pill{padding:0 9px}}@media (max-width:420px){.pill__text-long{display:none}.doc-title{font-size:13.5px}}@media print{.topbar,.footer,.toasts,.history,.empty-state{display:none!important}.surface{padding-top:0}}.weft-editor .cm-editor{font-family:var(--font-text);font-size:var(--text-size);line-height:var(--text-leading);color:var(--text);background:0 0}.cm-md-h1,.cm-md-h2,.cm-md-h3,.cm-md-h4,.cm-md-h5,.cm-md-h6{letter-spacing:-.012em;font-weight:700;line-height:1.3}.cm-md-h1{letter-spacing:-.022em;font-size:1.8em;padding-top:.5em!important;padding-bottom:.15em!important}.cm-md-h2{letter-spacing:-.018em;font-size:1.42em;padding-top:.65em!important;padding-bottom:.1em!important}.cm-md-h3{font-size:1.18em;padding-top:.55em!important}.cm-md-h4,.cm-md-h5,.cm-md-h6{font-size:1em;padding-top:.4em!important}.cm-md-h6{color:var(--text-2)}.cm-line:first-child.cm-md-h1,.cm-line:first-child.cm-md-h2,.cm-line:first-child.cm-md-h3{padding-top:0!important}.cm-md-mark{color:var(--text-3);font-weight:400}.cm-md-h1 .cm-md-mark,.cm-md-h2 .cm-md-mark,.cm-md-h3 .cm-md-mark{color:color-mix(in srgb, var(--text-3) 70%, transparent)}.cm-md-em{font-style:italic}.cm-md-strong{font-weight:700}.cm-md-strike{text-decoration:line-through;-webkit-text-decoration-color:var(--text-3);text-decoration-color:var(--text-3);color:var(--text-2)}.cm-md-link{color:var(--accent)}.cm-md-url{color:var(--text-3);text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:2px;word-break:break-all}.cm-md-link .cm-md-url{text-decoration:none}.cm-md-label{color:var(--text-3)}.cm-md-list-mark{color:var(--accent);font-weight:500}.cm-md-inline-code{background:var(--bg-sunken);box-shadow:inset 0 0 0 1px var(--border);font-family:var(--font-mono);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:5px;padding:.12em .32em;font-size:.86em}.cm-md-inline-code .cm-md-mark{color:var(--text-3)}.cm-md-quote{color:var(--text-2);position:relative;padding-left:1.1em!important}.cm-md-quote:before{content:"";background:var(--accent-soft);border-radius:2px;width:3px;position:absolute;top:0;bottom:0;left:.15em}.cm-md-codeblock{background:var(--bg-sunken);font-family:var(--font-mono);box-shadow:inset 1px 0 0 var(--border), inset -1px 0 0 var(--border);font-size:.84em;line-height:1.65;padding-left:1em!important;padding-right:1em!important}.cm-md-codeblock-first{border-top-left-radius:var(--radius-m);border-top-right-radius:var(--radius-m);box-shadow:inset 1px 0 0 var(--border), inset -1px 0 0 var(--border), inset 0 1px 0 var(--border);padding-top:.5em!important}.cm-md-codeblock-last{border-bottom-left-radius:var(--radius-m);border-bottom-right-radius:var(--radius-m);box-shadow:inset 1px 0 0 var(--border), inset -1px 0 0 var(--border), inset 0 -1px 0 var(--border);padding-bottom:.5em!important}.cm-md-codeblock-first.cm-md-codeblock-last{box-shadow:inset 0 0 0 1px var(--border)}.cm-md-codeblock .cm-md-mark,.cm-md-codeblock .cm-md-label{color:var(--text-3)}.tok-keyword{color:var(--accent)}.tok-string{color:#2f8a5b}.tok-comment{color:var(--text-3);font-style:italic}.tok-number,.tok-atom,.tok-bool{color:#b5632a}.tok-fn{color:#2f6fb5}.tok-type{color:#a04ab0}:root[data-theme=dark] .tok-string{color:#79c99a}:root[data-theme=dark] .tok-number,:root[data-theme=dark] .tok-atom,:root[data-theme=dark] .tok-bool{color:#e3a26c}:root[data-theme=dark] .tok-fn{color:#7fb2ec}:root[data-theme=dark] .tok-type{color:#d29be0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .tok-string{color:#79c99a}:root:not([data-theme=light]) .tok-number,:root:not([data-theme=light]) .tok-atom,:root:not([data-theme=light]) .tok-bool{color:#e3a26c}:root:not([data-theme=light]) .tok-fn{color:#7fb2ec}:root:not([data-theme=light]) .tok-type{color:#d29be0}}.cm-md-hr{color:var(--text-3);background:linear-gradient(var(--border-strong), var(--border-strong)) right center / calc(100% - 4ch) 1px no-repeat}.cm-md-task{border:1.5px solid var(--text-3);background:var(--bg);vertical-align:-.16em;cursor:pointer;appearance:none;width:1.05em;height:1.05em;transition:background-color var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease), transform var(--dur-1) var(--ease);border-radius:5px;margin:0 .3em 0 .05em;padding:0;display:inline-block;position:relative}.cm-md-task:hover{border-color:var(--accent)}.cm-md-task:active{transform:scale(.92)}.cm-md-task:checked{border-color:var(--accent);background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 80% no-repeat}.cm-md-task-done{color:var(--text-3);text-decoration:line-through;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong)}.cm-line{transition:opacity var(--dur-3) var(--ease)}.cm-dim{opacity:.22}.cm-flash-line{animation:flash-line 1.4s var(--ease) both}@keyframes flash-line{0%,30%{background-color:var(--flash,var(--accent-soft))}to{background-color:#0000}}.weft-editor .cm-content .weft-remote-selection{background-color:color-mix(in srgb, var(--weft-peer-color,var(--accent)) 22%, transparent);border-radius:2px}.weft-editor .cm-content .weft-remote-cursor{border-left:2px solid var(--weft-peer-color,var(--accent));vertical-align:text-bottom;pointer-events:none;word-break:normal;width:0;height:1.2em;margin:0 -1px;display:inline-block;position:relative}.weft-editor .cm-content .weft-remote-cursor:before{content:"";background:var(--weft-peer-color,var(--accent));border-radius:50%;width:6px;height:6px;position:absolute;top:-3px;left:-4px}.weft-editor .cm-content .weft-remote-label{z-index:5;background:var(--weft-peer-color,var(--accent));color:#fff;font:600 11px/1.4 var(--font-ui);letter-spacing:.01em;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;transition:opacity var(--dur-3) var(--ease), transform var(--dur-3) var(--ease);border-radius:4px 4px 4px 1px;padding:1px 6px 2px;font-style:normal;text-decoration:none;position:absolute;bottom:calc(100% + 2px);left:-2px}.weft-editor .cm-content .weft-remote-cursor.is-idle .weft-remote-label,.weft-editor .cm-content .weft-remote-label.is-idle{opacity:0;transform:translateY(2px)}.weft-editor .cm-md-h1 .weft-remote-label,.weft-editor .cm-md-h2 .weft-remote-label,.weft-editor .cm-md-h3 .weft-remote-label,.weft-editor .cm-md-codeblock .weft-remote-label,.weft-editor .cm-md-inline-code .weft-remote-label{font-size:11px;font-family:var(--font-ui);font-weight:600}.weft-editor .cm-dim .weft-remote-label{opacity:0}@media (prefers-reduced-motion:reduce){.cm-flash-line{animation:none}}:root{--tint:15%;--tint-border:26%;--note-red:#e5484d;--note-orange:#f76b15;--note-yellow:#f5b800;--note-green:#30a46c;--note-teal:#12a594;--note-blue:#0091ff;--note-purple:#8e4ec6;--note-pink:#d6409f;--note-gray:#8b8d98;--card-bg:var(--bg-elev);--fab-size:58px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--tint:20%;--tint-border:30%;--note-yellow:#e2b93b}}:root[data-theme=dark]{--tint:20%;--tint-border:30%;--note-yellow:#e2b93b}.show-narrow{display:none}@media (max-width:640px){.show-narrow{display:inline}.hide-narrow-flex{display:none!important}}.btn--block{width:100%;height:44px;font-size:15px}.btn--danger{background:var(--danger);color:#fff}.btn--danger:hover{background:color-mix(in srgb, var(--danger) 88%, #000);color:#fff}.btn.is-busy{position:relative;color:#0000!important}.btn.is-busy:after{content:"";border:2px solid var(--text-on-accent);border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;position:absolute}.btn--outline.is-busy:after{border-color:var(--text-2);border-right-color:#0000}@keyframes spin{to{transform:rotate(360deg)}}.back-btn{color:var(--text-2);gap:4px;padding:0 10px 0 6px}.back-btn .icon{width:18px;height:18px}.is-note .presence{display:none}.keyboard-bridge{opacity:0;pointer-events:none;border:0;width:1px;height:1px;padding:0;font-size:16px;position:fixed;top:30%;left:0}.input{border:1px solid var(--border-strong);border-radius:var(--radius-m);background:var(--bg);width:100%;min-width:0;height:44px;color:var(--text);transition:border-color var(--dur-1) var(--ease), box-shadow var(--dur-1) var(--ease);appearance:none;padding:0 12px;font-size:16px}.input:hover{border-color:color-mix(in srgb, var(--text) 28%, transparent)}.input:focus,.input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);border-radius:var(--radius-m)}.input--mono{font-family:var(--font-mono);letter-spacing:.01em;font-size:15px}.select{background-image:linear-gradient(45deg, transparent 50%, var(--text-3) 50%), linear-gradient(135deg, var(--text-3) 50%, transparent 50%);cursor:pointer;background-position:calc(100% - 18px) 19px,calc(100% - 13px) 19px;background-repeat:no-repeat;background-size:5px 5px;padding-right:34px}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field__label{color:var(--text-2);font-size:13px;font-weight:600}.field__row{align-items:center;gap:6px;display:flex;position:relative}.field__row>.input{flex:1}.field__hint{color:var(--text-3);margin:0;font-size:12.5px;line-height:1.4}.field__buttons{flex:none;gap:6px;display:flex}.field__buttons .btn{height:44px}.field__buttons .btn--icon{width:44px}.input-toggle{width:auto;height:32px;color:var(--text-3);padding:0 10px;font-size:12.5px;font-weight:600;position:absolute;right:6px}.field__row:has(.input-toggle)>.input{padding-right:64px}.form-error{border-radius:var(--radius-m);background:color-mix(in srgb, var(--danger) 11%, transparent);color:color-mix(in srgb, var(--danger) 78%, var(--text));animation:fade-in var(--dur-2) var(--ease) both;margin:0;padding:10px 12px;font-size:13.5px;line-height:1.45}.account-btn{background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 55%, #d6409f));color:#fff;width:34px;height:34px;font:650 12.5px/1 var(--font-ui);letter-spacing:.02em;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--dur-1) var(--ease), box-shadow var(--dur-1) var(--ease);border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}button.account-btn:hover{transform:scale(1.05)}button.account-btn:focus-visible{border-radius:50%}.account-btn--large{cursor:default;width:40px;height:40px;font-size:14px}:root[data-theme=dark] .account-btn,:root:not([data-theme=light]) .account-btn{color:#fff}.wall{min-height:100vh;min-height:100dvh}.wall-top{z-index:30;padding:calc(env(safe-area-inset-top) + 10px) max(16px, env(safe-area-inset-right)) 8px max(16px, env(safe-area-inset-left));background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:saturate(1.6)blur(14px);backdrop-filter:saturate(1.6)blur(14px);transition:border-color var(--dur-2) var(--ease);border-bottom:1px solid #0000;position:sticky;top:0}.wall.is-scrolled .wall-top{border-bottom-color:var(--border)}.wall-bar{align-items:center;gap:10px;max-width:1240px;margin:0 auto;display:flex}.wall-brand{width:auto;color:var(--text);gap:8px;padding:0 6px;text-decoration:none}.wall-brand svg{width:26px;height:26px}.wall-brand__name{letter-spacing:-.01em;font-size:17px;font-weight:650}.search{background:var(--bg-sunken);max-width:620px;height:44px;transition:background-color var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease), box-shadow var(--dur-1) var(--ease);border:1px solid #0000;border-radius:999px;flex:1;align-items:center;margin:0 auto;display:flex;position:relative}.search:focus-within{border-color:var(--border-strong);background:var(--bg-elev);box-shadow:var(--shadow-1)}.search__icon{width:17px;height:17px;color:var(--text-3);pointer-events:none;position:absolute;left:15px}.search__input{min-width:0;height:100%;color:var(--text);appearance:none;background:0 0;border:0;flex:1;padding:0 40px 0 42px;font-size:16px}.search__input::placeholder{color:var(--text-3)}.search__input::-webkit-search-cancel-button{display:none}.search__input:focus-visible{box-shadow:none}.search__clear{border-radius:50%;position:absolute;right:6px}.chips{scrollbar-width:none;align-items:center;gap:6px;max-width:1240px;margin:10px auto 0;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--border-strong);height:32px;color:var(--text-2);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--dur-1) var(--ease), color var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease);background:0 0;border-radius:999px;padding:0 14px;font-size:13.5px;font-weight:500}.chip:hover{background:var(--bg-hover);color:var(--text)}.chip[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);border-color:#0000;font-weight:600}.chip:focus-visible{border-radius:999px}.wall-offline{background:color-mix(in srgb, var(--warn) 14%, transparent);height:28px;color:var(--text-2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:0 10px;font-size:12.5px;font-weight:500;display:inline-flex}.wall-offline .icon{width:14px;height:14px;color:var(--warn)}@media (min-width:641px){.chips{justify-content:center}.wall-offline{margin-left:8px}}.wall-main{max-width:1240px;padding:18px max(16px, env(safe-area-inset-right)) calc(120px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));margin:0 auto}.composer{border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg-elev);width:100%;max-width:620px;height:52px;box-shadow:var(--shadow-1);color:var(--text-3);text-align:left;cursor:text;transition:box-shadow var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease), transform var(--dur-1) var(--ease);align-items:center;gap:10px;margin:6px auto 30px;padding:0 14px 0 18px;font-size:16px;display:flex}.composer:hover{border-color:var(--border-strong);box-shadow:var(--shadow-2)}.composer:active{transform:scale(.995)}.composer:focus-visible{border-radius:var(--radius-l)}.composer__text{flex:1}.composer__icon{background:var(--accent);width:22px;height:22px;color:var(--text-on-accent);box-sizing:content-box;border-radius:50%;padding:3px}.wall-section+.wall-section{margin-top:26px}.wall-heading{color:var(--text-3);letter-spacing:.07em;text-transform:uppercase;align-items:center;gap:6px;margin:0 0 10px 4px;font-size:11.5px;font-weight:650;display:flex}.wall-heading .icon{width:13px;height:13px}.is-searching .wall-heading{text-transform:none;letter-spacing:0;font-size:13px;font-weight:500}.grid{align-items:flex-start;gap:12px;display:flex}.grid__col{flex-direction:column;flex:1 1 0;gap:12px;min-width:0;display:flex}.card{--hue:transparent;border:1px solid var(--border);border-radius:var(--radius-l);background:var(--card-bg);box-shadow:var(--shadow-1);color:var(--text);-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;animation:card-in var(--dur-3) var(--ease) both;transition:box-shadow var(--dur-2) var(--ease), transform var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease), background-color var(--dur-2) var(--ease);padding:14px 16px 8px;position:relative}.card:not([data-color=default]){--card-bg:color-mix(in srgb, var(--hue) var(--tint), var(--bg-elev));border-color:color-mix(in srgb, var(--hue) var(--tint-border), var(--bg-elev))}.card[data-color=red]{--hue:var(--note-red)}.card[data-color=orange]{--hue:var(--note-orange)}.card[data-color=yellow]{--hue:var(--note-yellow)}.card[data-color=green]{--hue:var(--note-green)}.card[data-color=teal]{--hue:var(--note-teal)}.card[data-color=blue]{--hue:var(--note-blue)}.card[data-color=purple]{--hue:var(--note-purple)}.card[data-color=pink]{--hue:var(--note-pink)}.card[data-color=gray]{--hue:var(--note-gray)}@keyframes card-in{0%{opacity:0;transform:translateY(6px)scale(.99)}}@media (hover:hover){.card:hover{box-shadow:var(--shadow-2);transform:translateY(-1px)}}.card.is-pressing{transition-duration:var(--dur-3);transform:scale(.97)}.card:focus-within{box-shadow:var(--shadow-2)}.card__link{z-index:1;border-radius:inherit;position:absolute;inset:0}.card__link:focus-visible{border-radius:var(--radius-l)}.card__title{letter-spacing:-.005em;overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 26px 6px 0;font-size:15.5px;font-weight:650;line-height:1.35;display:-webkit-box;overflow:hidden}.card__preview{color:var(--text-2);white-space:pre-line;overflow-wrap:anywhere;-webkit-line-clamp:10;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.card__preview.is-lead{color:var(--text);margin-right:22px;font-size:15px}.card__empty{color:var(--text-3);margin:0;font-size:14px;font-style:italic}.card__foot{align-items:center;gap:4px;min-height:32px;margin-top:8px;display:flex;position:relative}.card__time{color:var(--text-3);white-space:nowrap;margin-right:auto;font-size:12px}.card:not([data-color=default]) .card__time{color:color-mix(in srgb, var(--text-3) 70%, var(--hue))}.card__pending{color:var(--warn);display:inline-flex}.card__pending .icon{width:14px;height:14px}.card__actions{z-index:2;opacity:0;transition:opacity var(--dur-2) var(--ease);gap:2px;margin-right:-8px;display:flex;position:relative}.card:hover .card__actions,.card:focus-within .card__actions{opacity:1}.card__action,.card__more,.card__pin{width:30px;height:30px;color:var(--text-2);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--dur-1) var(--ease), color var(--dur-1) var(--ease), opacity var(--dur-2) var(--ease);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.card__action:hover,.card__more:hover,.card__pin:hover{background:color-mix(in srgb, var(--text) 9%, transparent);color:var(--text)}.card__action:focus-visible,.card__more:focus-visible,.card__pin:focus-visible{border-radius:50%}.card__more{z-index:2;margin-right:-8px;display:none;position:relative}.card__pin{z-index:2;opacity:0;position:absolute;top:8px;right:8px}.card__pin .icon{width:17px;height:17px}.card:hover .card__pin,.card:focus-within .card__pin,.card__pin.is-pinned{opacity:1}.card__pin.is-pinned{color:var(--accent)}.card__pin.is-pinned svg path:first-child{fill:currentColor}@media (hover:none){.card__actions{display:none}.card__more{color:var(--text-3);display:inline-flex}.card__pin:not(.is-pinned){display:none}.card__pin.is-pinned{pointer-events:none}}.fab{right:max(20px, calc(env(safe-area-inset-right) + 12px));bottom:max(22px, calc(env(safe-area-inset-bottom) + 14px));z-index:35;width:var(--fab-size);height:var(--fab-size);background:var(--accent);color:var(--text-on-accent);box-shadow:0 10px 28px -6px color-mix(in srgb, var(--accent) 60%, transparent), var(--shadow-2);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--dur-1) var(--ease), background-color var(--dur-1) var(--ease);animation:fab-in var(--dur-3) var(--ease) .12s both;border:0;border-radius:18px;justify-content:center;align-items:center;padding:0;display:none;position:fixed}.fab .icon{width:26px;height:26px}.fab .icon svg{stroke-width:2.2px}.fab:active{background:var(--accent-strong);transform:scale(.94)}.fab:focus-visible{border-radius:18px}@keyframes fab-in{0%{opacity:0;transform:scale(.7)}}@media (max-width:640px){.fab{display:inline-flex}.composer,.wall-brand__name{display:none}.wall-brand{padding:0}.wall-bar{gap:8px}.wall-main{padding-top:12px}.grid,.grid__col{gap:10px}.card{padding:12px 13px 4px}.card__title{font-size:15px}.card__preview{-webkit-line-clamp:8;font-size:13.5px}[data-view=wall] .toasts{bottom:calc(max(22px, env(safe-area-inset-bottom) + 14px) + var(--fab-size) + 12px)}}.wall-empty{max-width:360px;color:var(--text-2);text-align:center;animation:fade-in var(--dur-3) var(--ease) both;margin:10vh auto 0}.wall-empty__icon{width:44px;height:44px;color:var(--text-3);opacity:.7;margin-bottom:14px}.wall-empty h2{color:var(--text);margin:0 0 6px;font-size:18px;font-weight:650}.wall-empty p{margin:0;font-size:14.5px;line-height:1.5}.menu-layer{z-index:75;position:fixed;inset:0}.menu{border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg-elev);min-width:220px;max-width:calc(100vw - 16px);box-shadow:var(--shadow-3);animation:pop-in var(--dur-2) var(--ease) both;padding:6px;position:fixed}.menu-layer.is-leaving .menu{animation:fade-out .14s var(--ease) both}@keyframes fade-out{to{opacity:0}}.menu-layer--sheet{background:var(--scrim);animation:fade var(--dur-2) var(--ease) both}.menu-layer--sheet.is-leaving{animation:fade-out .16s var(--ease) both}.menu--sheet{width:100%;max-width:none;padding:10px 10px calc(12px + env(safe-area-inset-bottom));animation:sheet-up var(--dur-3) var(--ease) both;border-width:1px 0 0;border-radius:20px 20px 0 0;bottom:0;left:0;right:0}.menu--sheet:before{content:"";background:var(--border-strong);border-radius:2px;width:36px;height:4px;margin:0 auto 10px;display:block}@keyframes sheet-up{0%{transform:translateY(100%)}}.menu-layer--sheet.is-leaving .menu--sheet{animation:sheet-down .16s var(--ease) both}@keyframes sheet-down{to{transform:translateY(100%)}}.menu__header{border-bottom:1px solid var(--border);flex-direction:column;gap:2px;margin-bottom:6px;padding:8px 10px 10px;display:flex}.menu__header strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.menu__header span{color:var(--text-3);font-size:12.5px}.menu__header--account{flex-direction:row;align-items:center;gap:12px}.menu__who{flex-direction:column;gap:1px;min-width:0;display:flex}.menu__who span{color:var(--text-3)}.menu__list{flex-direction:column;display:flex}.menu__list:empty{display:none}.menu__item{border-radius:var(--radius-s);min-height:38px;color:var(--text);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:center;gap:12px;padding:0 10px;font-size:14px;display:flex}.menu__item .icon{color:var(--text-3)}.menu__item:hover,.menu__item:focus-visible{background:var(--bg-hover);box-shadow:none}.menu__item.is-danger,.menu__item.is-danger .icon{color:var(--danger)}.menu--sheet .menu__item{min-height:50px;font-size:16px}.menu--sheet .menu__item .icon{width:20px;height:20px}.swatches{grid-template-columns:repeat(5,1fr);gap:8px;padding:8px 6px 10px;display:grid}.menu__header+.swatches{border-bottom:1px solid var(--border);margin-bottom:6px}.swatch{--hue:transparent;border:1px solid color-mix(in srgb, var(--hue) 45%, var(--border-strong));background:color-mix(in srgb, var(--hue) calc(var(--tint) * 2.4), var(--bg-elev));width:32px;height:32px;color:var(--text);cursor:pointer;transition:transform var(--dur-1) var(--ease);border-radius:50%;justify-content:center;align-items:center;margin:0 auto;padding:0;display:inline-flex}.swatch[data-color=default]{background:var(--bg-elev);border-color:var(--border-strong)}.swatch:hover{transform:scale(1.1)}.swatch:focus-visible{border-radius:50%}.swatch[aria-checked=true]{box-shadow:0 0 0 2px var(--bg-elev), 0 0 0 4px var(--accent)}.swatch .icon{width:15px;height:15px}.swatch[data-color=red]{--hue:var(--note-red)}.swatch[data-color=orange]{--hue:var(--note-orange)}.swatch[data-color=yellow]{--hue:var(--note-yellow)}.swatch[data-color=green]{--hue:var(--note-green)}.swatch[data-color=teal]{--hue:var(--note-teal)}.swatch[data-color=blue]{--hue:var(--note-blue)}.swatch[data-color=purple]{--hue:var(--note-purple)}.swatch[data-color=pink]{--hue:var(--note-pink)}.swatch[data-color=gray]{--hue:var(--note-gray)}.menu--sheet .swatch{width:40px;height:40px}.modal-backdrop{z-index:85;background:var(--scrim);animation:fade var(--dur-2) var(--ease) both;justify-content:center;align-items:flex-start;padding:12vh 16px 16px;display:flex;position:fixed;inset:0}.modal-backdrop.is-leaving{animation:fade-out .15s var(--ease) both}.modal{border:1px solid var(--border);background:var(--bg-elev);width:100%;max-width:440px;box-shadow:var(--shadow-3);animation:pop-in var(--dur-2) var(--ease) both;border-radius:18px}.modal--small{max-width:380px}.modal__head{align-items:center;gap:8px;padding:16px 12px 4px 20px;display:flex}.modal__title{letter-spacing:-.01em;flex:1;margin:0;font-size:17px;font-weight:650}.modal__close{color:var(--text-3);border-radius:50%}.modal__body{flex-direction:column;gap:14px;padding:8px 20px 20px;display:flex}.modal__text{color:var(--text-2);margin:0;font-size:14.5px;line-height:1.5}.modal__actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.modal__actions .btn{height:40px;padding:0 16px;font-size:14px}@media (max-width:640px){.modal-backdrop{align-items:flex-end;padding:0}.modal{max-width:none;padding-bottom:env(safe-area-inset-bottom);animation:sheet-up var(--dur-3) var(--ease) both;border-radius:20px 20px 0 0}.modal__actions .btn{flex:1;height:46px}}.auth{min-height:100vh;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 24px) 20px calc(env(safe-area-inset-bottom) + 24px);background:radial-gradient(1200px 500px at 50% -10%, var(--accent-soft), transparent 70%), var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}.auth__card{border:1px solid var(--border);background:var(--bg-elev);width:100%;max-width:400px;box-shadow:var(--shadow-2);animation:pop-in var(--dur-3) var(--ease) both;border-radius:22px;padding:32px 28px 28px}.auth__logo{width:44px;height:44px;margin-bottom:18px}.auth__logo svg{width:100%;height:100%;filter:drop-shadow(0 6px 14px color-mix(in srgb, var(--accent) 40%, transparent))}.auth__title{letter-spacing:-.02em;margin:0 0 6px;font-size:24px;font-weight:700}.auth__sub{color:var(--text-2);margin:0 0 24px;font-size:15px;line-height:1.5}.auth__form{flex-direction:column;gap:16px;display:flex}.auth__form .btn--primary{margin-top:4px}.auth__notice{border-radius:var(--radius-m);background:var(--accent-soft);color:var(--text);margin:0;padding:10px 12px;font-size:13.5px}.auth__foot{color:var(--text-3);text-align:center;font-size:13.5px}.auth__link{color:var(--text-2);text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:3px;font-weight:500}.auth__link:hover{color:var(--accent);text-decoration-color:currentColor}@media (max-width:480px){.auth{padding-top:calc(env(safe-area-inset-top) + 9vh);background:var(--bg);justify-content:flex-start}.auth__card{box-shadow:none;background:0 0;border:0;padding:8px 4px}.auth__muted{display:block}}.page{min-height:100vh;min-height:100dvh}.page-top{z-index:30;height:calc(var(--topbar-h) + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(12px, env(safe-area-inset-right)) 0 max(12px, env(safe-area-inset-left));background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:saturate(1.6)blur(14px);backdrop-filter:saturate(1.6)blur(14px);border-bottom:1px solid var(--border);align-items:center;gap:8px;display:flex;position:sticky;top:0}.page-top__title{margin:0;font-size:15px;font-weight:650}.page-top__spacer{flex:1}.page-main{max-width:760px;padding:28px max(16px, env(safe-area-inset-right)) calc(60px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));flex-direction:column;gap:20px;margin:0 auto;display:flex}.panel{border:1px solid var(--border);background:var(--bg-elev);box-shadow:var(--shadow-1);border-radius:18px;padding:22px}.panel__title{align-items:center;gap:8px;margin:0 0 4px;font-size:16px;font-weight:650;display:flex}.panel__count{background:var(--bg-sunken);color:var(--text-2);border-radius:999px;padding:1px 8px;font-size:12px;font-weight:600}.panel__count:empty{display:none}.panel__sub{color:var(--text-2);margin:0 0 18px;font-size:14px;line-height:1.5}.panel .form-error{margin:12px 0 0}.admin-create__grid{grid-template-columns:1fr 1.9fr .7fr;align-items:start;gap:12px;display:grid}.admin-create__actions{justify-content:flex-end;margin-top:16px;display:flex}.admin-create__actions .btn{height:40px;padding:0 16px}@media (max-width:720px){.admin-create__grid{grid-template-columns:1fr}.admin-create__actions .btn{width:100%;height:46px}.panel{padding:18px 16px}}.created{border-radius:var(--radius-m);background:color-mix(in srgb, var(--ok) 12%, transparent);animation:fade-in var(--dur-2) var(--ease) both;align-items:center;gap:12px;margin-top:16px;padding:12px 14px;display:flex}.created>.icon{color:var(--ok)}.created__text{flex-direction:column;flex:1;gap:2px;font-size:13.5px;display:flex}.created__text span{color:var(--text-2)}@media (max-width:520px){.created{flex-wrap:wrap}.created .btn{width:100%}}.users{margin:14px -8px 0;padding:0;list-style:none}.user-row{border-radius:var(--radius-m);align-items:center;gap:12px;padding:10px 8px;display:flex}.user-row+.user-row{border-top:1px solid var(--border)}.user-row.is-disabled .account-btn{filter:grayscale();opacity:.5}.user-row.is-disabled .user-row__name strong{color:var(--text-3)}.user-row__main{flex:1;min-width:0}.user-row__name{flex-wrap:wrap;align-items:center;gap:6px;font-size:14.5px;display:flex}.user-row__meta{color:var(--text-3);margin-top:2px;font-size:12.5px}.users__empty{color:var(--text-3);padding:16px 8px}.badge{letter-spacing:.02em;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:650}.badge--admin{background:var(--accent-soft);color:var(--accent)}.badge--you{background:var(--bg-sunken);color:var(--text-2)}.badge--off{background:color-mix(in srgb, var(--danger) 13%, transparent);color:var(--danger)}.auth__card--plain{text-align:center}