.app-shell{display:flex;block-size:100dvh;overflow:hidden;min-inline-size:0;color:var(--text-primary);background:var(--surface-page);font-family:var(--font-body)}.app-shell *,.app-shell :after,.app-shell :before{box-sizing:border-box}.app-skip{position:fixed;z-index:100;inset-block-start:-5rem;inset-inline-start:1rem;background:var(--surface-card);padding:.75rem}.app-skip:focus{inset-block-start:1rem}.app-sidebar{flex:0 0 236px;min-inline-size:0;border-inline-end:1px solid var(--hairline);background:var(--surface-muted)}.app-sidebar-content{flex-direction:column;block-size:100%;min-block-size:0;padding:1rem .75rem .75rem}.app-brand,.app-sidebar-content{display:flex;color:var(--text-primary)}.app-brand{align-items:center;gap:.625rem;font:500 1.09rem var(--font-heading);letter-spacing:-.022em;text-decoration:none;white-space:nowrap}.app-brand-mark{display:grid;place-items:center;inline-size:22px;block-size:22px;flex:none;border-radius:var(--radius-md);background:var(--text-primary);color:var(--surface-page)}.app-desktop-brand{padding:0 .5rem 1rem}.app-primary-nav{display:grid;gap:1px}.app-primary-nav a{display:flex;align-items:center;gap:.625rem;padding:.5rem .625rem;color:color-mix(in srgb,var(--text-primary) 70%,transparent);text-decoration:none;border-radius:var(--radius-lg);font-size:.84rem;transition:background-color .15s,color .15s}.app-primary-nav a:hover{background:var(--fill-hover);color:var(--text-primary)}.app-primary-nav .app-nav-parent[data-active],.app-primary-nav a[aria-current=page]{background:var(--fill-selected);color:var(--text-primary);font-weight:600}.app-nav-children{display:grid;gap:1px;margin:0 0 .5rem 1rem;padding:.25rem 0 .25rem .5rem;border-inline-start:1px solid var(--hairline-strong);list-style:none}.app-primary-nav .app-nav-children a{box-sizing:border-box;min-block-size:2rem;padding-block:.375rem;border:1px solid transparent;font-size:.8125rem;color:var(--ink-muted)}.app-primary-nav .app-nav-children a[aria-current=page]{background:var(--surface-page);border-color:var(--hairline-strong);color:var(--text-primary);font-weight:500;box-shadow:none}@media (max-width:767px){.app-primary-nav a{box-sizing:border-box;min-block-size:44px}}.app-spaces-heading{display:flex;align-items:center;justify-content:space-between;padding:1.25rem .625rem .375rem}.app-spaces-heading h2{margin:0;color:var(--ink-muted);font:600 .656rem var(--font-body);text-transform:uppercase;letter-spacing:.09em}.app-spaces-heading a{display:grid;place-items:center;inline-size:1.5rem;block-size:1.5rem;color:var(--ink-muted);border-radius:var(--radius-sm)}.app-spaces-heading a:hover{color:var(--text-primary);background:var(--fill-hover)}.app-spaces-scroll{flex:1 1;min-block-size:0;overflow-y:auto}.app-space-list{list-style:none;margin:0;padding:0}.app-space-row{border-radius:var(--radius-lg)}.app-space-row:focus-within,.app-space-row:hover{background:var(--fill-hover)}.app-space-line{display:flex;align-items:center;gap:.5rem;min-inline-size:0;padding:.125rem .25rem .125rem .625rem}.app-space-dot{inline-size:10px;block-size:10px;flex:none;border-radius:var(--radius-full);background:var(--sp-dot,var(--ink-faint));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text-primary) 10%,transparent)}.app-space-hidden .app-space-dot{background:transparent;box-shadow:inset 0 0 0 1.5px var(--sp-dot,var(--ink-faint))}.app-space-name{flex:1 1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem}.app-space-badge,.app-space-hidden .app-space-name{color:var(--ink-muted)}.app-space-badge{flex:none;padding:1px .25rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--text-primary) 9%,transparent);font-size:.625rem;font-weight:600}.app-space-line .tm-icon-button{min-inline-size:1.75rem;min-block-size:1.75rem;border-color:transparent;background:transparent;color:var(--ink-muted);border-radius:var(--radius-md)}.app-space-line .tm-icon-button:hover{color:var(--text-primary);background:var(--fill-hover)}.app-space-line .tm-icon-button svg{inline-size:14px;block-size:14px}.app-space-line .tm-action-menu{flex:none}.app-space-badges{display:flex;gap:.35rem;flex-wrap:wrap;padding:0 .5rem .35rem 1.75rem;color:var(--ink-muted);font-size:.6875rem}.app-space-badges span{border:1px solid var(--hairline-strong);border-radius:var(--radius-full);padding:.05rem .4rem}.app-space-row>p[role=alert]{margin:0 .625rem .375rem 1.75rem;font-size:.75rem}.app-spaces-scroll>button,.app-spaces-scroll>p{margin:.25rem .625rem;font-size:.75rem}.app-space-note{margin:.375rem .625rem 0;color:var(--ink-muted);font-size:.6875rem;line-height:1.4}.app-account-footer{display:flex;align-items:center;gap:.3rem;border-block-start:1px solid var(--hairline);padding:.5rem .25rem 0 .5rem;min-inline-size:0}.app-account-footer>.app-account-name{display:flex;align-items:center;gap:.625rem;flex:1 1;min-inline-size:0;min-block-size:2rem;padding:.25rem;border-radius:var(--radius-md);color:var(--text-primary);font-size:.78rem;text-decoration:none}.app-account-name>span:last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-account-footer>a:not(.app-account-name){display:grid;place-items:center;inline-size:1.875rem;min-inline-size:1.875rem;block-size:1.875rem;min-block-size:1.875rem;color:var(--ink-muted);border:0;border-radius:var(--radius-md);background:transparent}.app-account-footer>a:hover{color:var(--text-primary);background:var(--fill-hover)}.app-account-footer svg{inline-size:15px;block-size:15px}.app-account-footer .tm-member-initials,.app-account-placeholder{display:grid;place-items:center;flex:none;inline-size:26px;block-size:26px;border-radius:var(--radius-full);background:var(--sp-tint,color-mix(in srgb,var(--text-primary) 9%,transparent));color:var(--sp-ink,var(--text-primary));box-shadow:0 0 0 2px var(--surface-muted);font-size:.65rem;font-weight:600}.app-main{flex:1 1;min-inline-size:0;min-block-size:0;overflow:auto;overscroll-behavior:contain}.app-main>p{margin:1.5rem;color:var(--ink-muted);font:400 .8125rem/1.5 var(--font-body)}.app-mobile-header{display:none}.app-drawer-head{display:flex;align-items:center;justify-content:space-between;margin-block-end:.5rem}.app-shell .access-shell{min-height:0;background:transparent;color:var(--text-primary);font-family:var(--font-body)}.app-shell .access-page{max-width:none;padding:2rem clamp(1rem,3vw,3rem) 4rem}.app-shell .access-footer,.app-shell .access-header{display:none}.app-shell .access-shell h1{font-family:var(--font-heading)}.app-shell .ideas-page{display:block}.app-shell .ideas-page>aside{display:none}.app-shell .ideas-page>div{max-width:60rem}.app-shell :is(.creation-shell,.transfer-shell,.invitation-shell){min-block-size:0;background:var(--surface-page);color:var(--text-primary);font-family:var(--font-body)}.app-shell :is(.creation-card,.invitation-card){background:var(--surface-card);color:var(--text-primary);border-color:var(--line-subtle);border-radius:var(--radius-lg)}.app-shell :is(.creation-brand,.transfer-brand){display:none}.app-shell :is(a,button,input,textarea):focus-visible{outline:2px solid var(--focus-ink);outline-offset:2px}@media (max-width:900px){.app-shell{flex-direction:column}.app-sidebar{display:none}.app-mobile-header{display:flex;align-items:center;gap:1rem;flex:none;padding:.6rem 1rem;border-block-end:1px solid var(--line-subtle)}.app-shell .tm-drawer{inset:0 auto 0 0;inline-size:min(22rem,85vw);background:var(--surface-muted)}.app-shell .tm-drawer-panel{display:flex;flex-direction:column;padding:.75rem}.app-shell .tm-drawer-panel .app-sidebar-content{padding:0}.app-space-line .tm-icon-button{min-inline-size:var(--control-size);min-block-size:var(--control-size)}.app-shell .tm-drawer-panel>.app-sidebar-content{flex:1 1}.app-shell .app-desktop-brand{display:none}}@media (max-width:600px){.app-shell .access-page{padding:1rem 1rem 3rem}}.app-shell[data-cooking] .app-main{display:flex;flex-direction:column;overflow:hidden}