.app-shell{background:var(--bg,#fafaf9);grid-template-columns:260px 1fr;width:100vw;height:100vh;display:grid}.app-main{flex-direction:column;min-width:0;height:100vh;display:flex;position:relative;overflow:hidden}.skip-to-content{z-index:200;font-size:var(--text-sm,13px);color:var(--text-on-bloom,#fff);background:var(--accent-default,#0d0d0d);border-radius:var(--radius-md,10px);box-shadow:var(--shadow-md);transition:transform var(--motion-fast,.12s)var(--ease-standard,ease);padding:8px 14px;font-weight:500;text-decoration:none;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-to-content:focus-visible,.skip-to-content:focus{outline:2px solid var(--ring-focus,#f0a0748c);outline-offset:2px;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.skip-to-content{transition:none}}@media (max-width:768px){.app-shell{grid-template-columns:1fr}.app-sidebar{z-index:120;width:min(86vw,300px);box-shadow:var(--shadow-modal,var(--shadow-lg));transition:transform var(--motion-base,.22s)var(--ease-entrance,ease);position:fixed;top:0;left:0;transform:translate(-100%)}html[data-sidebar-mobile=open] .app-sidebar{transform:translate(0)}}@media (max-width:768px) and (prefers-reduced-motion:reduce){.app-sidebar{transition:none}}.sidebar-mobile-scrim{z-index:110;cursor:default;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);width:100%;height:100%;animation:sidebar-scrim-in var(--motion-fast,.12s)var(--ease-standard,ease)both;background:0 0;border:none;padding:0;display:none;position:fixed;inset:0}@media (max-width:768px){.sidebar-mobile-scrim{display:block}}@keyframes sidebar-scrim-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.sidebar-mobile-scrim{animation:none}}.app-main>.app-content{flex:1;max-width:none;padding:0;position:relative;overflow:auto}.app-shell :is(a,button,[tabindex]):focus-visible,.app-topbar :is(a,button,[tabindex]):focus-visible{outline:2px solid var(--ring-focus,#f0a0748c);outline-offset:2px;border-radius:var(--radius-sm,6px)}#app-main-content:focus,#app-main-content:focus-visible{outline:none}.app-bg{z-index:-1;pointer-events:none;background:radial-gradient(ellipse 60% 50% at 12% 8%,var(--pagebloom-warm,#ffdcc373),transparent 55%),radial-gradient(ellipse 80% 60% at 95% 100%,var(--pagebloom-cool,#ccdeff47),transparent 60%),radial-gradient(ellipse 70% 50% at 60% 50%,var(--pagebloom-cream,#fff6e68c),transparent 70%),var(--bg,#fafaf9);position:fixed;inset:0}
.mode-banner{z-index:70;font-family:var(--font-mono,"Geist Mono",ui-monospace,monospace);color:#fff1ec;text-transform:uppercase;letter-spacing:.14em;pointer-events:none;-webkit-user-select:none;user-select:none;background:linear-gradient(180deg,var(--mode-banner-live-from,#b14a33)0%,var(--mode-banner-live-to,#8c3320)100%);border:1px solid #ffdcc82e;border-radius:999px;align-items:center;gap:8px;padding:7px 11px 7px 9px;font-size:10.5px;font-weight:600;display:inline-flex;position:fixed;bottom:16px;left:16px;box-shadow:inset 0 1px #ffe6d238,inset 0 -1px #50140559,0 6px 18px -6px #8c321e8c,0 1px 2px #00000026}.mode-banner[data-mode=sandbox]{color:#e9eaff;background:linear-gradient(180deg,var(--mode-banner-sandbox-from,#4c52b3)0%,var(--mode-banner-sandbox-to,#353a82)100%);border-color:#dcdeff2e;box-shadow:inset 0 1px #e6e8ff38,inset 0 -1px #12164659,0 6px 18px -6px #3c46b48c,0 1px 2px #00000026}.mode-banner__dot{background:#ffd4c2;border-radius:999px;width:7px;height:7px;animation:1.8s ease-in-out infinite mode-banner-pulse;box-shadow:0 0 0 2px #ffc8aa47,0 0 8px #ffb48cb3}.mode-banner[data-mode=sandbox] .mode-banner__dot{background:#c4c8ff;box-shadow:0 0 0 2px #b4bcff47,0 0 8px #96a0ffb3}@keyframes mode-banner-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.92)}}@media (prefers-reduced-motion:reduce){.mode-banner__dot{animation:none}}
.app-sidebar{z-index:50;background:var(--paper-55);border-right:1px solid var(--ink-6);-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);flex-direction:column;gap:12px;width:260px;height:100vh;padding:14px 12px 14px 14px;display:flex;position:relative}.app-sidebar__brand{color:var(--fg);align-items:center;gap:8px;padding:14px 14px 8px;display:flex}.sidebar-org{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;transition:background .16s;display:flex}.sidebar-org:hover,.sidebar-org[data-open=true]{background:var(--ink-4)}.sidebar-org[data-pin-active=true]{box-shadow:inset 0 0 0 1.5px var(--accent-sage,var(--ink-8))}.org-mark{width:30px;height:30px;color:var(--fg);letter-spacing:-.02em;background:radial-gradient(120% 200% at 30% 0%,var(--paper-95),var(--paper-65)45%,var(--paper-45)75%,var(--paper-35)100%),linear-gradient(180deg,var(--paper-55),var(--paper-25));border:1px solid var(--paper-85);box-shadow:inset 0 1.2px 0 var(--paper-95),inset 0 -1px 0 var(--paper-35),0 1px 2px var(--warm-ink-6);-webkit-backdrop-filter:blur(14px)saturate(180%);backdrop-filter:blur(14px)saturate(180%);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:inline-flex}.sidebar-org__label{flex:1;min-width:0}.sidebar-org__name{text-overflow:ellipsis;letter-spacing:-.005em;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.sidebar-org__sub{text-overflow:ellipsis;color:var(--fg-soft);white-space:nowrap;font-family:Geist Mono,ui-monospace,monospace;font-size:11px;overflow:hidden}.new-action-btn{width:calc(100% - 8px);color:var(--fg);letter-spacing:-.005em;cursor:pointer;background:radial-gradient(120% 200% at 30% 0%,var(--paper-95),var(--paper-65)45%,var(--paper-45)75%,var(--paper-35)100%),linear-gradient(180deg,var(--paper-55),var(--paper-25));border:1px solid var(--paper-85);box-shadow:inset 0 1.2px 0 var(--paper-95),inset 0 -1px 0 var(--paper-35),0 1px 2px var(--warm-ink-6),0 8px 22px -10px var(--warm-ink-18);-webkit-backdrop-filter:blur(14px)saturate(180%);backdrop-filter:blur(14px)saturate(180%);border-radius:12px;align-items:center;gap:8px;margin:0 4px 6px;padding:10px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:transform .14s,box-shadow .14s;display:flex}.new-action-btn:hover{box-shadow:inset 0 1.2px 0 var(--paper-95),inset 0 -1px 0 var(--paper-35),0 12px 30px -10px var(--warm-ink-22),0 2px 6px var(--warm-ink-8);transform:translateY(-1px)}.new-action-btn__kbd{color:var(--fg-soft);margin-left:auto;font-family:Geist Mono,ui-monospace,monospace;font-size:10px;font-weight:500}.app-sidebar__nav{flex:1;padding:4px 10px 16px;overflow-y:auto}.app-sidebar__group{margin-bottom:14px}.app-sidebar__group-items{flex-direction:column;gap:1px;display:flex}.nav-group-label{color:var(--fg-soft);text-transform:uppercase;letter-spacing:.14em;padding:12px 10px 6px;font-size:10px;font-weight:500}.nav-item{width:100%;color:var(--fg-muted);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:7px 10px;font-family:inherit;font-size:13.5px;text-decoration:none;transition:background .14s,color .14s;display:flex}.nav-item:hover{color:var(--fg);background:var(--ink-4)}.nav-item.active{color:var(--fg);background:var(--paper-95);box-shadow:0 1px 0 var(--paper-90)inset,0 1px 2px var(--ink-4),0 0 0 1px var(--ink-5);font-weight:500}.nav-item__icon{width:14px;height:14px;color:var(--fg-soft);flex-shrink:0;display:inline-flex}.nav-item.active .nav-item__icon{color:var(--fg)}.nav-item__label{text-align:left;flex:1}.nav-badge{font-variant-numeric:tabular-nums;text-align:center;border-radius:999px;justify-content:center;align-items:center;min-width:18px;margin-left:auto;padding:1px 6px;font-family:Geist Mono,ui-monospace,monospace;font-size:10.5px;transition:opacity .14s ease-out;display:inline-flex}.nav-badge--info{color:var(--color-info);background:color-mix(in srgb,var(--color-info)12%,transparent)}.nav-badge--attention{color:var(--color-attention,#c1410c);background:color-mix(in srgb,var(--matter-orange)12%,transparent)}.nav-badge--urgent{color:var(--color-error);background:color-mix(in srgb,var(--color-error)12%,transparent)}@media (prefers-reduced-motion:reduce){.nav-badge{transition:none}}.icon-btn{width:26px;height:26px;color:var(--fg-soft);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;transition:background .14s,color .14s;display:inline-flex}.icon-btn:hover{color:var(--fg);background:var(--ink-5)}.sidebar-footer{border-top:1px solid var(--ink-6);align-items:center;gap:10px;margin-top:auto;padding:10px;display:flex}.sidebar-footer__avatar{width:26px;height:26px;color:var(--paper-50,#fff);background:var(--action-create,#3f88c8);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:inline-flex}.sidebar-footer__id{flex:1;min-width:0}.sidebar-footer__name{text-overflow:ellipsis;color:var(--fg);white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.sidebar-footer__role{text-overflow:ellipsis;color:var(--fg-soft);white-space:nowrap;font-size:10.5px;overflow:hidden}.org-switcher-panel{z-index:90;background:var(--paper-95);border:1px solid var(--ink-8,#0d0d0d14);width:min(380px,100vw - 28px);box-shadow:0 1px 0 var(--paper-90)inset,0 0 0 1px var(--ink-5),0 24px 64px -20px var(--warm-ink-28),0 12px 24px -8px var(--warm-ink-12),0 2px 6px -2px var(--warm-ink-12);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);border-radius:16px;padding:6px;animation:.14s ease-out both org-switcher-panel-in;position:absolute;top:116px;left:14px}@media (prefers-reduced-motion:reduce){.org-switcher-panel{animation:none}}@keyframes org-switcher-panel-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.org-switcher-panel__scrim{z-index:80;background:0 0;position:fixed;inset:0}.org-switcher-panel__header{align-items:center;gap:8px;padding:8px 10px 6px;display:flex}.org-switcher-panel__heading{flex:1;padding:0}.org-switcher-panel__toggles{flex-shrink:0;align-items:center;gap:4px;display:inline-flex}.org-switcher-panel__toggle,.org-switcher-panel__toggle-glyph{width:22px;height:22px;color:var(--fg-soft);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.org-switcher-panel__toggle{cursor:pointer;transition:background .14s,color .14s}.org-switcher-panel__toggle:hover{color:var(--fg);background:var(--ink-5)}.org-switcher-panel__item{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;transition:background .14s,box-shadow .14s;display:flex}.org-switcher-panel__item--text{padding:7px 10px}.org-switcher-panel__item:hover:not([data-active=true]){background:var(--paper-70);box-shadow:inset 0 0 0 1px var(--ink-5),0 1px 0 var(--paper-70)inset}.org-switcher-panel__item[data-active=true]{background:var(--paper-85);box-shadow:inset 0 0 0 1px var(--ink-6),0 1px 0 var(--paper-70)inset}.org-switcher-panel__divider{background:var(--ink-6);height:1px;margin:6px 4px}