:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{--font-ui:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-icon:"Material Symbols Rounded";--text-xs:.75rem;--text-sm:.8125rem;--text-md:.875rem;--text-lg:1rem;--text-xl:1.375rem;--text-2xl:2rem;--text-clock:4.5rem;--icon-sm:1.125rem;--icon-md:1.25rem;--icon-lg:1.5rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-control:8px;--radius-card:12px;--radius-window:16px;--radius-dialog:22px;--radius-pill:999px;--desk:var(--lightningcss-light,#efeeec)var(--lightningcss-dark,#0c0c0b);--window:var(--lightningcss-light,#fdfdfc)var(--lightningcss-dark,#181816);--bg:var(--lightningcss-light,#fdfdfc)var(--lightningcss-dark,#121211);--surface:var(--lightningcss-light,#f1f0ee)var(--lightningcss-dark,#232321);--surface-2:var(--lightningcss-light,#e7e6e3)var(--lightningcss-dark,#2d2d2a);--ink:var(--lightningcss-light,#1b1a18)var(--lightningcss-dark,#ecebe8);--ink-2:var(--lightningcss-light,#494743)var(--lightningcss-dark,#b4b2ad);--ink-3:var(--lightningcss-light,#5b5853)var(--lightningcss-dark,#9a9893);--on-fill:var(--lightningcss-light,#fdfdfc)var(--lightningcss-dark,#121211);--danger:var(--lightningcss-light,#b3261e)var(--lightningcss-dark,#f28b82);--success:var(--lightningcss-light,#176a33)var(--lightningcss-dark,#6fcf8a);--accent-blue:var(--lightningcss-light,#0b63d1)var(--lightningcss-dark,#5aa2ff);--accent-purple:var(--lightningcss-light,#7a3fd1)var(--lightningcss-dark,#b794f6);--accent-pink:var(--lightningcss-light,#b8216f)var(--lightningcss-dark,#f27ab0);--accent-red:var(--lightningcss-light,#b92d1b)var(--lightningcss-dark,#ff8a7a);--accent-orange:var(--lightningcss-light,#a14300)var(--lightningcss-dark,#f2a05a);--accent-yellow:var(--lightningcss-light,#7d5c00)var(--lightningcss-dark,#e5c14a);--accent-green:var(--lightningcss-light,#1a6f37)var(--lightningcss-dark,#5fcf86);--accent-graphite:var(--lightningcss-light,#5b5853)var(--lightningcss-dark,#b4b2ad);--accent:var(--accent-blue);--accent-soft:color-mix(in oklab, var(--accent) 14%, transparent);--fill:var(--lightningcss-light,#1b1a18)var(--lightningcss-dark,#ecebe8);--focus:var(--lightningcss-light,#1b1a18)var(--lightningcss-dark,#ecebe8);--border-control:var(--lightningcss-light,#74716b)var(--lightningcss-dark,#8c8a84);--icon:var(--lightningcss-light,#494743)var(--lightningcss-dark,#b4b2ad);--line:var(--lightningcss-light,#e3e2df)var(--lightningcss-dark,#2a2a28);--line-strong:var(--lightningcss-light,#cfcdc9)var(--lightningcss-dark,#3c3c39);--overlay:var(--lightningcss-light,#00000047)var(--lightningcss-dark,#0009);--shadow-tint:var(--lightningcss-light,#0003)var(--lightningcss-dark,#000000bf);--shadow-tint-soft:var(--lightningcss-light,#0000000f)var(--lightningcss-dark,#0006);--shadow-pop:0 16px 48px -12px var(--shadow-tint), 0 2px 8px var(--shadow-tint-soft);--shadow-window:0 28px 70px -20px var(--shadow-tint), 0 4px 14px var(--shadow-tint-soft);--z-desk:0;--z-windows:10;--z-dock:20;--z-topbar:30;--z-overlay:40;--z-toast:50;--topbar-h:48px;--dock-reserve:96px;--window-min-w:360px;--window-min-h:240px;--window-header-h:44px;--grip:6px;--grip-corner:12px;--control-sm:28px;--control-md:40px;--dock-item:44px;--dock-lift:14px;--phone-bar-h:64px;--tile:64px;--blur-chrome:24px;--ease-soft:cubic-bezier(.22, 1, .36, 1);--ease-quick:cubic-bezier(.4, 0, 1, 1);--ease-fly:cubic-bezier(.55, 0, .7, .2);--ease-spring:cubic-bezier(.3, 1.35, .5, 1);--dur-fast:.1s;--dur-enter:.38s;--dur-exit:.14s;--dur-fly:.36s;--dur-loop:1.2s}:root[data-accent=purple]{--accent:var(--accent-purple)}:root[data-accent=pink]{--accent:var(--accent-pink)}:root[data-accent=red]{--accent:var(--accent-red)}:root[data-accent=orange]{--accent:var(--accent-orange)}:root[data-accent=yellow]{--accent:var(--accent-yellow)}:root[data-accent=green]{--accent:var(--accent-green)}:root[data-accent=graphite]{--accent:var(--accent-graphite)}:root[data-motion=reduce]{--dur-fast:0s;--dur-enter:0s;--dur-exit:0s;--dur-fly:0s;--dur-loop:0s}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0s;--dur-enter:0s;--dur-exit:0s;--dur-fly:0s;--dur-loop:0s}}@font-face{font-family:Inter;font-style:normal;font-weight:400 600;font-display:swap;src:url(/assets/inter-latin-Dx4kXJAl.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400 600;font-display:swap;src:url(/assets/inter-cyrillic-DqGufNeO.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Material Symbols Rounded;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-symbols-rounded-p0GLNdyP.woff2)format("woff2")}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:var(--text-md);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}h1,h2,p,ul{margin:0;padding:0}ul{list-style:none}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}[data-gesture] iframe{pointer-events:none}[data-gesture=move]{cursor:grabbing}.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.muted{color:var(--ink-2)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.center{text-align:center;align-items:center}.splash{place-items:center;block-size:100%;display:grid}.icon{font-family:var(--font-icon);font-style:normal;font-weight:400;font-size:var(--icon-md);white-space:nowrap;letter-spacing:normal;text-transform:none;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;inline-size:1em;color:var(--icon);-webkit-user-select:none;user-select:none;flex:none;line-height:1;display:inline-block;overflow:hidden}.icon-lg{font-size:var(--icon-lg)}[dir=rtl] .flip{transform:scaleX(-1)}.icon-button{inline-size:var(--control-sm);block-size:var(--control-sm);border-radius:var(--radius-pill);transition:background-color var(--dur-fast) var(--ease-soft);place-items:center;display:grid}.icon-button:hover{background:var(--surface-2)}.pill-button{align-items:center;gap:var(--space-2);block-size:var(--control-md);max-inline-size:100%;padding-inline:var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:color-mix(in oklab, var(--window) 82%, transparent);-webkit-backdrop-filter:blur(var(--blur-chrome));backdrop-filter:blur(var(--blur-chrome));color:var(--ink-2);font-size:var(--text-sm);transition:color var(--dur-fast) var(--ease-soft), background-color var(--dur-fast) var(--ease-soft);display:inline-flex}.pill-button:hover{color:var(--ink);background:var(--window)}kbd{color:var(--ink-3);font-family:inherit}.link{color:var(--ink-2);text-underline-offset:3px;align-self:center;text-decoration:underline}.stack{gap:var(--space-4);align-content:start;display:grid}.app-pad{padding:var(--space-5)}.menu-row{align-items:center;gap:var(--space-3);inline-size:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);text-align:start;display:flex}.menu-row:hover,.menu-row[data-active=true]{background:var(--surface-2)}.menu-row-text{flex:1;min-inline-size:0;display:grid}.menu-row-text .muted{font-size:var(--text-xs)}.signin{min-block-size:100%;padding:var(--space-4);background:radial-gradient(120% 90% at 50% 0%, color-mix(in oklab, var(--window) 70%, var(--desk)), var(--desk));place-items:center;display:grid;overflow:auto}.signin-language{align-items:center;gap:var(--space-2);display:flex;position:absolute;inset-block-start:var(--space-4);inset-inline-end:var(--space-4)}.signin-language select{padding:var(--space-2) var(--space-3);border:1px solid var(--border-control);border-radius:var(--radius-control);background:var(--surface)}.signin-card{gap:var(--space-4);inline-size:min(380px,100%);padding:var(--space-6);background:var(--window);border:1px solid var(--line);border-radius:var(--radius-dialog);box-shadow:var(--shadow-pop);display:grid}.signin-card h1{font-size:var(--text-xl);letter-spacing:-.01em;font-weight:600}.desktop,.phone{background:radial-gradient(120% 90% at 50% 0%, color-mix(in oklab, var(--window) 70%, var(--desk)), var(--desk));position:fixed;inset:0;overflow:hidden}.topbar{block-size:var(--topbar-h);padding-inline:var(--space-3);justify-content:space-between;align-items:center;gap:var(--space-3);z-index:var(--z-topbar);display:flex;position:absolute;inset-block-start:0;inset-inline:0}.topbar-end{align-items:center;gap:var(--space-2);display:flex}.topbar-end .bell{inline-size:var(--control-md);justify-content:center;padding:0}.bell{position:relative}.bell-count{pointer-events:none;position:absolute;inset-block-start:calc(var(--space-1) * -1);inset-inline-end:calc(var(--space-1) * -1)}.topbar-org{min-inline-size:0;position:relative}.popover{inline-size:280px;padding:var(--space-2);background:var(--window);border:1px solid var(--line-strong);border-radius:var(--radius-card);box-shadow:var(--shadow-pop);animation:pop var(--dur-enter) var(--ease-spring);position:absolute;inset-block-start:calc(var(--control-md) + var(--space-2));inset-inline-start:0}@keyframes pop{0%{opacity:0;transform:translateY(var(--space-2)) scale(.96)}}.account-panel{gap:var(--space-1);display:grid}.account-email{padding:var(--space-2) var(--space-3) 0;font-size:var(--text-xs)}.account-label{padding:var(--space-2) var(--space-3) 0;font-size:var(--text-xs);color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em}.hero{inset:var(--topbar-h) 0 var(--dock-reserve);place-content:center;justify-items:center;gap:var(--space-2);text-align:center;padding-inline:var(--space-4);display:grid;position:absolute}.hero-org{font-size:var(--text-2xl);letter-spacing:-.02em;font-weight:600}.window-layer{z-index:var(--z-windows);isolation:isolate;pointer-events:none;position:absolute;inset:0}.window{inset-block-start:0;pointer-events:auto;transform-origin:0 0;background:var(--window);border:1px solid var(--line);border-radius:var(--radius-window);box-shadow:var(--shadow-pop);transition:box-shadow var(--dur-fast) var(--ease-soft), border-color var(--dur-fast) var(--ease-soft);outline:none;flex-direction:column;display:flex;position:absolute;left:0;overflow:hidden}.window[data-front=true]{border-color:var(--line-strong);box-shadow:var(--shadow-window)}.window[data-state=maximized]{border-radius:var(--radius-card)}.window[data-state=minimized]{visibility:hidden;pointer-events:none}.window-bar{align-items:center;gap:var(--space-2);block-size:var(--window-header-h);padding-inline:var(--space-4) var(--space-2);-webkit-user-select:none;user-select:none;touch-action:none;flex:none;display:flex}.window-bar h2{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;font-size:var(--text-md);color:var(--ink-2);transition:color var(--dur-fast) var(--ease-soft);flex:1;font-weight:500;overflow:hidden}.window[data-front=true] .window-bar h2{color:var(--ink)}.window-controls{gap:var(--space-1);display:flex}.window-body{flex:1;min-block-size:0;overflow:auto}.grip{touch-action:none;position:absolute}.grip[data-edge=n]{inset-block-start:0;left:var(--grip-corner);right:var(--grip-corner);block-size:var(--grip);cursor:ns-resize}.grip[data-edge=s]{inset-block-end:0;left:var(--grip-corner);right:var(--grip-corner);block-size:var(--grip);cursor:ns-resize}.grip[data-edge=e]{right:0;inset-block:var(--grip-corner);inline-size:var(--grip);cursor:ew-resize}.grip[data-edge=w]{left:0;inset-block:var(--grip-corner);inline-size:var(--grip);cursor:ew-resize}.grip[data-edge=ne],.grip[data-edge=nw],.grip[data-edge=se],.grip[data-edge=sw]{inline-size:var(--grip-corner);block-size:var(--grip-corner)}.grip[data-edge=ne]{inset-block-start:0;cursor:nesw-resize;right:0}.grip[data-edge=nw]{inset-block-start:0;cursor:nwse-resize;left:0}.grip[data-edge=se]{inset-block-end:0;cursor:nwse-resize;right:0}.grip[data-edge=sw]{inset-block-end:0;cursor:nesw-resize;left:0}.dock{inline-size:fit-content;z-index:var(--z-dock);margin-inline:auto;position:absolute;inset-block-end:var(--space-4);inset-inline:0}.dock ul{align-items:center;gap:var(--space-1);padding:var(--space-2);border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:color-mix(in oklab, var(--window) 82%, transparent);-webkit-backdrop-filter:blur(var(--blur-chrome));backdrop-filter:blur(var(--blur-chrome));box-shadow:var(--shadow-pop);animation:rise var(--dur-enter) var(--ease-spring) both;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(var(--space-6))}}.dock li{position:relative}.dock-item{inline-size:var(--dock-item);block-size:var(--dock-item);border-radius:var(--radius-pill);transform:translateY(calc(var(--grow,0) * var(--dock-lift) * -1)) scale(calc(1 + var(--grow,0)));transition:transform var(--dur-fast) var(--ease-soft), background-color var(--dur-fast) var(--ease-soft);place-items:center;display:grid}.dock-item:hover{background:var(--surface-2)}.dock-dot{border-radius:var(--radius-pill);background:var(--ink);block-size:4px;inline-size:4px;margin-inline:auto;position:absolute;inset-block-end:2px;inset-inline:0}.dock-tip{inline-size:max-content;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--fill);color:var(--on-fill);font-size:var(--text-xs);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--dur-fast) var(--ease-soft);margin-inline:auto;font-weight:500;position:absolute;inset-block-end:calc(100% + var(--space-3));inset-inline:0}.dock li:hover .dock-tip,.dock li:focus-within .dock-tip{opacity:1}.overlay{z-index:var(--z-overlay);background:var(--overlay);animation:fade var(--dur-enter) var(--ease-soft);position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.palette,.sheet,.dialog{z-index:var(--z-overlay);background:var(--window);border:1px solid var(--line-strong);box-shadow:var(--shadow-window);outline:none;position:fixed}.palette{inline-size:min(560px, calc(100vw - var(--space-5)));border-radius:var(--radius-dialog);animation:pop var(--dur-enter) var(--ease-spring);margin-inline:auto;inset-block-start:14vh;inset-inline:0;overflow:hidden}.palette-field{align-items:center;gap:var(--space-3);padding-inline:var(--space-4);border-block-end:1px solid var(--line);display:flex}.palette-field input{block-size:var(--control-md);min-inline-size:0;font-size:var(--text-lg);background:0 0;border:0;outline:none;flex:1}.palette-field input::placeholder{color:var(--ink-3)}.palette-list{max-block-size:50vh;padding:var(--space-2);overflow:auto}.palette-empty{padding:var(--space-5);text-align:center}.sheet{padding:var(--space-4) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom));border-radius:var(--radius-dialog) var(--radius-dialog) 0 0;animation:sheet-in var(--dur-enter) var(--ease-spring);inset-block-end:0;inset-inline:0}@keyframes sheet-in{0%{transform:translateY(100%)}}.phone .topbar{z-index:var(--z-desk)}.phone-home{inset:var(--topbar-h) 0 var(--phone-bar-h);padding:var(--space-5) var(--space-4);position:absolute;overflow:auto}.phone-home ul{grid-template-columns:repeat(auto-fill, minmax(var(--tile), 1fr));gap:var(--space-5) var(--space-3);display:grid}.app-tile{justify-items:center;gap:var(--space-2);inline-size:100%;font-size:var(--text-xs);color:var(--ink-2);display:grid}.tile-glyph{inline-size:var(--tile);block-size:var(--tile);border-radius:var(--radius-window);background:var(--window);border:1px solid var(--line-strong);box-shadow:var(--shadow-pop);place-items:center;display:grid}.phone-app{inset:0 0 var(--phone-bar-h);z-index:var(--z-windows);background:var(--window);transition:opacity var(--dur-enter) var(--ease-soft), transform var(--dur-enter) var(--ease-soft), visibility 0s linear;flex-direction:column;display:flex;position:absolute}.phone-app[data-state=hidden]{visibility:hidden;opacity:0;transform:translateY(var(--space-4));pointer-events:none;transition:opacity var(--dur-exit) var(--ease-quick), transform var(--dur-exit) var(--ease-quick), visibility 0s linear var(--dur-exit)}.phone-app-bar{align-items:center;gap:var(--space-2);block-size:var(--topbar-h);padding-inline:var(--space-2) var(--space-4);flex:none;padding-block-start:env(safe-area-inset-top);display:flex}.phone-app-bar h1{font-size:var(--text-lg);font-weight:600}.phone-app-body{flex:1;min-block-size:0;overflow:auto}.phone-bar{z-index:var(--z-dock);block-size:var(--phone-bar-h);background:var(--window);border-block-start:1px solid var(--line);justify-content:space-around;align-items:center;padding-block-end:env(safe-area-inset-bottom);display:flex;position:absolute;inset-block-end:0;inset-inline:0}.phone-bar .icon-button{inline-size:var(--control-md);block-size:var(--control-md)}@media (width<=767.98px){.window-layer,.dock{display:none}}.btn{justify-content:center;align-items:center;gap:var(--space-2);block-size:var(--control-md);padding-inline:var(--space-4);border-radius:var(--radius-control);white-space:nowrap;transition:background-color var(--dur-fast) var(--ease-soft), opacity var(--dur-fast) var(--ease-soft);flex:none;font-weight:500;display:inline-flex}.btn[data-size=small]{block-size:var(--control-sm);padding-inline:var(--space-3);font-size:var(--text-sm)}.btn[data-shape=icon]{inline-size:var(--control-md);border-radius:var(--radius-pill);padding:0}.btn[data-shape=icon][data-size=small]{inline-size:var(--control-sm)}.btn[data-variant=primary]{background:var(--fill);color:var(--on-fill)}.btn[data-variant=secondary],.btn[data-variant=ghost]:hover{background:var(--surface-2)}.btn[data-variant=danger]{background:var(--danger);color:var(--on-fill)}.btn[data-variant=primary] .icon,.btn[data-variant=danger] .icon{color:inherit}.btn[data-variant=primary]:hover,.btn[data-variant=danger]:hover{opacity:.88}.btn[data-variant=secondary]:hover{background:var(--line-strong)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn[aria-busy]{cursor:progress}.spinner{inline-size:var(--icon-sm);block-size:var(--icon-sm);border:2px solid;border-radius:var(--radius-pill);animation:spin var(--dur-loop) linear infinite;border-inline-end-color:#0000;flex:none}@keyframes spin{to{transform:rotate(1turn)}}.field{gap:var(--space-1);font-size:var(--text-sm);color:var(--ink-2);display:grid}.field input,.field select,.field textarea{inline-size:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border-control);border-radius:var(--radius-control);background:var(--surface);color:var(--ink)}.field input,.field select{block-size:var(--control-md)}.field textarea{resize:vertical}.field input[aria-invalid=true]{border-color:var(--danger)}.field-note{font-size:var(--text-sm);color:var(--ink-2)}.field-note[data-tone=danger]{color:var(--danger)}.select{position:relative}.select select{appearance:none;padding-inline-end:calc(var(--space-3) + var(--icon-md) + var(--space-2))}.select .icon{pointer-events:none;margin-block:auto;position:absolute;inset-block:0;inset-inline-end:var(--space-3)}.switch{--thumb:calc(var(--space-5) - var(--space-2));appearance:none;inline-size:calc(var(--space-6) + var(--space-2));block-size:var(--space-5);border:1px solid var(--border-control);border-radius:var(--radius-pill);background:var(--surface-2);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-soft), border-color var(--dur-fast) var(--ease-soft);flex:none;margin:0;position:relative}.switch:before{content:"";inline-size:var(--thumb);block-size:var(--thumb);border-radius:var(--radius-pill);background:var(--border-control);transition:inset-inline-start var(--dur-fast) var(--ease-soft), background-color var(--dur-fast) var(--ease-soft);margin-block:auto;position:absolute;inset-block:0;inset-inline-start:var(--space-1)}.switch:checked{background:var(--accent);border-color:var(--accent)}.switch:checked:before{background:var(--on-fill);inset-inline-start:calc(100% - var(--thumb) - var(--space-1))}.switch:disabled{opacity:.5;cursor:not-allowed}.segmented{justify-self:start;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-control);background:var(--surface);border:1px solid var(--line);display:inline-flex}.segment{cursor:pointer;position:relative}.segment input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segment span{block-size:calc(var(--control-md) - var(--space-3));padding-inline:var(--space-4);border-radius:calc(var(--radius-control) - var(--space-1));color:var(--ink-2);font-size:var(--text-sm);white-space:nowrap;transition:background-color var(--dur-fast) var(--ease-soft), color var(--dur-fast) var(--ease-soft);justify-content:center;align-items:center;font-weight:500;display:flex}.segment input:checked+span{background:var(--window);color:var(--ink);box-shadow:0 0 0 1px var(--line-strong), 0 1px 2px var(--shadow-tint-soft)}.segment input:focus-visible+span{outline:2px solid var(--focus);outline-offset:2px}.segment input:not(:checked):hover+span{color:var(--ink)}.section{gap:var(--space-3);align-content:start;display:grid}.section>header{justify-content:space-between;align-items:center;gap:var(--space-3);min-block-size:var(--control-sm);display:flex}.section h2{font-size:var(--text-lg);font-weight:600}.list{background:var(--surface);border-radius:var(--radius-card);overflow:hidden}.row{align-items:center;gap:var(--space-3);min-block-size:calc(var(--control-md) + var(--space-4));flex-wrap:wrap;padding-inline-end:var(--space-3);display:flex}.row+.row{border-block-start:1px solid var(--line)}.row-main{align-items:center;gap:var(--space-3);min-inline-size:0;padding-block:var(--space-3);padding-inline:var(--space-4) 0;text-align:start;flex:10rem;display:flex}button.row-main:hover{background:var(--surface-2)}.row-text{flex:1;min-inline-size:0;display:grid}.row-title{overflow-wrap:break-word}.row[data-unread] .row-title{font-weight:600}.row-subtitle{font-size:var(--text-sm);color:var(--ink-2);overflow-wrap:anywhere;display:grid}.unread-dot{inline-size:var(--space-2);block-size:var(--space-2);border-radius:var(--radius-pill);background:var(--accent);flex:none}.avatar{inline-size:var(--control-md);block-size:var(--control-md);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--ink-2);font-size:var(--text-sm);flex:none;place-items:center;font-weight:600;display:grid}.badge{padding-inline:var(--space-2);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--ink-2);font-size:var(--text-xs);flex:none;align-items:center;font-weight:500;line-height:1.6;display:inline-flex}.badge[data-tone=accent]{background:var(--accent);color:var(--on-fill)}.badge[data-tone=danger]{background:color-mix(in oklab, var(--danger) 14%, var(--window));color:var(--danger)}.status{align-items:center;gap:var(--space-1);min-block-size:var(--control-sm);font-size:var(--text-sm);color:var(--ink-2);display:inline-flex}.status .icon{font-size:var(--icon-sm)}.status[data-state=saved] .icon{color:var(--success)}.status[data-state=error],.status[data-state=error] .icon{color:var(--danger)}.empty{justify-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);text-align:center;display:grid}.empty>.muted{max-inline-size:32ch}.empty-glyph{inline-size:var(--tile);block-size:var(--tile);border-radius:var(--radius-pill);background:var(--surface);place-items:center;display:grid}.empty-title{font-weight:600}.skeleton{animation:pulse var(--dur-loop) ease-in-out infinite alternate}.bone{border-radius:var(--radius-control);background:var(--surface-2);display:block}.skeleton .bone-avatar{inline-size:var(--control-md);block-size:var(--control-md);border-radius:var(--radius-pill);flex:none;margin-inline-start:var(--space-4)}.skeleton .row-text{gap:var(--space-2);padding-block:var(--space-3)}.bone-line{block-size:var(--space-3)}.bone-line:last-child{inline-size:60%}@keyframes pulse{0%{opacity:.5}}.dialog{gap:var(--space-4);padding:var(--space-5);inline-size:min(440px, calc(100vw - var(--space-5)));border-radius:var(--radius-dialog);animation:pop var(--dur-enter) var(--ease-spring);margin-inline:auto;display:grid;inset-block-start:16vh;inset-inline:0}.dialog>header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.dialog h2{font-size:var(--text-lg);font-weight:600}.dialog>footer{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}@media (width<=767.98px){.dialog{inline-size:auto;border-radius:var(--radius-dialog) var(--radius-dialog) 0 0;animation:sheet-in var(--dur-enter) var(--ease-spring);margin-inline:0;padding-block-end:calc(var(--space-5) + env(safe-area-inset-bottom));inset-block:auto 0}}.toaster{z-index:var(--z-toast);inline-size:min(380px, calc(100vw - var(--space-5)));gap:var(--space-2);pointer-events:none;display:grid;position:fixed;inset-block-end:var(--space-4);inset-inline-end:var(--space-4)}.toaster>div{gap:var(--space-2);display:grid}.toast{align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-card);background:var(--fill);color:var(--on-fill);box-shadow:var(--shadow-pop);pointer-events:auto;animation:pop var(--dur-enter) var(--ease-spring);padding-inline-start:var(--space-4);display:flex}.toast[data-tone=danger]{background:var(--danger)}.toast .icon,.toast .btn{color:inherit}.toast .btn[data-variant=ghost]:hover{background:color-mix(in oklab, currentColor 18%, transparent)}.toast-text{min-inline-size:0;padding-block:var(--space-1);overflow-wrap:anywhere;flex:1}@media (width<=767.98px){.toaster{inset-block-end:calc(var(--phone-bar-h) + var(--space-3) + env(safe-area-inset-bottom));inset-inline:var(--space-3);inline-size:auto}}.row>:not(.row-main){margin-inline-start:auto}.notices{gap:var(--space-3);padding:var(--space-4);align-content:start;display:grid}.notices-bar{justify-content:flex-end;display:flex}.notices>.btn{justify-self:center}.installed-frame{border:0;width:100%;height:100%;display:block}.settings-frame{min-block-size:100%;container-type:inline-size}.settings{grid-template-columns:1fr;min-block-size:100%;display:grid}.settings>nav{gap:var(--space-1);padding:var(--space-2) var(--space-4);scrollbar-width:none;border-block-end:1px solid var(--line);display:flex;overflow-x:auto}.settings>nav button{align-items:center;gap:var(--space-2);block-size:var(--control-md);padding-inline:var(--space-3);border-radius:var(--radius-control);color:var(--ink-2);white-space:nowrap;transition:background-color var(--dur-fast) var(--ease-soft), color var(--dur-fast) var(--ease-soft);flex:none;font-weight:500;display:flex}.settings>nav button:hover{background:var(--surface);color:var(--ink)}.settings>nav button[aria-current=page]{background:var(--surface-2);color:var(--ink)}.settings-page{gap:var(--space-5);padding:var(--space-5) var(--space-4);align-content:start;display:grid}@container (width>=560px){.settings{grid-template-columns:200px 1fr;min-block-size:100%}.settings>nav{padding:var(--space-3);border-block-end:0;border-inline-end:1px solid var(--line);flex-direction:column;overflow:visible}.settings-page{padding:var(--space-5)}}.actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.subhead{font-size:var(--text-md);color:var(--ink-2);margin-block-start:var(--space-3);font-weight:600}.row-actions{justify-content:flex-end;align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.row-actions .field select{block-size:var(--control-sm);font-size:var(--text-sm);padding-block:0}.swatches{gap:var(--space-3);flex-wrap:wrap;display:flex}.swatch{cursor:pointer;display:grid;position:relative}.swatch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.swatch span{inline-size:var(--control-sm);block-size:var(--control-sm);border-radius:var(--radius-pill);background:var(--swatch);transition:box-shadow var(--dur-fast) var(--ease-soft)}.swatch input:checked+span{box-shadow:0 0 0 2px var(--window), 0 0 0 4px var(--swatch)}.swatch input:focus-visible+span{outline:2px solid var(--focus);outline-offset:5px}
