html:has(.tf-root){background:var(--tf-color-bg-canvas)}html:has(.tf-root) body{background:var(--tf-color-bg-canvas)}.tf-shell{background-image:radial-gradient(circle at 50% -6%, var(--tf-atmos-teal), transparent 40rem), radial-gradient(circle at 92% 12%, var(--tf-atmos-cyan), transparent 32rem);min-height:100vh;background-repeat:no-repeat;background:var(--tf-color-bg-canvas);min-height:100svh;color:var(--tf-color-text-primary);flex-direction:column;display:flex}.tf-shell-skip{left:var(--tf-space-4);top:var(--tf-space-4);z-index:300;padding:var(--tf-space-3) var(--tf-space-4);background:var(--tf-color-bg-elevated);border:1px solid var(--tf-color-border-strong);border-radius:var(--tf-radius-md);box-shadow:var(--tf-shadow-lg);font-family:var(--tf-font-sans);font-size:var(--tf-text-label-size);font-weight:var(--tf-weight-semibold);color:var(--tf-color-text-primary);transform:translateY(calc(-100% - var(--tf-space-8)));transition:transform var(--tf-duration-fast) var(--tf-ease-out);text-decoration:none;position:absolute}.tf-shell-skip:focus{transform:translateY(0)}.tf-shell-header{z-index:60;border-bottom:1px solid var(--tf-color-border-subtle);background:var(--tf-color-bg-canvas);transition:box-shadow var(--tf-duration-base) var(--tf-ease-out), background-color var(--tf-duration-base) var(--tf-ease-out);position:sticky;top:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.tf-shell-header{background:color-mix(in srgb, var(--tf-color-bg-canvas) 76%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.3);backdrop-filter:blur(16px)saturate(1.3)}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.tf-shell-header{background:var(--tf-color-bg-canvas);-webkit-backdrop-filter:none;backdrop-filter:none}}.tf-shell-header-scrolled{box-shadow:var(--tf-shadow-sm)}.tf-shell-header-inner{align-items:center;gap:var(--tf-space-4);min-height:60px;padding-block:var(--tf-space-3);display:flex}@media (min-width:1024px){.tf-shell-header-inner{min-height:68px}}.tf-shell-brand{align-items:center;gap:var(--tf-space-2);color:inherit;border-radius:var(--tf-radius-md);flex:none;text-decoration:none;display:inline-flex}.tf-shell-brand:focus-visible{box-shadow:var(--tf-ring-focus);outline:none}@media (max-width:480px){.tf-shell-brand .tf-brand-lockup{width:auto;height:34px}}.tf-shell-nav{display:none}@media (min-width:1024px){.tf-shell-nav{align-items:center;gap:2px;margin-left:auto;display:flex}}.tf-shell-nav-link{align-items:center;gap:var(--tf-space-2);padding:var(--tf-space-2) var(--tf-space-3);min-height:var(--tf-touch-min);border-radius:var(--tf-radius-md);font-family:var(--tf-font-sans);font-size:var(--tf-text-body-sm-size);font-weight:var(--tf-weight-medium);color:var(--tf-color-text-secondary);transition:var(--tf-transition-colors);text-decoration:none;display:inline-flex}.tf-shell-nav-link:hover{background:var(--tf-color-bg-sunken);color:var(--tf-color-text-primary)}.tf-shell-nav-link:focus-visible{box-shadow:var(--tf-ring-focus);outline:none}.tf-shell-nav-rewards{color:var(--tf-color-accent-bright);font-weight:var(--tf-weight-semibold);white-space:nowrap}.tf-shell-nav-link-current{color:var(--tf-color-text-primary);font-weight:var(--tf-weight-semibold);background:var(--tf-color-bg-sunken)}.tf-shell-header-actions{align-items:center;gap:var(--tf-space-2);margin-left:auto;display:flex}@media (min-width:1024px){.tf-shell-header-inner{gap:2px}.tf-shell-header-actions{gap:2px;margin-left:0}.tf-shell-header-actions>.btn,.tf-shell-header-actions>.tf-shell-create{margin-inline:var(--tf-space-1)}.tf-shell-nav-link{padding-inline:var(--tf-space-2)}.tf-shell-header-account{gap:var(--tf-space-1);margin-left:var(--tf-space-2)}}.tf-shell-header-account{align-items:center;gap:var(--tf-space-2);display:flex}@media (max-width:767px){.tf-shell-header-inner{row-gap:var(--tf-space-2);flex-wrap:wrap}.tf-shell-header-account{order:1;margin-left:auto}.tf-shell-header-actions{justify-content:flex-end;gap:var(--tf-space-1);flex-wrap:nowrap;order:2;width:100%;min-width:0}.tf-shell-header-actions:empty{display:none}.tf-shell-header-actions .tf-shell-nav-link{padding-inline:var(--tf-space-2)}.tf-shell-header-actions .tf-shell-iconlink,.tf-shell-header-actions .tf-bell-trigger{width:36px;height:36px}.tf-shell-header-actions .tf-shell-account{padding:3px}.tf-shell-header-actions{position:relative}.tf-shell-header-actions .tf-bell{position:static}.tf-shell-header-actions .tf-bell-panel{width:auto;left:0;right:0}.tf-shell-header-actions .tf-bell-badge{top:-4px;right:-4px}}.tf-shell-header:has(.tf-bell-panel){z-index:95}.tf-shell-context{border-bottom:1px solid var(--tf-color-border-subtle);background:var(--tf-color-bg-surface)}a.btn.tf-shell-create{white-space:nowrap;background:var(--tf-gradient-accent);color:var(--tf-color-text-on-accent);border-radius:var(--tf-radius-pill);box-shadow:var(--tf-shadow-accent);border:none;flex:none;padding:8px 15px;font-size:13px}a.btn.tf-shell-create:hover{background:var(--tf-gradient-accent);filter:brightness(1.06);border:none}@media (max-width:480px){a.btn.tf-shell-create{padding:7px 12px;font-size:12px}}.tf-shell-main{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.tf-shell-route,.tf-page-immersive{flex-direction:column;flex:1;min-height:0;display:flex}@media (max-width:1023px){.tf-shell-main{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}.tf-shell-no-tabbar .tf-shell-main{padding-bottom:0}}.tf-page-standard{width:100%;max-width:var(--tf-width-content);padding-inline:var(--tf-gutter);padding-block:var(--tf-space-6);margin-inline-start:auto;margin-inline-end:auto}.tf-page-wide{width:100%;max-width:var(--tf-width-wide);padding-inline:var(--tf-gutter);padding-block:var(--tf-space-6);margin-inline-start:auto;margin-inline-end:auto}.tf-page-immersive{width:100%;max-width:none;margin:0;padding:0}.tf-page-transactional{width:100%;max-width:640px;padding-inline:var(--tf-gutter);padding-block:var(--tf-space-8);margin-inline-start:auto;margin-inline-end:auto}.tf-shell-mobilenav{z-index:70;border-top:1px solid var(--tf-color-border-subtle);background:var(--tf-color-bg-canvas);padding-bottom:env(safe-area-inset-bottom,0px);display:flex;position:fixed;bottom:0;left:0;right:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.tf-shell-mobilenav{background:color-mix(in srgb, var(--tf-color-bg-canvas) 86%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.3);backdrop-filter:blur(18px)saturate(1.3)}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.tf-shell-mobilenav{background:var(--tf-color-bg-canvas);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (min-width:1024px){.tf-shell-mobilenav{display:none}}.tf-shell-mobilenav-typing{display:none}.tf-shell-tab{min-height:56px;padding:var(--tf-space-2) var(--tf-space-1);color:var(--tf-color-text-muted);font-family:var(--tf-font-sans);font-size:.6875rem;font-weight:var(--tf-weight-medium);transition:color var(--tf-duration-fast) var(--tf-ease-out);-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.tf-shell-tab:focus-visible{box-shadow:var(--tf-ring-focus);border-radius:var(--tf-radius-md);outline:none}.tf-shell-tab-current{color:var(--tf-color-text-primary);font-weight:var(--tf-weight-semibold)}.tf-shell-tab-icon{font-size:19px;line-height:1;display:block}.tf-shell-tab-dot{border-radius:var(--tf-radius-circle);background:var(--tf-color-accent);width:4px;height:4px;margin-top:1px}.tf-shell-route{animation:tf-route-enter var(--tf-duration-base) var(--tf-ease-out)}@keyframes tf-route-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.tf-shell-route{animation:none}}@media (max-width:899px){.tf-shell-bare-phone .tf-shell-header{display:none}.tf-shell-bare-phone .tf-shell-main{padding-top:0}}.tf-theme-toggle{cursor:pointer;border-radius:var(--tf-radius-pill);background:0 0;border:none;flex:none;padding:0;line-height:0}.tf-theme-toggle:focus-visible{box-shadow:var(--tf-ring-focus);outline:none}.tf-theme-toggle-track{border:1px solid var(--tf-color-border-strong);border-radius:var(--tf-radius-pill);background:var(--tf-color-bg-surface);grid-template-columns:1fr 1fr;align-items:center;width:62px;height:32px;padding:3px;display:grid;position:relative}.tf-theme-toggle-thumb{border-radius:var(--tf-radius-pill);background:var(--tf-color-accent);width:28px;height:24px;transition:transform var(--tf-duration-base) var(--tf-ease-out);position:absolute;top:3px;left:3px}.tf-theme-toggle[aria-checked=true] .tf-theme-toggle-thumb{transform:translate(26px)}.tf-theme-toggle-face{z-index:1;transition:color var(--tf-duration-base) var(--tf-ease-out);place-items:center;font-size:13px;line-height:1;display:grid;position:relative}.tf-theme-toggle-dark{color:var(--tf-color-text-on-accent)}.tf-theme-toggle-light,.tf-theme-toggle[aria-checked=true] .tf-theme-toggle-dark{color:var(--tf-color-text-muted)}.tf-theme-toggle[aria-checked=true] .tf-theme-toggle-light{color:var(--tf-color-text-on-accent)}@media (prefers-reduced-motion:reduce){.tf-theme-toggle-thumb{transition:none}}.tf-shell-menubtn{cursor:pointer;background:0 0;border:none}.tf-shell-iconlink,.tf-bell-trigger{border-radius:var(--tf-radius-md);width:38px;height:38px;color:var(--tf-color-text-secondary);cursor:pointer;transition:var(--tf-transition-colors);background:0 0;border:1px solid #0000;flex:none;place-items:center;display:grid;position:relative}.tf-shell-iconlink:hover,.tf-bell-trigger:hover{background:var(--tf-color-fill-subtle);color:var(--tf-color-text-primary)}.tf-shell-iconlink[aria-current=page]{color:var(--tf-color-accent-bright);background:var(--tf-color-accent-tint)}.tf-bell{position:relative}.tf-bell-badge{border-radius:var(--tf-radius-pill);background:var(--tf-color-accent);min-width:17px;height:17px;color:var(--tf-color-text-on-accent);font-family:var(--tf-font-sans);font-size:10px;font-weight:var(--tf-weight-semibold);box-shadow:0 0 0 2px var(--tf-color-bg-canvas);place-items:center;padding:0 4px;line-height:1;display:grid;position:absolute;top:3px;right:2px}.tf-bell-panel{top:calc(100% + var(--tf-space-2));z-index:200;width:min(22rem, calc(100vw - 2 * var(--tf-gutter)));max-height:min(28rem,70vh);padding:var(--tf-space-2);border:1px solid var(--tf-color-border-subtle);border-radius:var(--tf-radius-lg);background:var(--tf-color-bg-elevated);box-shadow:var(--tf-shadow-lg);position:absolute;right:0;overflow-y:auto}.tf-bell-head{justify-content:space-between;align-items:center;gap:var(--tf-space-3);padding:var(--tf-space-2) var(--tf-space-3) var(--tf-space-3);border-bottom:1px solid var(--tf-color-border-subtle);display:flex}.tf-bell-clear{padding:var(--tf-space-1) var(--tf-space-2);color:var(--tf-color-ai);font-family:var(--tf-font-sans);font-size:var(--tf-text-caption-size);font-weight:var(--tf-weight-semibold);cursor:pointer;background:0 0;border:none}.tf-bell-clear:hover{text-decoration:underline}.tf-bell-older{width:100%;padding:var(--tf-space-3);border-top:1px solid var(--tf-color-border-subtle);display:block}.tf-bell-older:disabled{cursor:default;color:var(--tf-color-text-muted)}.tf-bell-empty{padding:var(--tf-space-6) var(--tf-space-4);color:var(--tf-color-text-muted);text-align:center;margin:0}.tf-bell-list{padding:var(--tf-space-1) 0 0;margin:0;list-style:none}.tf-bell-item{width:100%;padding:var(--tf-space-3);border-radius:var(--tf-radius-md);text-align:left;cursor:pointer;transition:var(--tf-transition-colors);background:0 0;border:none;gap:2px;display:grid}.tf-bell-item:hover{background:var(--tf-color-fill-subtle)}.tf-bell-item-title{font-family:var(--tf-font-sans);font-size:var(--tf-text-body-sm-size);color:var(--tf-color-text-secondary)}.tf-bell-item-unread .tf-bell-item-title{font-weight:var(--tf-weight-semibold);color:var(--tf-color-text-primary)}.tf-bell-item-when{font-family:var(--tf-font-sans);font-size:var(--tf-text-caption-size);color:var(--tf-color-text-faint)}.tf-shell-account{align-items:center;gap:var(--tf-space-2);border:1px solid var(--tf-color-border-subtle);border-radius:var(--tf-radius-pill);color:var(--tf-color-text-secondary);font-family:var(--tf-font-sans);font-size:var(--tf-text-body-sm-size);font-weight:var(--tf-weight-medium);cursor:pointer;transition:var(--tf-transition-colors);background:0 0;flex:none;padding:3px 8px 3px 3px;display:flex}.tf-shell-account:hover{background:var(--tf-color-fill-subtle);border-color:var(--tf-color-border-strong);color:var(--tf-color-text-primary)}.tf-shell-account-name{text-overflow:ellipsis;white-space:nowrap;max-width:8rem;overflow:hidden}@media (max-width:767px){.tf-shell-account-name{display:none}}.tf-shell-account-mark{color:var(--tf-color-text-faint);font-size:11px;line-height:1}@media (max-width:767px){.tf-shell-account-mark{display:none}}.tf-shell-avatar{border-radius:var(--tf-radius-circle);background:var(--tf-color-accent-tint);width:28px;height:28px;color:var(--tf-color-accent-bright);flex:none;place-items:center;display:grid;overflow:hidden}.tf-shell-avatar img{object-fit:cover;width:100%;height:100%;display:block}.tf-shell-avatar-initials{font-family:var(--tf-font-sans);font-size:11px;font-weight:var(--tf-weight-semibold);letter-spacing:.02em;line-height:1}
