.app{background-color:var(--bg);min-height:100dvh;color:var(--text)}.skip-link{top:var(--space-8);left:var(--space-8);z-index:var(--z-palette);padding:var(--space-8) var(--space-12);border-radius:var(--radius-control);background-color:var(--surface);color:var(--text);box-shadow:var(--shadow-2);font-weight:var(--weight-medium);position:fixed}.skip-link:not(:focus-visible){clip-path:inset(50%);width:1px;height:1px;box-shadow:none;white-space:nowrap;padding:0;overflow:hidden}.app-sidebar{z-index:var(--z-sticky);align-items:center;gap:var(--space-8);min-width:0;height:100dvh;padding:var(--space-16) var(--space-12) var(--space-12);background-color:var(--sunken);border-right:1px solid var(--border);grid-template:"ident ident""account account""new new""body body"minmax(0,1fr)"collapse online"/auto minmax(0,1fr);grid-area:sidebar;display:grid;position:sticky;top:0}.sb-ident{min-width:0;padding:0 var(--space-4);grid-area:ident;gap:2px;display:grid}.sb-new{grid-area:new;min-width:0;position:relative}.sb-new-kbd{top:50%;right:var(--space-12);color:var(--on-accent);pointer-events:none;position:absolute;transform:translateY(-50%)}.sb-body{overscroll-behavior:contain;min-height:0;margin:0 calc(var(--space-12) * -1);padding:var(--space-4) var(--space-12);grid-area:body;align-self:stretch;overflow-y:auto}.sb-account{grid-area:account;min-width:0}.sb-online{grid-area:online;justify-self:end;min-width:0}.sb-foot{grid-area:collapse}.sb-menu-btn,.sb-scrim{display:none}.sb-new-btn{align-items:center;gap:var(--space-8);justify-content:flex-start;width:100%;display:flex}.sb-kbd{font-family:var(--font-sans);font-size:var(--fs-label);line-height:var(--lh-label);opacity:.8;margin-left:auto}.sb-new-menu{min-width:200px}.sb-nav{gap:var(--space-4);display:grid}.sb-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.sb-heading{margin:var(--space-16) 0 var(--space-4);padding:0 var(--space-8);color:var(--muted);font-size:var(--fs-label);line-height:var(--lh-label);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase}.sb-subheading{margin-top:var(--space-8);text-transform:none;letter-spacing:normal}.sb-item{align-items:center;gap:var(--space-8);min-width:0;min-height:36px;padding:var(--space-4) var(--space-8);border-radius:var(--radius-control);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:background-color var(--dur-fast) var(--ease);background-color:#0000;border:0;text-decoration:none;display:flex;position:relative}@media (pointer:coarse){.sb-item{min-height:var(--hit)}}.sb-item .icon{color:var(--muted);flex-shrink:0}@media (hover:hover){.sb-item:hover{background-color:var(--hover)}}.sb-item:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.sb-item[aria-current=page]{background-color:var(--surface);font-weight:var(--weight-medium);box-shadow:inset 3px 0 0 var(--accent)}.sb-item[aria-current=page] .icon{color:var(--accent)}.sb-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sb-badge{min-height:20px;padding:0 var(--space-4);border-radius:var(--radius-chip);background-color:var(--tint-chip,var(--fill-neutral));color:var(--marigold-text);font-size:var(--fs-label);line-height:var(--lh-label);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;flex-shrink:0;align-items:center;gap:2px;display:inline-flex}.sb-item .sb-badge .icon{color:currentColor}.sb-badge.is-late{color:var(--danger)}.sb-count{color:var(--muted);font-size:var(--fs-small);line-height:var(--lh-small);font-variant-numeric:tabular-nums;flex-shrink:0}.sb-mine{align-items:center;display:flex;position:relative}.sb-mine>.sb-item{flex:1;padding-right:36px}.sb-mine-menu{border-radius:var(--radius-control);width:32px;height:32px;color:var(--muted);cursor:pointer;background-color:#0000;border:0;place-items:center;display:inline-grid;position:absolute;right:2px}@media (hover:hover) and (pointer:fine){.sb-mine-menu{opacity:0}.sb-mine:hover .sb-mine-menu,.sb-mine-menu:focus-visible,.sb-mine-menu[aria-expanded=true]{opacity:1}.sb-mine-menu:hover{background-color:var(--hover);color:var(--text)}}.sb-mine-menu:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.sb-mine:has(.sb-mine-menu) .sb-count{margin-right:0}.sb-save-view{width:100%;color:var(--muted);margin-top:2px}.sb-save-view[aria-disabled=true]{cursor:not-allowed;opacity:.6}.app-frame[data-sidebar=rail] :is(.sb-mine-menu,.sb-save-view){display:none}.sb-pending .sb-item{visibility:hidden}.sb-collapse{border-radius:var(--radius-control);width:32px;height:32px;color:var(--muted);cursor:pointer;background-color:#0000;border:0;place-items:center;display:inline-grid}@media (hover:hover){.sb-collapse:hover{background-color:var(--hover);color:var(--text)}}.sb-collapse:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.sb-account .account-btn{justify-content:flex-start;width:100%;max-width:none}.sb-account .account-chevron{margin-left:auto}@media (width>=768px){.account-phone-only{display:none}}.app-frame[data-sidebar=rail] .app-sidebar{padding-inline:var(--space-4);grid-template:"ident""account""new""body"minmax(0,1fr)"online""collapse"/minmax(0,1fr);justify-items:center}.app-frame[data-sidebar=rail] .sb-body{width:100%;margin:0;padding-inline:0}.app-frame[data-sidebar=rail] :is(.sb-kbd,.sb-heading,.sb-count,.app-meta,.account-chevron,.sb-online .presence>span:last-child){display:none}.app-frame[data-sidebar=rail] :is(.sb-label,.ws-full,.account-name,.account-role){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-frame[data-sidebar=rail] .ws-short{display:inline}.app-frame[data-sidebar=rail] .sb-ident{justify-items:center;padding:0}.app-frame[data-sidebar=rail] .sb-ident .ws-name{font-size:var(--fs-body);line-height:var(--lh-body)}.app-frame[data-sidebar=rail] .sb-ident .ws-switch .icon{display:none}.app-frame[data-sidebar=rail] :is(.sb-item,.sb-new-btn){justify-content:center;width:44px;height:40px;min-height:40px;margin-inline:auto;padding:0}.app-frame[data-sidebar=rail] .sb-new-btn{min-width:0}.app-frame[data-sidebar=rail] .sb-badge{min-height:16px;padding:0 3px;position:absolute;top:0;right:0}.app-frame[data-sidebar=rail] .sb-badge .icon{display:none}.app-frame[data-sidebar=rail] .sb-account .account-btn{width:var(--hit);justify-content:center;padding:0}.app-frame[data-sidebar=rail] .account-menu-icon{display:inline-grid}.app-frame[data-sidebar=rail] .sb-online{justify-self:center}.page-bar{min-height:32px;margin:calc(var(--space-16) * -1) 0 var(--space-16);align-items:center;display:flex}.page-crumbs{align-items:baseline;gap:var(--space-8);color:var(--muted);font-size:var(--fs-small);line-height:var(--lh-small);flex-wrap:wrap;display:flex}.page-crumb[aria-current=page]{color:var(--text);font-weight:var(--weight-medium)}.app-wordmark,.ws-name{font-family:var(--font-display);font-size:var(--fs-h2);line-height:var(--lh-h2);font-weight:var(--weight-medium);letter-spacing:var(--tracking-display);color:var(--text);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.ws-short{display:none}.sb-ident .ws-name{font-size:var(--fs-h2);line-height:var(--lh-h2)}.sb-ident .app-meta>.app-sep:first-child{display:none}@media (width>=768px){.sb-ident .ws-name{white-space:normal}.sb-ident .ws-full{-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}.sb-ident .ws-switch{padding:var(--space-4);margin:0}.ws-switch{align-items:center;gap:var(--space-4);margin:calc(var(--space-4) * -1) calc(var(--space-4) * -1) calc(var(--space-4) * -1) calc(var(--space-8) * -1);padding:var(--space-4) var(--space-4) var(--space-4) var(--space-8);border-radius:var(--radius-control);cursor:pointer;transition:background-color var(--dur-fast) var(--ease);background-color:#0000;border:0;display:inline-flex}.ws-switch .icon{color:var(--muted);flex-shrink:0}@media (hover:hover){.ws-switch:hover{background-color:var(--hover)}}.ws-switch:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.app-meta{align-items:baseline;gap:var(--space-8);color:var(--muted);font-size:var(--fs-small);line-height:var(--lh-small);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;display:inline-flex}.app-meta .countdown{color:var(--text)}.app-online{align-items:center;display:inline-flex}.app-online .presence>span:last-child{color:var(--muted)}.account-btn{align-items:center;gap:var(--space-4);min-height:var(--control-h);max-width:260px;padding:0 var(--space-12);border:1px solid var(--border);border-radius:var(--radius-control);background-color:var(--surface);color:var(--text);font-weight:var(--weight-medium);cursor:pointer;transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);display:inline-flex}@media (hover:hover){.account-btn:hover{border-color:var(--border-strong)}}.account-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.account-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.account-role{color:var(--muted);font-weight:var(--weight-regular);white-space:nowrap}.account-chevron{color:var(--muted)}@media (width>=768px){.account-btn.is-pending{visibility:hidden}}.account-menu-icon{display:none}.account-panel{width:288px;max-width:calc(100vw - var(--space-16))}.account-head{padding:var(--space-8) var(--space-12) var(--space-12);gap:2px;display:grid}.account-title{font-weight:var(--weight-semibold);overflow-wrap:anywhere}.account-sub{color:var(--muted);font-size:var(--fs-small);line-height:var(--lh-small);overflow-wrap:anywhere}.account-section{gap:var(--space-8);padding:var(--space-8) var(--space-4) var(--space-4);border-top:1px solid var(--border);display:grid}.account-label{padding:0 var(--space-8);color:var(--muted)}.account-section .theme-toggle{margin:0 var(--space-8) var(--space-4)}.account-actions{gap:0}a.menu-item{color:var(--text);text-decoration:none}.ws-menu{min-width:240px;max-width:calc(100vw - var(--space-16))}.ws-menu .menu-label{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.ws-menu .menu-current{color:var(--accent);margin-left:auto}.app-main{--chrome-h:240px;min-width:0;padding:var(--space-32) var(--page-pad) var(--space-64)}.app-main:focus{outline:none}.app-bottom-nav{display:none}.app-bottom-nav .menu-btn[aria-expanded=true]{color:var(--text);background-color:var(--hover)}.page-loading,.page-failed,.page-not-found{gap:var(--space-24);display:grid}.page-state{justify-items:center;gap:var(--space-12);max-width:480px;margin:var(--space-64) auto 0;text-align:center;display:grid}.page-state-text{color:var(--muted);text-wrap:balance}.page-state .btn{margin-top:var(--space-12)}.sk-text{color:#0000;background-color:var(--skeleton-fill,var(--fill-neutral));border-radius:var(--radius-control);box-decoration-break:clone;user-select:none;animation:pulse calc(var(--dur-base) * 8) var(--ease) infinite alternate}.sk-text .icon{visibility:hidden}.drawer-delete{margin-right:auto}.drawer-state{min-width:0;display:inline-flex}.drawer-state>.saved{margin-right:0}.drawer-note{justify-content:space-between;align-items:center;gap:var(--space-8) var(--space-12);margin-bottom:var(--space-16);padding:var(--space-12) var(--space-16);border-radius:var(--radius-control);background-color:var(--sunken);color:var(--muted);font-size:var(--fs-small);line-height:var(--lh-small);flex-wrap:wrap;display:flex}[data-drawer] .drawer-title[tabindex="-1"]:focus{outline:none}@media (width<=767px){.app-frame{display:block}.app-sidebar{gap:var(--space-8);height:auto;min-height:52px;padding:var(--space-4) var(--page-pad);background-color:var(--bg);border-right:0;border-bottom:1px solid var(--border);grid-template:"menu ident online new account"/auto minmax(0,1fr) auto auto auto;position:sticky;top:0}.sb-menu-btn{width:var(--hit);height:var(--hit);margin-left:calc(var(--space-12) * -1);border-radius:var(--radius-control);color:var(--text);cursor:pointer;background-color:#0000;border:0;grid-area:menu;place-items:center;display:inline-grid}.sb-menu-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.sb-ident{align-items:baseline;gap:var(--space-8);padding:0;display:flex}.sb-online{justify-self:end}.sb-foot{display:none}.sb-new-btn{width:var(--hit);height:var(--hit);min-height:var(--hit);justify-content:center;padding:0}.sb-new-btn .sb-label,.sb-new-kbd,.app-date,.app-date-sep{display:none}.ws-full{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.ws-short{display:inline}.ws-switch .ws-short{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.sb-ident .ws-switch{padding-block:var(--space-8)}.skip-link:focus-visible{right:var(--space-8);text-align:center}.app-online .presence>span:last-child{display:none}.sb-account .account-btn,.account-btn{width:var(--hit);height:var(--hit);min-height:var(--hit);background-color:#0000;border-color:#0000;justify-content:center;padding:0}.account-name,.account-role{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.account-chevron{display:none}.account-menu-icon{display:inline-grid}.page-bar{display:none}.drawer-delete{width:var(--hit);padding:0}.drawer-delete-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-main{--chrome-h:240px;padding:var(--space-16) var(--page-pad) calc(var(--space-64) + var(--space-24) + env(safe-area-inset-bottom))}.app-bottom-nav{display:grid}.app-bottom-nav .menu-btn{font:inherit;font-size:var(--fs-label);line-height:var(--lh-label);font-weight:var(--weight-medium);cursor:pointer;background-color:#0000;border:0}}.app-frame{--sidebar-w:240px;--rail-w:56px;--pane-w:440px;grid-template-columns:var(--sidebar-w) minmax(0, 1fr) 0;grid-template-areas:"sidebar main pane";min-height:100dvh;display:grid}@media (width>=1024px){.app-frame[data-pane-state=open]:has(>.app-pane){grid-template-columns:var(--sidebar-w) minmax(560px, 1fr) var(--pane-w)}}.app-frame[data-sidebar=rail]{--sidebar-w:var(--rail-w)}.app-frame>.app-sidebar{grid-area:sidebar}.app-frame>.app-main{grid-area:main}.app-frame>.app-pane{grid-area:pane}.app-frame>.app-main{max-width:none}.app-frame>.app-pane{background-color:var(--surface);border-left:1px solid var(--border);min-width:0;height:100dvh;position:sticky;top:0;overflow-y:auto}@media (width>=768px) and (width<=1023px){.app-frame[data-pane-state=open]{grid-template-columns:var(--sidebar-w) minmax(0, 1fr) 0}.app-frame>.app-pane{z-index:var(--z-sticky);width:min(var(--pane-w), calc(100vw - var(--rail-w)));height:auto;box-shadow:var(--shadow-2);position:fixed;top:0;bottom:0;right:0}}@media (width<=767px){.app-frame{display:block}.app-frame>.app-pane{z-index:var(--z-drawer);border-left:0;height:auto;position:fixed;inset:0}}@media (prefers-reduced-motion:no-preference){.app-frame{transition:grid-template-columns var(--dur-base) var(--ease)}}