body.app-shell{background:var(--app-bg-gradient);background-attachment:fixed;min-height:100vh;color:var(--color-text-primary)}@media (prefers-reduced-motion:no-preference){html[data-theme-ready=true] .app-card,html[data-theme-ready=true] .app-header,html[data-theme-ready=true] .user-dropdown,html[data-theme-ready=true] body.app-shell{transition:background-color 140ms ease,border-color 140ms ease,color 140ms ease,box-shadow 140ms ease}}.app-header{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);height:64px;padding:0 var(--space-24);background:var(--app-topnav-bg);border-bottom:1px solid var(--color-border-primary);box-shadow:none}.app-header-zone{display:flex;align-items:center;min-width:0}.app-header-zone--left{flex:1 1 0}.app-header-zone--center{flex:0 1 auto;justify-content:center}.app-header-zone--right{flex:1 1 0;justify-content:flex-end;gap:16px}.app-header .logo{display:inline-flex;align-items:center;gap:10px;color:var(--color-text-primary);font-family:var(--font-app-sans);font-weight:600;text-decoration:none;font-size:var(--text-body-size)}.app-header .logo-icon-box{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:6px;box-sizing:border-box;flex:0 0 auto;border-radius:9px;background:color-mix(in srgb,var(--color-brand) 15%,transparent);border:1px solid color-mix(in srgb,var(--color-brand) 25%,transparent);color:var(--color-brand)}.app-header .logo-icon-box svg{width:100%;height:100%;stroke-width:1.75}.app-db-selector{position:relative}.app-db-selector-btn{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:14px;color:var(--color-text-primary);font-family:var(--font-app-sans);font-size:14px;font-weight:600;cursor:pointer;max-width:260px;transition:border-color var(--motion-duration) var(--motion-ease),background var(--motion-duration) var(--motion-ease)}.app-db-selector-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.app-db-selector-btn .app-db-selector-icon{display:inline-flex;flex:0 0 auto;width:16px;height:16px;color:var(--color-brand)}.app-db-selector-btn .app-db-selector-icon svg{width:100%;height:100%;stroke-width:1.75}.app-db-selector-btn .app-db-selector-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-db-selector-btn .app-db-selector-chevron{width:14px;height:14px;flex:0 0 auto;color:var(--color-text-secondary);transform:rotate(-90deg);transition:transform var(--motion-duration) var(--motion-ease)}.app-db-selector-btn[aria-expanded=true] .app-db-selector-chevron{transform:rotate(90deg)}.app-db-selector-status-dot{width:7px;height:7px;border-radius:999px;flex:0 0 auto;background:var(--color-text-secondary)}.app-db-selector-status-dot.is-success{background:var(--color-success)}.app-db-selector-status-dot.is-warning{background:var(--app-warning)}.app-db-selector-status-dot.is-danger{background:var(--app-danger)}.app-db-selector-panel{position:absolute;top:calc(100% + var(--space-8));left:50%;transform:translateX(-50%);width:max(260px,100%);max-height:320px;overflow-y:auto;background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);box-shadow:0 18px 44px var(--color-shadow-modal);padding:var(--space-8);z-index:70}.app-db-selector-option{display:flex;align-items:center;gap:var(--space-8);width:100%;padding:var(--space-8) var(--space-16);background:0 0;border:none;border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-app-sans);font-size:var(--text-description-size);text-align:left;cursor:pointer}.app-db-selector-option:focus-visible,.app-db-selector-option:hover{background:color-mix(in srgb,var(--color-text-primary) 6%,transparent)}.app-db-selector-empty{padding:var(--space-16);color:var(--color-text-secondary);font-size:var(--text-description-size)}.app-header-icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:0 0;border:none;border-radius:10px;color:var(--color-text-secondary);cursor:pointer;transition:background .2s ease,color .2s ease}.app-header-icon-btn svg{width:var(--icon-size);height:var(--icon-size);stroke-width:1.75}.app-header-icon-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.app-header-icon-btn .app-header-unread-dot{position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:999px;background:var(--color-brand);border:1.5px solid var(--app-topnav-bg)}.app-shell-body{display:flex;align-items:flex-start}.app-sidebar{position:sticky;top:64px;flex:0 0 auto;width:240px;height:calc(100vh - 64px);display:flex;flex-direction:column;justify-content:space-between;background:var(--sidebar-bg-gradient);border-right:1px solid var(--color-border-primary);padding:var(--space-16) var(--space-8)}body.app-sidebar-collapsed .app-sidebar{width:72px}@media (prefers-reduced-motion:no-preference){.app-sidebar{transition:width var(--motion-duration) var(--motion-ease)}}.app-sidebar-nav{display:flex;flex-direction:column;gap:var(--space-8)}.app-sidebar-item{position:relative;display:flex;align-items:center;gap:var(--space-16);height:40px;padding:0 var(--space-16);border-radius:var(--radius-md);color:var(--sidebar-text-nav-inactive);text-decoration:none;font-family:var(--font-app-sans);font-size:var(--text-description-size);white-space:nowrap;overflow:hidden}.app-sidebar-item:hover{color:var(--sidebar-text-primary);background:var(--color-surface-hover);transition:all .2s ease}.app-sidebar-item .app-sidebar-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:30px;height:30px;padding:5px;box-sizing:border-box;border-radius:9px;background:color-mix(in srgb,var(--sidebar-text-muted) 12%,transparent);border:1px solid transparent;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.app-sidebar-item .app-sidebar-icon svg{width:100%;height:100%}.app-sidebar-item.is-active{color:var(--sidebar-text-primary);background:var(--sidebar-active-bg);border-radius:8px;font-weight:700}.app-sidebar-item.is-active .app-sidebar-icon{color:var(--sidebar-accent-emerald);background:color-mix(in srgb,var(--sidebar-accent-emerald) 15%,transparent);border-color:color-mix(in srgb,var(--sidebar-accent-emerald) 25%,transparent);box-shadow:0 0 10px 1px color-mix(in srgb,var(--sidebar-accent-emerald) 18%,transparent)}.app-sidebar-item.is-active:hover{color:var(--sidebar-text-primary);background:var(--sidebar-active-bg)}.app-sidebar-item.is-active::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:999px;background:var(--sidebar-active-indicator-gradient);box-shadow:0 0 8px color-mix(in srgb,var(--sidebar-accent-emerald) 28%,transparent)}.app-sidebar-item.is-locked{opacity:.55}.app-sidebar-divider{margin:var(--space-8) var(--space-12);border:none;border-top:1px solid var(--color-border-primary);opacity:.6}body.app-sidebar-collapsed .app-sidebar-divider{margin:var(--space-8) var(--space-8)}.app-sidebar-item .app-sidebar-lock{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;opacity:.7;flex:0 0 auto}.app-sidebar-item .app-sidebar-lock svg{width:14px;height:14px}body.app-sidebar-collapsed .app-sidebar-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}body.app-sidebar-collapsed .app-sidebar-item{justify-content:center;padding:0}.app-sidebar-toggle{display:flex;align-items:center;justify-content:center;gap:var(--space-8);margin-top:10px;height:36px;background:0 0;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--sidebar-text-nav-inactive);cursor:pointer;transition:border-color var(--motion-duration) var(--motion-ease),color var(--motion-duration) var(--motion-ease)}.app-sidebar-toggle:hover{border-color:var(--color-border-strong);color:var(--sidebar-text-primary);background:var(--color-surface-hover)}body.app-shell .user-menu{color:var(--color-text-secondary);border-radius:10px}body.app-shell .user-menu:hover,body.app-shell .user-menu[aria-expanded=true]{color:var(--color-text-primary);background:var(--color-surface-hover)}body.app-shell .avatar{background:var(--color-brand-soft);border:1px solid var(--color-brand-border);color:var(--color-brand)}body.app-shell .user-dropdown{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);box-shadow:0 18px 44px rgba(15,23,42,.16)}body.app-shell .user-dropdown [role=menuitem],body.app-shell .user-dropdown [role=menuitemradio]{color:var(--color-text-secondary)}body.app-shell .user-dropdown [role=menuitem]:focus-visible,body.app-shell .user-dropdown [role=menuitem]:hover,body.app-shell .user-dropdown [role=menuitemradio]:focus-visible,body.app-shell .user-dropdown [role=menuitemradio]:hover{color:var(--color-text-primary);background:var(--color-surface-hover)}body.app-shell .user-dropdown [role=menuitem]:focus-visible,body.app-shell .user-dropdown [role=menuitemradio]:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-2px}body.app-shell .user-dropdown .menu-divider{background:var(--color-border-primary)}.theme-menu-label{padding:.45rem .75rem .25rem;color:var(--color-text-muted);font:700 0.68rem var(--font-app-sans);letter-spacing:.06em;text-transform:uppercase}.theme-choice{display:flex!important;align-items:center;gap:8px}.theme-choice svg,.theme-current-icon svg{width:16px;height:16px;stroke-width:1.75}.theme-choice.is-active{color:var(--color-brand);background:var(--color-brand-soft)}body.app-shell .user-dropdown{width:248px;max-width:calc(100vw - 24px);padding:8px;border-radius:12px;background:var(--color-surface-elevated,var(--color-surface-primary))}body.app-shell .user-dropdown>[role=menuitem],body.app-shell .user-dropdown>[role=menuitemradio]{box-sizing:border-box;min-height:38px;width:100%;margin:0;padding:0 10px;border:1px solid transparent;border-radius:8px;font-size:13px;font-weight:500;line-height:1.25;text-align:left}body.app-shell .user-dropdown>[role=menuitem]{display:flex;align-items:center;gap:10px}body.app-shell .user-dropdown>.theme-choice::after,body.app-shell .user-dropdown>[role=menuitem]::before{width:16px;height:16px;flex:0 0 16px;background-color:currentColor;content:"";opacity:.82;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-position:center;mask-repeat:no-repeat;mask-size:contain}body.app-shell .user-dropdown>[role=menuitem][href$="#profile"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E")}body.app-shell .user-dropdown>[role=menuitem][href="settings.html"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z'/%3E%3Cpath d='M19.4 15a1.7 1.7 0 0 0 .34 1.88l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.7 1.7 0 0 0-1.88-.34 1.7 1.7 0 0 0-1.03 1.56V21a2 2 0 1 1-4 0v-.09A1.7 1.7 0 0 0 9 19.36a1.7 1.7 0 0 0-1.88.34l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.7 1.7 0 0 0 4.63 15a1.7 1.7 0 0 0-1.56-1H3a2 2 0 1 1 0-4h.09A1.7 1.7 0 0 0 4.64 9a1.7 1.7 0 0 0-.34-1.88l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.7 1.7 0 0 0 9 4.63h.01A1.7 1.7 0 0 0 10 3.07V3a2 2 0 1 1 4 0v.09A1.7 1.7 0 0 0 15 4.64a1.7 1.7 0 0 0 1.88-.34l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.7 1.7 0 0 0 19.37 9v.01A1.7 1.7 0 0 0 20.93 10H21a2 2 0 1 1 0 4h-.09A1.7 1.7 0 0 0 19.4 15z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z'/%3E%3Cpath d='M19.4 15a1.7 1.7 0 0 0 .34 1.88l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.7 1.7 0 0 0-1.88-.34 1.7 1.7 0 0 0-1.03 1.56V21a2 2 0 1 1-4 0v-.09A1.7 1.7 0 0 0 9 19.36a1.7 1.7 0 0 0-1.88.34l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.7 1.7 0 0 0 4.63 15a1.7 1.7 0 0 0-1.56-1H3a2 2 0 1 1 0-4h.09A1.7 1.7 0 0 0 4.64 9a1.7 1.7 0 0 0-.34-1.88l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.7 1.7 0 0 0 9 4.63h.01A1.7 1.7 0 0 0 10 3.07V3a2 2 0 1 1 4 0v.09A1.7 1.7 0 0 0 15 4.64a1.7 1.7 0 0 0 1.88-.34l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.7 1.7 0 0 0 19.37 9v.01A1.7 1.7 0 0 0 20.93 10H21a2 2 0 1 1 0 4h-.09A1.7 1.7 0 0 0 19.4 15z'/%3E%3C/svg%3E")}body.app-shell .user-dropdown>[role=menuitem][data-action=logout]{color:var(--color-danger)}body.app-shell .user-dropdown>[role=menuitem][data-action=logout]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m10 17 5-5-5-5'/%3E%3Cpath d='M15 12H3'/%3E%3Cpath d='M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m10 17 5-5-5-5'/%3E%3Cpath d='M15 12H3'/%3E%3Cpath d='M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4'/%3E%3C/svg%3E")}body.app-shell .user-dropdown>[role=menuitem]:focus-visible,body.app-shell .user-dropdown>[role=menuitem]:hover,body.app-shell .user-dropdown>[role=menuitemradio]:focus-visible,body.app-shell .user-dropdown>[role=menuitemradio]:hover{border-color:transparent}body.app-shell .user-dropdown>[role=menuitem][data-action=logout]:focus-visible,body.app-shell .user-dropdown>[role=menuitem][data-action=logout]:hover{color:var(--color-danger);background:var(--color-danger-soft)}body.app-shell .user-dropdown>.menu-divider{margin:7px 2px}body.app-shell .user-dropdown>.theme-menu-label{margin:0;padding:3px 10px 6px;font-size:10.5px;line-height:1.2}body.app-shell .user-dropdown>.theme-choice{gap:10px}body.app-shell .user-dropdown>.theme-choice [data-icon]{width:16px;height:16px;flex:0 0 16px;opacity:.82}body.app-shell .user-dropdown>.theme-choice::after{margin-left:auto;opacity:0;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m20 6-11 11-5-5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m20 6-11 11-5-5'/%3E%3C/svg%3E")}body.app-shell .user-dropdown>.theme-choice.is-active,body.app-shell .user-dropdown>.theme-choice[aria-checked=true]{border-color:var(--color-brand-border)}body.app-shell .user-dropdown>.theme-choice.is-active::after,body.app-shell .user-dropdown>.theme-choice[aria-checked=true]::after{opacity:1}.app-sidebar-toggle svg{width:16px;height:16px;transition:transform var(--motion-duration) var(--motion-ease)}body.app-sidebar-collapsed .app-sidebar-toggle svg{transform:rotate(180deg)}.app-sidebar-footer{display:flex;flex-direction:column;gap:10px;padding:0 8px;margin-top:auto}.app-plan-card{padding:16px;background:var(--sidebar-surface-bg);border:1px solid var(--sidebar-surface-border);border-radius:14px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 4px 14px rgba(15,23,42,.035)}.app-plan-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.app-plan-card-label{font-family:var(--font-app-sans);font-size:11px;font-weight:600;color:var(--sidebar-text-muted);text-transform:uppercase;letter-spacing:.04em}.app-plan-badge{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;font-family:var(--font-app-sans);font-size:10px;font-weight:700;color:var(--sidebar-accent-emerald);background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2)}.app-plan-name{margin:0 0 12px;font-family:var(--font-app-sans);font-size:18px;font-weight:700;color:var(--sidebar-text-primary)}.app-plan-usage-label{margin:0 0 2px;font-family:var(--font-app-sans);font-size:11px;color:var(--sidebar-text-muted)}.app-plan-usage-value{margin:0 0 2px;font-family:var(--font-app-sans);font-size:18px;font-weight:700;color:var(--sidebar-text-primary)}.app-plan-usage-caption{margin:0;font-family:var(--font-app-sans);font-size:11px;color:var(--sidebar-text-muted)}.app-sidebar-help{display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:10px;color:var(--sidebar-text-nav-inactive);text-decoration:none;font-family:var(--font-app-sans);font-size:12.5px;transition:background 150ms ease,color 150ms ease}.app-sidebar-help:hover{background:var(--color-surface-hover);color:var(--sidebar-text-primary)}.app-sidebar-help svg{width:16px;height:16px;stroke-width:1.75;flex:0 0 auto}.app-sidebar-help strong{color:var(--sidebar-accent-emerald)}body.app-sidebar-collapsed .app-sidebar-footer{display:none}.app-content{flex:1 1 0;min-width:0;max-width:var(--app-container-max);margin:0 auto}.app-db-selector-btn:focus-visible,.app-db-selector-option:focus-visible,.app-header-icon-btn:focus-visible,.app-sidebar-item:focus-visible,.app-sidebar-toggle:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}@media (max-width:1024px){.app-sidebar:not([data-user-set]){width:72px}.app-db-selector-btn .app-db-selector-label{max-width:120px}}@media (max-width:640px){.app-shell-body{flex-direction:column;padding-bottom:64px}.app-sidebar{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:60;width:100%!important;height:auto;flex-direction:row;justify-content:space-around;border-right:none;border-top:1px solid var(--color-border-primary);padding:var(--space-8)}.app-sidebar-nav{flex-direction:row;flex:1 1 auto;justify-content:space-around}.app-sidebar-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.app-sidebar-item{justify-content:center;padding:0;width:40px}.app-sidebar-item.is-active::before{left:6px;right:6px;top:auto;bottom:0;width:auto;height:2px}.app-sidebar-toggle{display:none}.app-header{padding:0 var(--space-16)}.app-header-zone--center{display:none}}@keyframes paywallShimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}@keyframes pulseGlow{0%,100%{opacity:.4}50%{opacity:.7}}.paywall-guard-outer-wrapper{display:flex;justify-content:center;align-items:center;padding:var(--space-32) var(--space-16);min-height:calc(100vh - 110px);width:100%;box-sizing:border-box}.paywall-guard-main-card{position:relative;width:100%;max-width:920px;background:linear-gradient(180deg,rgba(15,23,42,.78) 0,rgba(10,15,29,.95) 100%);border:1px solid rgba(255,255,255,.09);border-radius:26px;padding:48px 40px;box-shadow:0 25px 60px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(20px);overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease}.paywall-guard-main-card::before{content:"";position:absolute;top:-140px;right:-140px;width:400px;height:400px;background:radial-gradient(circle,rgba(34,197,94,.14) 0,rgba(6,182,212,.08) 40%,rgba(0,0,0,0) 70%);pointer-events:none;border-radius:50%;animation:pulseGlow 6s ease-in-out infinite}.paywall-guard-main-card::after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0,rgba(34,197,94,.4) 50%,transparent 100%);background-size:200% 100%;animation:paywallShimmer 8s linear infinite}.paywall-guard-header-hero{text-align:center;max-width:720px;margin:0 auto 40px auto}.paywall-guard-capsule-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:9999px;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.28);color:#22c55e;font-size:.8rem;font-weight:600;letter-spacing:.02em;margin-bottom:20px;box-shadow:0 0 15px rgba(34,197,94,.15);backdrop-filter:blur(8px)}.badge-sparkle{font-size:.85rem}.paywall-guard-title-hero{font-family:var(--font-app-sans);font-size:2.35rem;font-weight:800;line-height:1.2;background:linear-gradient(180deg,#fff 0,#cbd5e1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 16px 0;letter-spacing:-.025em}.paywall-guard-subtitle-hero{font-size:1.05rem;font-weight:450;color:#94a3b8;line-height:1.6;margin:0;letter-spacing:.01em}.paywall-guard-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:40px}@media (max-width:720px){.paywall-guard-feature-grid{grid-template-columns:1fr}}.paywall-guard-fcard{background:rgba(15,23,42,.5);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:24px;transition:all .25s cubic-bezier(.16, 1, .3, 1);box-shadow:0 4px 20px rgba(0,0,0,.2)}.paywall-guard-fcard:hover{transform:translateY(-4px);background:rgba(15,23,42,.75);border-color:rgba(255,255,255,.16);box-shadow:0 12px 30px rgba(0,0,0,.35)}.paywall-guard-icon-circle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;margin-bottom:14px;transition:transform .25s ease}.paywall-guard-fcard:hover .paywall-guard-icon-circle{transform:rotate(3deg) scale(1.05)}.paywall-guard-icon-circle svg{width:22px;height:22px}.paywall-guard-icon-circle.theme-green{background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.25);color:#22c55e}.paywall-guard-icon-circle.theme-cyan{background:rgba(6,182,212,.12);border:1px solid rgba(6,182,212,.25);color:#06b6d4}.paywall-guard-icon-circle.theme-orange{background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.25);color:#f59e0b}.paywall-guard-icon-circle.theme-purple{background:rgba(168,85,247,.12);border:1px solid rgba(168,85,247,.25);color:#a855f7}.paywall-guard-fcard-title{font-family:var(--font-app-sans);font-size:1.05rem;font-weight:600;color:#f8fafc;margin:0 0 6px 0}.paywall-guard-fcard-desc{font-size:.875rem;font-weight:400;color:#64748b;line-height:1.5;margin:0}.paywall-guard-cta-group{display:flex;flex-direction:column;align-items:center;margin-bottom:36px}.paywall-guard-cta-btn-hero{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 42px;border-radius:12px;background:linear-gradient(135deg,#22c55e 0,#16a34a 100%);color:#fff!important;font-family:var(--font-app-sans);font-weight:600;font-size:1.05rem;text-decoration:none!important;box-shadow:0 6px 25px rgba(34,197,94,.4);transition:all .25s cubic-bezier(.16, 1, .3, 1);margin-bottom:10px}.paywall-guard-cta-btn-hero:hover{transform:translateY(-2px);box-shadow:0 10px 32px rgba(34,197,94,.55);color:#fff!important}.paywall-guard-cta-caption{font-size:.85rem;color:#64748b;margin:0;text-align:center}.paywall-guard-teaser-card{display:flex;align-items:center;justify-content:space-between;gap:16px;background:rgba(15,23,42,.4);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px 24px;backdrop-filter:blur(10px)}@media (max-width:768px){.paywall-guard-teaser-card{flex-direction:column;text-align:center}}.paywall-guard-teaser-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#22c55e;white-space:nowrap}.paywall-guard-teaser-list{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.paywall-guard-teaser-pill{font-size:.85rem;color:#cbd5e1;font-weight:450;white-space:nowrap}.teaser-check{color:#22c55e;font-weight:700}.paywall-guard-teaser-link{font-size:.875rem;font-weight:600;color:#38bdf8;text-decoration:none;white-space:nowrap;transition:color .2s ease}.paywall-guard-teaser-link:hover{color:#22c55e}.app-shell .paywall-guard-outer-wrapper{align-items:flex-start;min-height:0;padding:var(--space-24) 0 var(--space-32)}.app-shell .paywall-guard-main-card{max-width:980px;padding:clamp(24px,4vw,40px);background:var(--color-surface-primary,#fff);border:1px solid var(--color-border-default,#e2e8f0);border-radius:var(--radius-xl,20px);box-shadow:0 16px 40px var(--color-shadow-card,rgba(15,23,42,.08));backdrop-filter:none}.app-shell .paywall-guard-main-card::after,.app-shell .paywall-guard-main-card::before{display:none}.app-shell .paywall-guard-header-hero{max-width:700px;margin:0 0 28px;text-align:left}.app-shell .paywall-guard-capsule-badge{gap:6px;margin-bottom:14px;padding:6px 10px;border-color:color-mix(in srgb,var(--color-success,#16a34a) 26%,var(--color-border-default,#e2e8f0));background:color-mix(in srgb,var(--color-success,#16a34a) 9%,var(--color-surface-primary,#fff));box-shadow:none;color:var(--color-success,#15803d);font-size:.78rem}.app-shell .badge-sparkle{display:none}.app-shell .paywall-guard-title-hero{margin-bottom:10px;background:0 0;-webkit-text-fill-color:currentColor;color:var(--color-text-primary,#172033);font-size:clamp(1.75rem, 3.1vw, 2.45rem);font-weight:700;line-height:1.15}.app-shell .paywall-guard-subtitle-hero{max-width:660px;color:var(--color-text-secondary,#64748b);font-size:.98rem;line-height:1.6}.app-shell .paywall-guard-feature-grid{gap:12px;margin-bottom:28px}.app-shell .paywall-guard-fcard{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:12px;row-gap:3px;padding:18px;background:var(--color-surface-secondary,#f8fafc);border-color:var(--color-border-default,#e2e8f0);border-radius:var(--radius-lg,14px);box-shadow:none}.app-shell .paywall-guard-fcard:hover{transform:translateY(-1px);background:var(--color-surface-hover,#f1f5f9);border-color:color-mix(in srgb,var(--color-success,#16a34a) 28%,var(--color-border-default,#e2e8f0));box-shadow:0 8px 20px var(--color-shadow-card,rgba(15,23,42,.08))}.app-shell .paywall-guard-icon-circle{grid-row:span 2;width:40px;height:40px;margin:0;border-radius:10px}.app-shell .paywall-guard-icon-circle svg{width:19px;height:19px}.app-shell .paywall-guard-fcard:hover .paywall-guard-icon-circle{transform:none}.app-shell .paywall-guard-fcard-title{margin:1px 0 0;color:var(--color-text-primary,#172033);font-size:.94rem;font-weight:700}.app-shell .paywall-guard-fcard-desc{color:var(--color-text-secondary,#64748b);font-size:.84rem;line-height:1.5}.app-shell .paywall-guard-cta-group{align-items:flex-start;margin:0 0 22px}.app-shell .paywall-guard-cta-btn-hero{min-height:42px;margin-bottom:8px;padding:10px 16px;border-radius:var(--radius-md,10px);background:var(--color-brand,#15803d);box-shadow:none;font-size:.9rem}.app-shell .paywall-guard-cta-btn-hero:hover{background:var(--color-brand-hover,#166534);box-shadow:none}.app-shell .paywall-guard-cta-btn-hero:focus-visible,.app-shell .paywall-guard-teaser-link:focus-visible{outline:3px solid color-mix(in srgb,var(--color-brand,#15803d) 38%,transparent);outline-offset:3px}.app-shell .paywall-guard-cta-caption{color:var(--color-text-secondary,#64748b);text-align:left}.app-shell .paywall-guard-teaser-card{justify-content:flex-start;padding:14px 16px;background:var(--color-surface-secondary,#f8fafc);border-color:var(--color-border-default,#e2e8f0);border-radius:var(--radius-lg,14px);backdrop-filter:none}.app-shell .paywall-guard-teaser-title{color:var(--color-text-primary,#172033)}.app-shell .paywall-guard-teaser-pill{color:var(--color-text-secondary,#64748b)}.app-shell .teaser-check{color:var(--color-success,#15803d)}.app-shell .paywall-guard-teaser-link{color:var(--color-brand,#15803d)}.app-shell .paywall-guard-teaser-link:hover{color:var(--color-brand-hover,#166534)}@media (max-width:720px){.app-shell .paywall-guard-outer-wrapper{padding:var(--space-16) 0 var(--space-24)}.app-shell .paywall-guard-main-card{padding:22px 18px}.app-shell .paywall-guard-feature-grid{grid-template-columns:1fr}.app-shell .paywall-guard-teaser-card{align-items:flex-start;text-align:left}.app-shell .paywall-guard-teaser-list{gap:8px 14px}}.locked-pref-badge-row{display:inline-flex;align-items:center;gap:6px;margin-top:4px;color:#f59e0b}.badge-lite-lock{font-size:.8rem;font-weight:600;color:#fbbf24}.pref-row-locked{opacity:.85;transition:background-color .2s ease;border-radius:8px;padding:8px}.toggle-disabled{pointer-events:none}.pref-row-locked:hover{background:rgba(251,191,36,.05)}.paywall-modal{max-width:600px;background:#0f172a;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;box-shadow:0 20px 60px rgba(0,0,0,.6)}.paywall-modal-header{margin-bottom:24px;text-align:left}.paywall-badge{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:9999px;background:rgba(56,189,248,.15);color:#38bdf8;border:1px solid rgba(56,189,248,.3);margin-bottom:12px}.paywall-preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:28px}@media (max-width:640px){.paywall-preview-grid{grid-template-columns:1fr}}.paywall-preview-card{background:rgba(30,41,59,.6);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:16px;text-align:left}.paywall-preview-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:rgba(56,189,248,.1);color:#38bdf8;margin-bottom:10px}.paywall-preview-card h4{font-size:.9rem;font-weight:600;color:#f8fafc;margin:0 0 4px 0}.paywall-preview-card p{font-size:.8rem;color:#94a3b8;margin:0;line-height:1.4}.paywall-modal-actions{display:flex;justify-content:flex-end;gap:12px}body.app-shell select:not([multiple]):not([size]){--app-select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");min-height:40px;padding-right:40px;color:var(--color-text-primary);background-color:var(--color-surface-primary);background-image:var(--app-select-chevron);background-repeat:no-repeat;background-position:right 13px center;background-size:16px;border:1px solid var(--color-border-default);border-radius:10px;box-shadow:0 1px 2px color-mix(in srgb,var(--color-text-primary) 5%,transparent);appearance:none;cursor:pointer;transition:background-color 150ms ease,border-color 150ms ease,box-shadow 150ms ease}body.app-shell select:not([multiple]):not([size]):hover:not(:disabled){background-color:var(--color-surface-elevated);border-color:var(--color-border-strong)}body.app-shell select:not([multiple]):not([size]):focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-color:var(--color-border-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-focus-ring) 16%,transparent)}body.app-shell select:not([multiple]):not([size]):disabled{color:var(--color-disabled-text);background-color:var(--color-disabled-bg);border-color:var(--color-disabled-border);box-shadow:none;cursor:not-allowed}:root[data-theme=dark] body.app-shell select:not([multiple]):not([size]){--app-select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")}