@layer base, pieces, screens, widths;@layer pieces{.icon{vertical-align:middle;flex:none;width:20px;height:20px;display:inline-block}.icon-small{width:16px;height:16px}.icon-large{width:24px;height:24px}.icon-huge{width:32px;height:32px}.toast{left:50%;bottom:var(--toast-bottom,32px);z-index:800;align-items:center;gap:var(--s3);background:var(--pine);max-width:min(560px,100vw - 48px);color:var(--on-dark);box-shadow:var(--shadow-3);pointer-events:none;border-radius:14px;padding:10px 16px 10px 12px;font-size:15px;font-weight:650;line-height:20px;display:inline-flex;position:fixed;transform:translate(-50%)}.toast-action{height:36px;color:var(--on-dark);font:inherit;pointer-events:auto;background:#ffffff29;border:0;border-radius:8px;flex:none;margin-left:4px;padding:0 12px;font-size:14px;font-weight:750}@media (prefers-reduced-motion:no-preference){.toast{animation:toast-in .28s var(--bounce) both}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,16px)scale(.96)}}@media (max-width:899px){:root{--toast-bottom:108px}}.button{justify-content:center;align-items:center;gap:var(--s2);min-height:44px;padding:0 var(--s4);border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1);white-space:nowrap;transition:transform var(--time-micro) var(--ease), background var(--time-micro);font-size:16px;font-weight:700;display:inline-flex}.button:active{transform:scale(.97)}.button[disabled]{opacity:.45;box-shadow:none}.button[aria-busy=true]{pointer-events:none}.button-small{min-height:36px;padding:0 var(--s3);border-radius:10px;font-size:14px}.button-large{min-height:56px;padding:0 var(--s6);border-radius:14px;font-size:18px}.button-action{background:var(--action);border-color:var(--action);color:var(--on-dark);box-shadow:var(--shadow-action)}.button-action:active{background:var(--action-strong)}.button-dark{background:var(--pine);border-color:var(--pine);color:var(--on-dark);box-shadow:var(--shadow-2)}.button-danger{background:var(--error-soft);box-shadow:none;color:var(--error-text);border-color:#0000}.button-soft{background:var(--sunken);box-shadow:none;border-color:#0000}.button-red{background:var(--error);border-color:var(--error);box-shadow:none;color:var(--on-dark)}.button-plain{box-shadow:none;color:var(--text-2);background:0 0;border-color:#0000}.button[data-wait]>span{opacity:.5}.button[data-wait]:after{content:"";border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite button-spin}@keyframes button-spin{to{transform:rotate(1turn)}}.button-action kbd,.button-dark kbd{color:var(--on-dark);background:#ffffff29;border-color:#ffffff59}.veil{z-index:30;background:#1a1d1b4d;position:fixed;inset:0}.dialog{z-index:31;border-radius:var(--radius-sheet);background:var(--surface);max-height:calc(100dvh - 48px);box-shadow:var(--shadow-3);position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:no-preference){.veil{animation:dialog-fade .2s var(--ease) both}.dialog{animation:dialog-in .26s var(--ease) both}}@keyframes dialog-fade{0%{opacity:0}}@keyframes dialog-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.96)}}.dialog.shake{animation:dialog-shake .36s var(--ease)}@keyframes dialog-shake{20%{translate:-6px}45%{translate:5px}70%{translate:-2px}}@media (max-width:899px){.dialog{border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;max-height:calc(100dvh - 24px);inset:auto 0 0;transform:none}@media (prefers-reduced-motion:no-preference){.dialog{animation:dialog-rise .32s var(--ease) both}}}@keyframes dialog-rise{0%{transform:translateY(100%)}}.sheet-scrim{z-index:500;animation:sheet-fade var(--time-nav) var(--ease);background:#0e161373;position:fixed;inset:0}.sheet{z-index:600;max-width:520px;padding:var(--s2) 22px var(--s6);background:var(--surface);box-shadow:var(--shadow-3);text-align:center;animation:sheet-rise var(--time-nav) var(--ease);border-radius:28px 28px 0 0;flex-direction:column;gap:14px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.sheet-grabber{width:40px;height:5px;margin:0 auto var(--s1);border-radius:var(--radius-round);background:var(--border-strong)}@keyframes sheet-rise{0%{transform:translateY(100%)}}@keyframes sheet-fade{0%{opacity:0}}}@layer screens{.update-block{text-align:center;width:460px;padding:32px}.update-block-icon{border-radius:var(--radius-round);background:var(--pine-soft);width:64px;height:64px;color:var(--pine);place-items:center;margin:0 auto 16px;display:grid}.update-block .title{margin:0 0 8px}.update-block-detail{color:var(--text-2);margin:0 0 24px}.update-block .button{width:100%}.crash-dialog{width:600px;padding:28px}.crash-head{align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.crash-head .title{margin:0 0 4px}.crash-icon{border-radius:var(--radius-round);background:var(--error-soft);width:48px;height:48px;color:var(--error-text);flex:none;place-items:center;display:grid}.crash-detail{color:var(--text-2);margin:0}.crash-label{color:var(--text-2);margin:0 0 8px;font-size:14px;font-weight:650;line-height:18px}.crash-todo{counter-reset:todo;gap:8px;margin:0 0 20px;padding:0;list-style:none;display:grid}.crash-todo li{counter-increment:todo;align-items:center;gap:12px;font-weight:600;display:flex}.crash-todo li:before{content:counter(todo);border-radius:var(--radius-round);background:var(--sunken);flex:none;place-items:center;width:28px;height:28px;font-size:14px;font-weight:800;display:grid}.crash-contents{border-radius:var(--radius);background:var(--sunken);gap:16px;padding:12px;display:flex}.crash-capture{border-radius:var(--radius-small);width:120px;height:auto;box-shadow:var(--shadow-1);flex:none}.crash-steps{align-content:start;gap:2px;min-width:0;margin:0;padding:0;font-size:14px;line-height:20px;list-style:none;display:grid}.crash-step{gap:8px;display:flex}.crash-step-time{color:var(--text-3);flex:none;font-weight:600}.crash-step.failed{color:var(--error-text);font-weight:700}.crash-privacy{color:var(--text-2);align-items:flex-start;gap:8px;margin:12px 0 0;font-size:14px;line-height:20px;display:flex}.crash-privacy .icon{color:var(--success-text)}.crash-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.crash-code{color:var(--text-3);white-space:nowrap;font-size:14px;font-weight:600}.crash-buttons{gap:8px;display:flex}@media (max-width:899px){.update-block,.crash-dialog{width:auto;padding:24px 16px calc(24px + env(safe-area-inset-bottom))}.update-block{padding-top:32px}.crash-head{margin-bottom:16px}.crash-icon{width:40px;height:40px}.crash-step:nth-child(n+3),.crash-step-time{display:none}.crash-foot,.crash-buttons{flex-direction:column-reverse;align-items:stretch}.crash-code{text-align:center}}.wait-line{z-index:20;top:0;left:var(--side-width);background:#12382f14;height:3px;position:fixed;right:0;overflow:hidden}.wait-line-progress,.wait-bar-progress{background:var(--pine);width:30%;position:absolute;inset:0}.wait-line.done .wait-line-progress,.wait-notice.done .wait-bar-progress{width:100%}.wait-notice.done .wait-bar-progress{background:var(--success)}.wait-notice{z-index:21;bottom:24px;left:calc(var(--side-width) + (100vw - var(--side-width)) / 2);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);width:440px;box-shadow:var(--shadow-3);grid-template-columns:40px 1fr;align-items:center;gap:4px 12px;margin-left:-220px;padding:14px 16px;display:grid;position:fixed}.wait-icon{grid-row:span 2}.wait-icon,.version-icon{border-radius:var(--radius-round);background:var(--pine-soft);width:40px;height:40px;color:var(--pine-text);place-items:center;display:grid}.wait-notice.done .wait-icon{background:var(--success-soft);color:var(--success-text)}.wait-what{justify-content:space-between;gap:12px;font-size:16px;font-weight:750;line-height:22px;display:flex}.wait-left{color:var(--text-2);white-space:nowrap;font-size:14px;font-weight:650}.wait-bar{border-radius:var(--radius-round);background:var(--sunken-2);height:6px;position:relative;overflow:hidden}.version-notice{z-index:22;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);width:380px;box-shadow:var(--shadow-3);grid-template-columns:40px 1fr;gap:12px;padding:16px;display:grid;position:fixed;bottom:24px;right:24px}.version-title{margin:0;font-size:16px;font-weight:800;line-height:22px}.version-detail{color:var(--text-2);margin:2px 0 0;font-size:14px;line-height:20px}.version-actions{grid-column:2;justify-content:flex-end;gap:8px;display:flex}@media (max-width:899px){.wait-line{left:0}.wait-notice,.version-notice{width:auto;margin:0;bottom:104px;left:12px;right:12px}.version-actions{grid-column:1/-1}.version-actions .button{flex:1;min-height:44px;font-size:16px}}@media (prefers-reduced-motion:no-preference){.wait-line:not(.done) .wait-line-progress,.wait-notice:not(.done) .wait-bar-progress{animation:wait-sweep 1.3s var(--ease) infinite}.wait-notice{animation:notice-rise .24s var(--ease) both}.version-notice{animation:notice-slide .32s var(--bounce) both}}@keyframes wait-sweep{0%{transform:translate(-100%)}to{transform:translate(340%)}}@keyframes notice-rise{0%{opacity:0;transform:translateY(8px)}}@keyframes notice-slide{0%{opacity:0;transform:translate(24px)}}.no-permission{gap:var(--s8);max-width:840px;margin:var(--s12) auto;padding:var(--s8);grid-template-columns:auto 1fr;display:grid}.no-permission-door{background:var(--sunken);width:144px;height:144px;color:var(--pine);border-radius:32px;place-items:center;display:grid}.no-permission-path{margin:0 0 var(--s4);color:var(--text-2);font-size:14px}.no-permission h1{margin:0 0 var(--s1);font-size:28px;line-height:1.2}.no-permission-needs{gap:var(--s3);padding:var(--s3) var(--s4);border-radius:var(--radius);background:var(--sunken);align-items:center;display:flex}.no-permission-needs b,.no-permission-needs small{display:block}.no-permission-needs small,.no-permission-roles small,.no-permission-head{color:var(--text-2)}.no-permission-icon{border-radius:var(--radius-small);background:var(--surface);width:40px;height:40px;color:var(--pine-text);flex:none;place-items:center;display:grid}.no-permission-head{margin:var(--s5) 0 var(--s2);justify-content:space-between;font-size:14px;display:flex}.no-permission-roles{gap:var(--s2);margin:0;padding:0;list-style:none;display:grid}.no-permission-roles li{gap:var(--s3);padding:var(--s2) var(--s3);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:auto 1fr auto auto;align-items:center;display:grid}.no-permission-roles .no-permission-icon{background:var(--pine-soft);width:32px;height:32px}.no-permission-faces{display:flex}.no-permission-faces .avatar{border:2px solid var(--surface);width:28px;height:28px;margin-left:-6px;font-size:12px}.no-permission-granted,.no-permission-yours,.no-permission-nobody{margin:var(--s3) 0 0;color:var(--text-2);font-size:14px}.no-permission-yours{gap:var(--s2);flex-wrap:wrap;align-items:center;display:flex}.no-permission-yours .pill{padding:2px var(--s3);border:1px solid var(--border-strong);border-radius:var(--radius-round);color:var(--ink)}.no-permission-actions{gap:var(--s3);margin-top:var(--s5);padding-top:var(--s5);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}@media (max-width:899px){.no-permission{gap:var(--s5);padding:var(--s5) var(--s4) var(--s12);box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:1fr;margin:0}.no-permission-door{border-radius:24px;width:96px;height:96px}.no-permission-needs{background:var(--surface);border:1px solid var(--border)}.no-permission-needs .no-permission-icon{background:var(--pine-soft)}.no-permission-actions{border-top:0;flex-wrap:nowrap;position:sticky;bottom:0}.no-permission-actions .button:first-child{flex:1}}.lost-permission h2{gap:var(--s3);margin:0 0 var(--s3);align-items:center;font-size:20px;display:flex}.lost-permission-icon{border-radius:var(--radius);background:var(--urgent-soft);width:44px;height:44px;color:var(--urgent-text);place-items:center;display:grid}.lost-permission-roles{gap:var(--s2) var(--s4);margin:var(--s3) 0;grid-template-columns:auto 1fr;align-items:center;display:grid}.lost-permission-roles dd{gap:var(--s2);flex-wrap:wrap;margin:0;display:flex}.lost-permission .pill{padding:2px var(--s3);border:1px solid var(--border-strong);border-radius:var(--radius-round)}.lost-permission .pill-gone{background:var(--sunken-2);color:var(--text-2);border-color:#0000;text-decoration:line-through}.lost-permission-kept{gap:var(--s2);padding:var(--s3) var(--s4);border-radius:var(--radius);background:var(--success-soft);color:var(--success-text);align-items:center;display:flex}.lost-permission footer{gap:var(--s4);margin-top:var(--s4);justify-content:space-between;align-items:center;display:flex}.lost-permission-count b{background:radial-gradient(var(--surface) 58%, transparent 60%), conic-gradient(var(--pine) calc(var(--part) * 360deg), var(--sunken-2) 0);border-radius:50%;place-items:center;width:32px;height:32px;display:inline-grid}.light-dot{border-radius:var(--radius-round);background:var(--success);flex:none;width:10px;height:10px;position:relative}.light-dot:after{content:"";border-radius:var(--radius-round);opacity:0;background:currentColor;position:absolute;inset:-5px}[data-net=offline] .light-dot{background:var(--urgent);color:var(--urgent)}@media (prefers-reduced-motion:no-preference){[data-net=offline] .light-dot:after{animation:light-beat 1.8s var(--ease) infinite}}@keyframes light-beat{0%{opacity:.35;transform:scale(.5)}to{opacity:0;transform:scale(1.4)}}.pending-head{text-align:left;align-items:center;gap:12px;display:flex}.pending-icon{border-radius:var(--radius-round);background:var(--success-soft);width:40px;height:40px;color:var(--success-text);flex:none;place-items:center;display:grid}[data-net=offline] .pending-icon{background:var(--urgent-soft);color:var(--urgent-text)}.pending-head b{font-size:16px;font-weight:800;line-height:22px;display:block}.pending-head small{color:var(--text-2);font-size:14px;font-weight:500;line-height:20px;display:block}.pending-note{color:var(--text-2);margin:12px 0 0;font-size:14px;line-height:20px}@media (max-width:899px){.phone-light{min-height:32px;color:var(--text-2);background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:14px;font-weight:650;display:flex}.phone-light .light-dot{width:8px;height:8px}[data-net=offline] .phone-light{color:var(--urgent-text)}.phone-nav{height:calc(92px + env(safe-area-inset-bottom));padding:4px 4px calc(14px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);flex:none;grid-template-columns:repeat(5,1fr);display:grid}}.phone-part{color:var(--text-2);cursor:default;background:0 0;border:0;align-content:center;justify-items:center;gap:2px;padding:0;font-size:14px;font-weight:650;display:grid;position:relative}.phone-part .icon{width:26px;height:26px}.phone-part .coming-soon{height:auto;color:var(--text-3);background:0 0;padding:0;line-height:16px}.phone-part .coming-soon.empty{visibility:hidden}.phone-part-name{line-height:18px}.phone-part-icon{display:inline-block}.phone-part.opens{cursor:pointer}.phone-part[aria-current=page]{color:var(--action);font-weight:800}.sheet.frame-sheet,.sheet-scrim.frame-sheet{bottom:92px}.sheet.frame-sheet{border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;background:var(--background);text-align:left;gap:0;max-width:none;max-height:calc(100% - 120px);padding:8px 16px 20px;overflow:auto}.sheet-scrim.frame-sheet{background:#1a1d1b4d}.frame-sheet .sheet-grabber{margin:4px auto 12px}@media (max-width:899px){.phone-status{align-items:center;gap:var(--s2) var(--s3);margin-top:var(--s2);flex-wrap:wrap;display:flex}.more-open .work-area{display:none}.phone-more{flex-direction:column;flex:1;min-height:0;padding:40px 16px 24px;display:flex;overflow:auto}}.phone-more>*{flex:none}.phone-more-head{gap:4px;display:grid}.phone-more-head .title{margin:0}.phone-more-card{margin-top:12px}.phone-more-person{align-items:center;gap:12px;padding:12px 16px;display:flex}.phone-more-person .avatar{width:48px;height:48px;font-size:16px}.phone-more-person b,.phone-more-text b{font-size:16px;font-weight:700;line-height:22px;display:block}.phone-more-person small,.phone-more-text small{color:var(--text-2);font-size:14px;line-height:20px;display:block}.phone-more-group-title{color:var(--text-2);margin:20px 4px 0;font-size:14px;font-weight:650;line-height:20px}.phone-more-group{margin:8px 0 0;padding:0;list-style:none;overflow:hidden}.phone-more-group li+li{border-top:1px solid var(--border)}.phone-more-option{width:100%;min-height:72px;color:var(--ink);text-align:left;cursor:pointer;transition:background var(--time-micro);background:0 0;border:0;align-items:center;gap:12px;padding:12px 12px 12px 16px;display:flex}.phone-more-option:active{background:var(--background)}.phone-more-option>.icon:last-child{color:var(--text-3)}.phone-more-icon{border-radius:var(--radius-small);background:var(--pine-soft);width:40px;height:40px;color:var(--pine-text);flex:none;place-items:center;display:grid}.phone-more-icon.urgent{background:var(--urgent-soft);color:var(--urgent-text)}.phone-more-icon.neutral{background:var(--sunken);color:var(--text-2)}.phone-more-icon.danger{background:var(--error-soft);color:var(--error-text)}.phone-more-text{flex:1;min-width:0}.phone-more-sign-out{background:var(--surface);margin-top:20px}.phone-more-sign-out .phone-more-text b{color:var(--error-text)}.phone-more-sign-out[aria-busy=true]{opacity:.6;pointer-events:none}@media (prefers-reduced-motion:no-preference){.phone-more>*{animation:phone-more-in var(--time) var(--ease) backwards}.phone-more>:nth-child(2){animation-delay:30ms}.phone-more>:nth-child(3){animation-delay:60ms}.phone-more>:nth-child(4){animation-delay:90ms}.phone-more>:nth-child(5){animation-delay:.12s}}@keyframes phone-more-in{0%{opacity:0;transform:translateY(8px)}}.switch{border-radius:var(--radius-round);background:var(--sunken-2);flex:none;width:52px;height:32px;position:relative;overflow:hidden}.switch:before{content:"";border-radius:inherit;background:var(--pine);opacity:0;position:absolute;inset:0}.switch:after{content:"";border-radius:var(--radius-round);background:var(--surface);width:26px;height:26px;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #1a1d1b33}[aria-checked=true]>.switch:before{opacity:1}[aria-checked=true]>.switch:after{transform:translate(20px)}@media (prefers-reduced-motion:no-preference){.switch:before{transition:opacity var(--time-micro)}.switch:after{transition:transform var(--time-micro)}}.side{z-index:3;flex-direction:column;gap:2px;min-height:0;padding:20px 8px 16px;display:flex;position:relative}.side-background{z-index:-1;background:var(--surface);transform-origin:0;position:absolute;inset:0}.side-line{background:var(--border);width:1px;position:absolute;top:0;bottom:0;right:0}.side-brand{height:36px;margin:4px 0 21px 8px;position:relative}.collapsed .side-brand{height:76px;margin-bottom:10px}.side-logo{width:auto;height:36px;display:block}.side-isotype{width:38.4px;height:38.4px;position:absolute;top:-1.35px;left:-3.6px}.menu,.more-options{grid-template-columns:minmax(0,1fr);gap:2px;margin:0;padding:0;list-style:none;display:grid}.part{border-radius:var(--radius);width:100%;height:44px;color:var(--text-2);text-align:left;white-space:nowrap;cursor:default;transition:background var(--time-micro);background:0 0;border:0;align-items:center;gap:12px;padding:0 10px 0 14px;font-size:15px;font-weight:650;display:flex;position:relative}.part .icon{color:var(--text-3)}.part-name{flex:1}.part.opens{cursor:pointer;color:var(--ink)}.part.opens .icon{color:var(--text-2)}.part:hover{background:var(--background)}.coming-soon-mini{border-radius:var(--radius-round);background:var(--surface);width:16px;height:16px;box-shadow:0 0 0 1px var(--border-strong);color:var(--text-2);place-items:center;display:none;position:absolute;top:4px;left:27px}.coming-soon-mini>:where(.icon){width:11px;height:11px}.side .marked{outline-offset:-3px}.part[aria-current=page],.part[aria-current=page]:hover{isolation:isolate;color:var(--pine);background:0 0;font-weight:750}.part[aria-current=page]:after{content:"";z-index:-1;border-radius:inherit;background:var(--pine-soft);transform-origin:0;position:absolute;inset:0}.part[aria-current=page] .icon,.part.more[aria-expanded=true] .icon{color:var(--pine)}.part.more[aria-expanded=true]{background:var(--pine-soft);color:var(--pine);font-weight:750}.part.more[aria-expanded=true]:before{content:"";background:var(--action);border-radius:0 4px 4px 0;width:4px;position:absolute;top:10px;bottom:10px;left:-8px}.collapse{border-radius:var(--radius);width:36px;height:36px;color:var(--text-3);cursor:pointer;transition:background var(--time-micro);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:0;right:0}.collapse:hover{background:var(--background);color:var(--text-2)}.collapsed .collapse{width:48px;top:40px;left:-8px;right:auto}:where(.collapse,.collapsed .menu>li>.part,.collapsed .light,.person-mini) kbd{z-index:5;box-shadow:0 0 0 2px var(--surface);position:absolute;top:-4px;right:-6px}@media (prefers-reduced-motion:no-preference){.menu>li{animation:menu-in .32s var(--ease) backwards}.menu>li:nth-child(2){animation-delay:30ms}.menu>li:nth-child(3){animation-delay:60ms}.menu>li:nth-child(4){animation-delay:90ms}.menu>li:nth-child(5){animation-delay:.12s}}@keyframes menu-in{0%{opacity:0;transform:translateY(-6px)}}.show-keys .part .coming-soon,.show-keys.collapsed .menu>li>.part .coming-soon-mini{display:none}.side-footer{gap:8px;margin-top:auto;padding-top:12px;display:grid}.light{border-radius:var(--radius);background:var(--success-soft);width:100%;min-height:44px;color:var(--success-text);text-align:left;transition:transform var(--time-micro) var(--ease);border:0;align-items:center;gap:8px;padding:6px 12px;font-size:14px;font-weight:700;line-height:18px;display:flex;position:relative}.light:active{transform:scale(.98)}.light .light-text{flex:1}[data-net=offline] .light{background:var(--urgent-soft);color:var(--urgent-text)}.person{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-1);gap:10px;padding:12px;display:grid}.person-who{align-items:center;gap:10px;display:flex}.person-who b{font-size:15px;font-weight:750;line-height:20px;display:block}.person-who small{color:var(--text-2);font-size:14px;line-height:18px;display:block}.person .button{width:100%}.person-mini{border-radius:var(--radius);cursor:pointer;background:0 0;border:0;place-items:center;width:48px;height:48px;padding:0;display:none;position:relative}.person-mini:hover{background:var(--background)}.person-mini[aria-expanded=true]{background:var(--pine-soft)}.side-panel{z-index:30;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-3);position:fixed}.more-options{width:264px;padding:8px}.more-options .part{gap:10px;height:40px;font-size:14px}.more-options .part .icon{width:18px;height:18px}.collapsed .person.open{bottom:16px;left:calc(var(--side-mini) + 8px);width:264px;display:grid}@media (prefers-reduced-motion:no-preference){.side-panel{animation:side-panel-in var(--time) var(--ease) both}.more-options li{animation:menu-in .24s var(--ease) backwards}}@keyframes side-panel-in{0%{opacity:0;transform:translate(-8px)}}.pending-panel{z-index:30;border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--border);width:440px;box-shadow:var(--shadow-3);transform-origin:0 100%;padding:16px;position:fixed;bottom:24px}.pending-panel>.button{width:36px;padding:0;position:absolute;top:12px;right:12px}.show-keys.pending-panel>.button{width:auto;padding:0 6px 0 8px}.pending-panel .pending-head{padding-right:44px}@media (prefers-reduced-motion:no-preference){.pending-panel{animation:pending-in .22s var(--ease) both}}@keyframes pending-in{0%{opacity:0;transform:scale(.94)translate(-8px)}}.collapsed :where(.menu>li>.part .icon-small,.light .light-text,.light>.icon-small){display:none}.collapsed .menu>li>.part{width:48px;padding:0 14px}.collapsed .side-logo,.collapsed .menu>li>.part .part-name,.collapsed .menu>li>.part .coming-soon{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.collapsed .menu>li>.part .coming-soon-mini,.collapsed .person-mini{display:grid}.collapsed .light{justify-content:center;width:48px;padding:0}.collapsed .person:not(.open){display:none}.closing .side,.opening .side{pointer-events:none}@media (prefers-reduced-motion:no-preference){.closing .side-background{animation:background-close .24s var(--ease) forwards}.closing .side-line{animation:line-close .24s var(--ease) forwards}.closing .menu{animation:menu-down .24s var(--ease) forwards}.closing .menu>li>.part[aria-current=page]:after{animation:current-close .24s var(--ease) forwards}.closing :is(.side-logo,.part-name,.coming-soon,.part .icon-small,.collapse,.side-footer){animation:fade-out .12s var(--ease-out) forwards}.opening .side-background{animation:background-open .24s var(--ease) both}.opening .side-line{animation:line-open .24s var(--ease) both}.opening .menu{animation:menu-up .24s var(--ease) both}.opening .menu>li>.part[aria-current=page]:after{animation:current-open .24s var(--ease) both}.opening :is(.side-logo,.part-name,.coming-soon,.part .icon-small,.collapse,.side-footer){animation:fade-in .16s var(--ease) .1s both}.collapsed :is(.coming-soon-mini,.collapse,.side-footer){animation:fade-in .16s var(--ease) both}}@keyframes background-close{to{transform:scaleX(.2963)}}@keyframes background-open{0%{transform:scaleX(.2963)}}@keyframes line-close{to{transform:translate(-152px)}}@keyframes line-open{0%{transform:translate(-152px)}}@keyframes menu-down{to{transform:translateY(29px)}}@keyframes menu-up{0%{transform:translateY(29px)}}@keyframes current-close{to{transform:scaleX(.24)}}@keyframes current-open{0%{transform:scaleX(.24)}}@keyframes fade-out{to{opacity:0}}@keyframes fade-in{0%{opacity:0}}html,body{height:100%}body{overflow:hidden}.frame{--side-width:216px;--side-mini:64px;grid-template-columns:var(--side-width) 1fr;grid-template-rows:minmax(0,1fr);height:100vh;display:grid}.frame.collapsed{--side-width:var(--side-mini)}.work-area{min-width:0;min-height:0}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:no-preference){.show-keys kbd{animation:keys-in .12s var(--ease)}}@keyframes keys-in{0%{opacity:0;transform:scale(.8)}}.avatar{border-radius:var(--radius-round);background:var(--action-soft);width:36px;height:36px;color:var(--action-text);flex:none;place-items:center;font-size:14px;font-weight:800;display:grid}.coming-soon{border-radius:var(--radius-round);background:var(--sunken);height:24px;color:var(--text-2);white-space:nowrap;align-items:center;padding:0 8px;font-size:14px;font-weight:700;display:inline-flex}@media (prefers-reduced-motion:no-preference){.not-here{animation:not-here .36s var(--ease)}}@keyframes not-here{20%{transform:translate(-5px)}45%{transform:translate(4px)}70%{transform:translate(-2px)}}.tip{z-index:20;border-radius:var(--radius);background:var(--pine);max-width:320px;color:var(--on-dark);box-shadow:var(--shadow-3);pointer-events:none;align-items:flex-start;gap:10px;padding:12px 14px;font-size:14px;font-weight:600;line-height:20px;display:flex;position:fixed}.tip.label{white-space:nowrap;max-width:none;padding:8px 12px;display:block;transform:translateY(-50%)}.tip:before{content:"";background:var(--pine);border-radius:2px;width:12px;height:12px;position:absolute;top:16px;left:-6px;transform:rotate(45deg)}.tip.label:before{margin-top:-6px;top:50%}.tip b{font-weight:800}@media (prefers-reduced-motion:no-preference){.tip{animation:tip-in .24s var(--ease) both}.tip.label{animation-duration:.16s}}@keyframes tip-in{0%{opacity:0;translate:-8px}}@media (max-width:899px){.frame{flex-direction:column;height:auto;display:flex;position:fixed;inset:0}.work-area{flex:1}}}.test-frame{z-index:900;pointer-events:none;position:fixed;inset:0}.test-border{opacity:.85;border:7px solid #d6007a;position:absolute;inset:0;box-shadow:inset 0 0 22px #d6007a73}.test-banner{color:var(--on-dark);white-space:nowrap;background:#d6007a;border-radius:0 0 12px 12px;padding:4px 16px 5px;font-size:14px;font-weight:750;line-height:1.2;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000040}@media (max-width:899px){.test-banner span{display:none}}