.page-tour-backdrop{z-index:100;background:oklch(0% 0 0 / var(--transparent-alpha));position:fixed;inset:0}.page-tour-backdrop[data-dim=true]{background:oklch(var(--neutral-black-channels) / 62%)}.page-tour-spotlight{z-index:101;box-shadow:0 0 0 200vmax oklch(var(--neutral-black-channels) / 62%);outline:2px solid oklch(var(--neutral-white-channels) / 90%);pointer-events:none;border-radius:.875rem;position:fixed}.page-tour-spotlight[data-gliding=true]{transition:left var(--duration-normal) var(--ease-premium), top var(--duration-normal) var(--ease-premium), width var(--duration-normal) var(--ease-premium), height var(--duration-normal) var(--ease-premium)}.page-tour-ring{border:2px solid var(--accent-primary);opacity:0;animation:page-tour-ring 1.5s var(--ease-premium) .25s 3;border-radius:1rem;position:absolute;inset:-3px}@keyframes page-tour-ring{0%{opacity:.95;inset:-3px}75%,to{opacity:0;inset:-16px}}.page-tour-card{z-index:102;box-sizing:border-box;background:var(--dialog-surface);border:1px solid var(--surface-edge);border-radius:var(--radius-lg);box-shadow:0 .75rem 2rem oklch(var(--neutral-black-channels) / 28%);color:var(--text-main);flex-direction:column;gap:.5rem;padding:.875rem 1rem .875rem 1.125rem;display:flex;position:fixed}.page-tour-card:focus{outline:none}.page-tour-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.page-tour-count{font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:.75rem;font-weight:600}.page-tour-skip{min-height:2.75rem;color:var(--text-muted);border-radius:999px;margin:-.5rem -.375rem -.5rem 0;padding:0 .625rem;font-size:.8125rem;font-weight:600}.page-tour-skip:hover{background:oklch(var(--ink-channels) / 6%);color:var(--text-main)}.page-tour-step{animation:page-tour-step var(--duration-normal) var(--ease-premium)}@keyframes page-tour-step{0%{opacity:0;transform:translateY(.25rem)}}.page-tour-title{font-family:var(--font-display), Georgia, serif;color:var(--text-main);font-size:1.25rem;font-weight:600;line-height:1.25}.page-tour-title:focus{outline:none}.page-tour-body{color:var(--text-muted);margin-top:.25rem;font-size:.9375rem;line-height:1.5}.page-tour-controls{justify-content:space-between;align-items:center;gap:.75rem;margin-top:.25rem;display:flex}.page-tour-arrow{background:oklch(var(--ink-channels) / 7%);width:2.75rem;height:2.75rem;color:var(--text-main);transition:background var(--duration-fast) var(--ease-premium);border-radius:999px;flex:none;place-items:center;display:grid}.page-tour-arrow svg{width:1.25rem;height:1.25rem}.page-tour-arrow:hover{background:oklch(var(--ink-channels) / 12%)}.page-tour-arrow:disabled{opacity:.35;cursor:default}.page-tour-arrow--next{background:var(--accent-primary);color:var(--on-accent)}.page-tour-arrow--next:hover{background:var(--accent-strong)}.page-tour-dots{flex-wrap:wrap;justify-content:center;align-items:center;gap:.375rem;min-width:0;display:flex}.page-tour-dot{background:oklch(var(--ink-channels) / 18%);border-radius:999px;width:.375rem;height:.375rem}.page-tour-dot[data-current=true]{background:var(--accent-primary);width:1.125rem}@media not (min-width:37.5rem){.page-tour-card{left:.75rem;right:.75rem}.page-tour-card[data-dock=bottom]{bottom:calc(.75rem + env(safe-area-inset-bottom,0px))}.page-tour-card[data-dock=top]{top:calc(var(--mobile-topbar-block) + .75rem)}.page-tour-arrow{width:3rem;height:3rem}}@media (37.5rem<=width<75rem){.page-tour-card{width:min(22rem,100vw - 2rem)}.page-tour-card[data-gliding=true]{transition:left var(--duration-normal) var(--ease-premium), top var(--duration-normal) var(--ease-premium)}}@media (min-width:75rem){.page-tour-card{width:24rem;padding:1rem 1.125rem 1rem 1.375rem}.page-tour-card[data-gliding=true]{transition:left var(--duration-normal) var(--ease-premium), top var(--duration-normal) var(--ease-premium)}.page-tour-title{font-size:1.375rem}.page-tour-body{font-size:1rem}}
.app-container{width:100%;max-width:100%;min-height:100dvh;position:relative;overflow-x:clip}.app-shell-backdrop{background:var(--scrim);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-premium), visibility 0s linear var(--duration-normal);z-index:40;border:0;padding:0;position:fixed;inset:0}.app-sidebar{width:min(86vw,18rem);height:100dvh;padding:clamp(.625rem,2.5dvh,1rem) .75rem;padding-left:max(.75rem, env(safe-area-inset-left,0px));background:var(--canvas-deep);border-right:1px solid var(--border-subtle);visibility:hidden;transition:transform var(--duration-normal) var(--ease-premium), visibility 0s linear var(--duration-normal);z-index:50;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-104%)}.app-container.nav-open .app-shell-backdrop{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.app-container.nav-open .app-sidebar{visibility:visible;transition-delay:0s;transform:translate(0)}.app-sidebar-header{flex:none;justify-content:space-between;align-items:center;gap:1rem;min-width:0;padding-left:.625rem;display:flex}.app-sidebar-close{width:2.75rem;height:2.75rem;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:.625rem;flex:none;justify-content:center;align-items:center;display:inline-flex}.app-sidebar-close:hover{background:oklch(var(--ink-channels) / 6%);color:var(--text-main)}.app-sidebar-close svg{width:1.25rem;height:1.25rem}.app-brand-link,.app-mobile-brand{align-items:center;gap:.625rem;min-width:0;min-height:2.75rem;display:inline-flex}.app-brand-mark{width:1.375rem;height:1.375rem;color:var(--accent-primary);flex-shrink:0}.app-brand-wordmark{color:var(--text-main);font-family:var(--font-display), Georgia, serif;letter-spacing:-.01em;font-size:1.25rem;font-weight:600;line-height:1.15}.app-main{width:100%;min-width:0;max-width:100%;position:relative;overflow-x:clip}.app-mobile-bar{box-sizing:border-box;width:100%;max-width:100%;min-height:var(--mobile-topbar-block);padding-top:calc(env(safe-area-inset-top,0px) + .875rem);padding-right:max(1rem, env(safe-area-inset-right,0px));padding-bottom:.875rem;padding-left:max(1rem, env(safe-area-inset-left,0px));background:var(--canvas-bg);border-bottom:1px solid var(--border-subtle);z-index:30;justify-content:space-between;align-items:center;gap:1rem;margin:0 0 1.25rem;display:flex;position:sticky;top:0}.app-main-content{box-sizing:border-box;width:100%;max-width:100%;padding-top:0;padding-right:max(1rem, env(safe-area-inset-right,0px));padding-bottom:1rem;padding-left:max(1rem, env(safe-area-inset-left,0px));position:relative}.app-menu-button{cursor:pointer;background:0 0;border:0;border-radius:.75rem;flex-direction:column;justify-content:center;gap:.3rem;width:3rem;height:3rem;padding:0;display:inline-flex}.app-menu-button:hover{background:oklch(var(--ink-channels) / 6%)}.app-menu-button span{background:var(--text-main);border-radius:999px;width:1.125rem;height:2px;margin:0 auto}.sidebar-nav{flex-direction:column;flex:none;gap:.125rem;margin-top:clamp(.75rem,3dvh,1.5rem);display:flex}.nav-link{min-height:2.75rem;color:var(--text-main);transition:background var(--duration-fast) var(--ease-premium), color var(--duration-fast) var(--ease-premium);border-radius:.625rem;align-items:center;gap:.75rem;padding:0 .625rem;font-size:.9375rem;font-weight:500;display:flex}.app-nav-icon{flex-shrink:0;width:1.125rem;height:1.125rem}.nav-link-disabled{cursor:not-allowed;color:var(--text-dim)}.nav-link:not(.nav-link-disabled):hover{background:oklch(var(--ink-channels) / 5%)}.nav-link.active{background:var(--surface-card);box-shadow:0 1px 2px oklch(var(--shadow-channels) / 8%);color:var(--text-main);font-weight:600}.app-soon-badge{background:oklch(var(--ink-channels) / 7%);color:var(--text-dim);white-space:nowrap;border-radius:999px;flex-shrink:0;margin-left:auto;padding:0 .5rem;font-size:.6875rem;font-weight:500;line-height:1.125rem}.app-sidebar-footer{flex-shrink:0;margin-top:auto;padding-top:.75rem}.app-account{position:relative}.app-account-button{width:100%;min-height:3rem;color:var(--text-main);text-align:left;cursor:pointer;transition:background var(--duration-fast) var(--ease-premium);background:0 0;border:0;border-radius:.75rem;align-items:center;gap:.75rem;padding:.375rem .625rem;display:flex}.app-account-button:hover,.app-account-button[aria-expanded=true]{background:oklch(var(--ink-channels) / 6%)}.app-user-avatar{background:oklch(var(--ink-channels) / 9%);width:2rem;height:2rem;color:var(--text-main);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:.8125rem;font-weight:700;line-height:1;display:flex}.app-user-meta{flex-direction:column;flex:1;min-width:0;display:flex}.app-user-name,.app-user-email{overflow-wrap:anywhere}.app-user-name{color:var(--text-main);font-size:.875rem;font-weight:600;line-height:1.25rem}.app-user-email{color:var(--text-dim);font-size:.75rem;line-height:1rem}.app-account-chevron{width:1rem;height:1rem;color:var(--text-dim);flex-shrink:0}.app-account-menu{z-index:60;border:1px solid var(--glass-border);background:var(--surface-menu);box-shadow:0 .75rem 2rem oklch(var(--shadow-channels) / 12%);border-radius:.875rem;flex-direction:column;padding:.375rem;display:flex;position:absolute;bottom:calc(100% + .375rem);left:0;right:0}.app-account-menu-email{color:var(--text-dim);overflow-wrap:anywhere;padding:.375rem .625rem .5rem;font-size:.8125rem;line-height:1.125rem}.app-account-menu-item{width:100%;min-height:2.75rem;color:var(--text-main);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.5rem;align-items:center;gap:.75rem;padding:0 .625rem;font-size:.875rem;font-weight:500;display:flex}.app-account-menu-item svg{width:1.125rem;height:1.125rem;color:var(--text-muted);flex-shrink:0}.app-account-menu-item:hover{background:oklch(var(--ink-channels) / 7%)}.app-account-menu-item--danger,.app-account-menu-item--danger svg{color:var(--danger-text)}.app-account-menu-item--danger:hover{background:var(--danger-surface)}.app-account-menu-separator{background:var(--border-subtle);border:0;height:1px;margin:.375rem .25rem}.app-account-menu-legal{flex-direction:column;display:flex}.app-account-menu-legal a{min-height:2.5rem;color:var(--text-muted);border-radius:.5rem;align-items:center;padding:0 .625rem;font-size:.8125rem;display:flex}.app-account-menu-legal a:hover{background:oklch(var(--ink-channels) / 7%);color:var(--text-main)}@media (37.5rem<=width<75rem){.app-container{grid-template-columns:calc(var(--sidebar-width-tablet) + env(safe-area-inset-left,0px)) minmax(0, 1fr);display:grid}.app-shell-backdrop,.app-mobile-bar{display:none}.app-sidebar{width:auto;padding:clamp(.625rem,3dvh,1.25rem) .75rem;padding-left:calc(.75rem + env(safe-area-inset-left,0px));visibility:visible;align-items:center;position:sticky;inset:0;transform:none}.app-sidebar-header{padding-left:0;display:block}.app-sidebar-close,.app-brand-wordmark,.app-user-meta,.app-account-chevron{display:none}.app-nav-label,.app-soon-badge{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sidebar-nav{align-items:center;gap:.25rem;width:100%;margin-top:clamp(.875rem,3.5dvh,2rem)}.nav-link,.app-account-button{justify-content:center;width:100%;padding-inline:0}.nav-link{min-height:3rem}.app-sidebar-footer{width:100%}.app-account-menu{bottom:1rem;right:auto;left:calc(var(--sidebar-width-tablet) + env(safe-area-inset-left,0px) + .5rem);width:16rem;position:fixed}.app-main{padding:2rem}.app-main-content{padding:0}}@media (min-width:75rem){.app-container{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);display:grid}.app-shell-backdrop,.app-mobile-bar{display:none}.app-sidebar{visibility:visible;width:auto;padding:1rem .75rem;position:sticky;inset:0;transform:none}.app-sidebar-close{display:none}.nav-link,.app-account-menu-item{min-height:2.25rem}.app-account-menu-legal a{min-height:2rem}.app-main{padding:2.5rem 3rem}.app-main-content{padding:0}}
.auth-container{background:var(--canvas-bg);justify-content:center;align-items:stretch;min-height:100dvh;padding:1rem;display:flex;position:relative}.auth-card{flex-direction:column;justify-content:center;width:100%;min-height:calc(100dvh - 2rem);padding:1.75rem 1.25rem;display:flex}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{color:var(--accent-primary);margin-bottom:.875rem;display:inline-flex}.auth-app-name{color:var(--text-muted);margin:0 0 .75rem;font-size:.8125rem;font-weight:600}.auth-title{font-family:var(--font-display), Georgia, serif;letter-spacing:-.01em;margin-bottom:.5rem;font-size:clamp(1.875rem,7vw,2.375rem);font-weight:600}.auth-subtitle{color:var(--text-muted);font-size:.95rem}.auth-content{width:100%}@media (37.5rem<=width<75rem){.auth-container{align-items:center;padding:2rem}.auth-card{background:var(--canvas-soft);border:1px solid var(--border-subtle);border-radius:1.25rem;max-width:30rem;min-height:auto;padding:2.25rem 2rem}}@media (min-width:75rem){.auth-container{align-items:center;padding:3rem 4rem}.auth-card{background:var(--canvas-soft);border:1px solid var(--border-subtle);border-radius:1.25rem;max-width:28rem;min-height:auto;padding:2.5rem}}.auth-legal-links{margin-top:1.75rem}
