:root{--shell-sidebar-width:calc(var(--space-6)*9)}.app-shell{min-height:100svh;display:flex}.shell-brand{align-items:baseline;gap:var(--space-2);color:var(--color-text-on-ink);font-size:var(--font-size-sm);letter-spacing:-.045em;white-space:nowrap;font-weight:790;text-decoration:none;display:inline-flex}.shell-brand:before{border:1.5px solid var(--thread-moss);content:"";border-radius:100% 0;flex:none;width:.53rem;height:.85rem;transform:rotate(-29deg)}.shell-brand em{color:var(--thread-moss);font-style:normal;font-weight:590}.shell-sidebar{width:var(--shell-sidebar-width);gap:var(--space-4);border-right:1px solid var(--color-line-on-ink);height:100svh;padding:var(--space-4);background:var(--color-ink-900);flex-direction:column;display:none;position:sticky;top:0}.shell-sidebar-brand{padding:var(--space-2)var(--space-1)var(--space-3)}.shell-nav{gap:var(--space-1);flex:1;min-height:0;display:grid}.shell-nav-link{min-height:var(--control-min);align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);padding:0 var(--space-3);color:var(--color-text-muted-on-ink);font-size:var(--font-size-sm);white-space:nowrap;transition:background var(--duration-fast)ease,color var(--duration-fast)ease;background:0 0;border:0;text-decoration:none;display:inline-flex}.shell-nav-link svg{width:var(--space-4);height:var(--space-4);flex:none}.shell-nav-link:hover{color:var(--color-text-on-ink);background:color-mix(in srgb,var(--color-text-on-ink)4%,transparent)}.shell-nav-link.is-selected{background:var(--color-paper-100);color:var(--color-text-on-paper);font-weight:760}.shell-nav-link.is-selected:hover{color:var(--color-text-on-paper);background:var(--color-paper-100)}.shell-situation{min-height:var(--control-min);margin:0 var(--space-1);border-radius:var(--radius-sm);padding:0 var(--space-3);color:var(--color-text-dim-on-ink);font-size:var(--font-size-xs);letter-spacing:.02em;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb,var(--thread-moss)55%,transparent);text-decoration-color:color-mix(in srgb,var(--thread-moss)55%,transparent);text-underline-offset:.28rem;transition:color var(--duration-fast)ease;border:0;align-items:center;font-weight:700;display:inline-flex}.shell-situation:hover,.shell-situation.is-active{color:var(--color-text-on-ink);-webkit-text-decoration-color:color-mix(in srgb,var(--thread-moss)80%,transparent);text-decoration-color:color-mix(in srgb,var(--thread-moss)80%,transparent)}.shell-situation-mobile{white-space:nowrap;min-height:auto;margin:0;padding:0}.shell-mobile-actions{align-items:center;gap:var(--space-3);display:flex}.shell-sidebar-footer{gap:var(--space-3);margin-top:auto;display:grid}.shell-sidebar-auth{padding-top:var(--space-3);border-top:1px solid var(--color-line-on-ink)}.shell-device-banner{justify-content:center;align-items:center;gap:var(--space-2)var(--space-3);padding:var(--space-2)var(--space-3);color:var(--color-text-dim-on-ink);font-size:var(--font-size-xs);text-align:center;flex-wrap:wrap;margin:0;line-height:1.4;display:flex}.shell-device-banner-text{align-items:center;gap:var(--space-2);display:inline-flex}.shell-device-banner-text:before{background:var(--thread-moss);width:.42rem;height:.42rem;box-shadow:0 0 0 4px color-mix(in srgb,var(--thread-moss)12%,transparent);content:"";border-radius:50%;flex:none}.shell-device-banner-link{color:var(--color-text-muted-on-ink);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb,var(--thread-moss)55%,transparent);text-decoration-color:color-mix(in srgb,var(--thread-moss)55%,transparent);text-underline-offset:.22rem;font-weight:700}.shell-device-banner-link:hover{color:var(--color-text-on-ink);-webkit-text-decoration-color:color-mix(in srgb,var(--thread-moss)80%,transparent);text-decoration-color:color-mix(in srgb,var(--thread-moss)80%,transparent)}.shell-sidebar .shell-device-banner{padding:0 var(--space-3);text-align:left;justify-content:flex-start}.shell-bottom-chrome{z-index:20;background:color-mix(in srgb,var(--color-ink-900)92%,transparent);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:grid;position:fixed;bottom:0;left:0;right:0}.shell-bottom-chrome .shell-device-banner{border-bottom:1px solid var(--color-line-on-ink);padding-top:var(--space-2);padding-bottom:var(--space-2)}.shell-merge-overlay{z-index:40;padding:var(--space-5);background:var(--color-overlay);place-items:center;display:grid;position:fixed;inset:0}.shell-merge-dialog{border:1px solid var(--color-line-on-ink);border-radius:var(--radius-lg);width:min(100%,26rem);padding:var(--space-6);background:var(--color-ink-850);box-shadow:var(--shadow-lift)}.shell-merge-eyebrow{margin:0 0 var(--space-2);color:var(--thread-moss);font-size:var(--font-size-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;font-weight:700}.shell-merge-title{margin:0 0 var(--space-3);color:var(--color-text-on-ink);font-size:var(--font-size-lg);letter-spacing:-.03em;font-weight:760;line-height:var(--line-title)}.shell-merge-body{margin:0 0 var(--space-5);color:var(--color-text-muted-on-ink);font-size:var(--font-size-sm);line-height:var(--line-body)}.shell-merge-error{margin:0 0 var(--space-4);color:var(--thread-clay);font-size:var(--font-size-sm)}.shell-merge-actions{gap:var(--space-2);display:grid}.shell-merge-primary,.shell-merge-secondary{min-height:var(--control-min);border-radius:var(--radius-pill);padding:0 var(--space-4);font-size:var(--font-size-sm);letter-spacing:-.015em;transition:transform var(--duration-fast)var(--ease-out);border:0;justify-content:center;align-items:center;font-weight:780;display:inline-flex}.shell-merge-primary{background:var(--color-action);color:var(--color-action-ink)}.shell-merge-secondary{border:1px solid var(--color-line-on-ink);color:var(--color-text-on-ink);background:0 0}.shell-merge-primary:hover:not(:disabled),.shell-merge-secondary:hover:not(:disabled){transform:translateY(-1px)}.shell-merge-primary:disabled,.shell-merge-secondary:disabled,.shell-merge-dismiss:disabled{opacity:.55;cursor:not-allowed}.shell-merge-dismiss{width:100%;margin-top:var(--space-4);color:var(--color-text-dim-on-ink);font-size:var(--font-size-xs);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb,var(--thread-moss)45%,transparent);text-decoration-color:color-mix(in srgb,var(--thread-moss)45%,transparent);text-underline-offset:.22rem;background:0 0;border:0;font-weight:700;display:block}.shell-merge-dismiss:hover:not(:disabled){color:var(--color-text-muted-on-ink)}.shell-main{flex-direction:column;flex:1;min-width:0;display:flex}.shell-mobile-bar{justify-content:space-between;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--color-line-on-ink);padding:var(--space-3)var(--space-4);background:color-mix(in srgb,var(--color-ink-900)86%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex}.shell-content{flex:1;overflow-y:auto}.shell-content-inner{width:min(100%,var(--reading-max));padding:var(--space-6)var(--space-5)calc(var(--space-20) + env(safe-area-inset-bottom,0px));margin:0 auto}.shell-bottom-nav{border-top:1px solid var(--color-line-on-ink);padding:var(--space-2)var(--space-2)calc(var(--space-2) + env(safe-area-inset-bottom,0px))}.shell-bottom-nav .shell-nav{justify-content:space-around;align-items:stretch;gap:var(--space-1);display:flex}.shell-bottom-nav .shell-nav-link{min-height:var(--control-min);justify-content:center;gap:var(--space-1);padding:var(--space-1);font-size:var(--font-size-2xs);letter-spacing:-.01em;text-align:center;white-space:normal;flex-direction:column;flex:1}.shell-bottom-nav .shell-nav-link svg{width:var(--space-5);height:var(--space-5)}.shell-auth{align-items:center;gap:var(--space-2);display:flex}.shell-auth-loading{color:var(--color-text-dim-on-ink);font-size:var(--font-size-xs)}.shell-auth-demo{min-height:var(--control-min);border:1px solid var(--color-line-on-ink);border-radius:var(--radius-pill);padding:0 var(--space-3);background:color-mix(in srgb,var(--color-text-on-ink)4%,transparent);color:var(--color-text-dim-on-ink);font-size:var(--font-size-xs);align-items:center;font-weight:700;display:inline-flex}.shell-auth-signin{min-height:var(--control-min);border-radius:var(--radius-pill);padding:0 var(--space-4);background:var(--color-action);color:var(--color-action-ink);font-size:var(--font-size-sm);letter-spacing:-.015em;transition:transform var(--duration-fast)var(--ease-out);border:0;justify-content:center;align-items:center;font-weight:780;text-decoration:none;display:inline-flex}.shell-auth-signin:hover{transform:translateY(-1px)}.shell-auth-signup{color:var(--color-text-muted-on-ink);font-size:var(--font-size-sm);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb,var(--thread-moss)70%,transparent);text-decoration-color:color-mix(in srgb,var(--thread-moss)70%,transparent);text-underline-offset:.28rem}.shell-auth-signup:hover{color:var(--color-text-on-ink)}.shell-avatar{box-shadow:0 0 0 3px color-mix(in srgb,var(--thread-moss)12%,transparent);flex:none;width:var(--control-min)!important;height:var(--control-min)!important;border:1px solid color-mix(in srgb,var(--thread-moss)50%,transparent)!important;border-radius:50%!important}.shell-auth-signed-label{max-width:9rem;color:var(--color-text-muted-on-ink);font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.shell-cloud-badge{border-radius:var(--radius-pill);padding:var(--space-1)var(--space-2);font-size:var(--font-size-2xs);align-items:center;font-weight:700;display:inline-flex}.shell-cloud-badge.is-cloud{background:var(--thread-moss-wash);color:var(--thread-moss-ink)}.shell-cloud-badge.is-local{background:color-mix(in srgb,var(--color-text-on-ink)6%,transparent);color:var(--color-text-dim-on-ink)}@media (min-width:720px){.shell-sidebar{display:flex}.shell-mobile-bar,.shell-bottom-chrome{display:none}.shell-content-inner{width:min(100%,var(--content-max));padding:var(--space-8)var(--space-8)var(--space-16)}}