.mobile-nav{background:var(--bg-surface);border-top:.5px solid var(--border-default);padding:var(--space-2) 0;padding-bottom:max(var(--space-2), var(--safe-area-bottom));z-index:var(--z-nav);justify-content:space-around;display:none;position:fixed;bottom:0;left:0;right:0}@media (width<=767px){.mobile-nav{display:flex}}.mobile-nav-item{align-items:center;gap:var(--space-0-5);padding:var(--space-1) var(--space-2);cursor:pointer;color:var(--text-hint);font-size:var(--text-xs);background:0 0;border:none;flex-direction:column;font-weight:500;line-height:1;transition:color .2s;display:flex}.mobile-nav-item.active{color:var(--button-bg)}.mobile-nav-item svg{flex-shrink:0}.app-shell{min-height:100dvh}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-default);flex-direction:column;width:250px;height:100dvh;display:flex}.sidebar-header{padding:var(--space-6);border-bottom:1px solid var(--border-default)}.logo{font-size:var(--text-2xl);color:var(--accent-base);font-weight:700}.nav-links{padding:var(--space-4) 0;flex:1;list-style:none}.nav-links li{margin:var(--space-1) 0}.nav-links a{padding:var(--space-3) var(--space-6);color:var(--text-secondary);text-decoration:none;transition:all .2s;display:block}.nav-links a:hover{background:var(--nav-hover-bg);color:var(--text-primary);text-decoration:none}.nav-links a.active{background:var(--nav-active-bg);color:var(--accent-base);border-left:3px solid var(--accent-base)}.sidebar-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-default)}.user-info{flex-direction:column;display:flex}.display-name{color:var(--text-primary);font-weight:600;font-size:var(--text-base)}.username-link{font-weight:600;font-size:var(--text-base);color:var(--accent-base);text-overflow:ellipsis;white-space:nowrap;text-decoration:none;overflow:hidden}.username-link:hover{opacity:.8;text-decoration:none}.tier{font-size:var(--text-xs);color:var(--text-secondary);text-transform:capitalize}.tablet-header{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border-bottom:1px solid var(--border-default);z-index:var(--z-sticky);display:none;position:sticky;top:0}.hamburger{color:var(--text-primary);padding:var(--space-1);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.tablet-header-logo{font-size:var(--text-xl);color:var(--accent-base);font-weight:700}.sidebar-backdrop{background:var(--bg-overlay);z-index:calc(var(--z-sidebar) - 1);display:none;position:fixed;inset:0}@media (width>=1024px){.app-shell{display:flex}.sidebar-container{z-index:var(--z-sidebar);position:fixed;top:0;bottom:0;left:0}.main-content{padding:var(--space-8);flex:1;margin-left:250px}.tablet-header{display:none}}@media (width>=768px) and (width<=1023px){.sidebar-container{z-index:var(--z-sidebar);transition:transform .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar-container.open{transform:translate(0)}.sidebar-backdrop{opacity:0;pointer-events:none;transition:opacity .25s;display:block}.sidebar-container.open~.sidebar-backdrop{opacity:1;pointer-events:auto}.tablet-header{display:flex}.main-content{padding:var(--space-6)}}@media (width<=767px){.sidebar-container,.tablet-header{display:none}.main-content{padding-bottom:72px}}@media (width>=1280px){.main-content{max-width:calc(1040px + var(--space-8) * 2)}}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:400px;padding:2rem}.login-card h1{font-size:var(--text-3xl);color:var(--accent-base);margin-bottom:var(--space-6)}.login-card p{color:var(--text-secondary);margin-bottom:1rem}.login-card code{background:var(--bg-primary);border-radius:.25rem;padding:.125rem .375rem;font-size:.875rem}.login-card .spinner{margin:0 auto 1rem}.login-card .error-message{background:var(--error-bg);border:1px solid var(--error);color:var(--error);border-radius:var(--radius-md);margin-bottom:1rem;padding:.75rem}.login-card form{flex-direction:column;gap:.75rem;display:flex}.login-input{background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;color:var(--text-primary);box-sizing:border-box;outline:none;padding:.75rem 1rem;font-size:1rem;transition:border-color .15s}.login-input:focus{border-color:var(--accent-base)}.login-input::placeholder{color:var(--text-tertiary)}.login-input.code-input{font-family:var(--font-mono,monospace);letter-spacing:.5em;text-align:center;padding:.75rem .5rem;font-size:1.5rem}.login-card .btn{margin-top:.25rem}.login-actions{flex-direction:column;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.btn-link{color:var(--accent-base);cursor:pointer;background:0 0;border:none;padding:.25rem 0;font-size:.875rem;text-decoration:none}.btn-link:hover:not(:disabled){text-decoration:underline}.btn-link:disabled{color:var(--text-tertiary);cursor:default}.dashboard{max-width:960px}.dashboard-title{margin-bottom:var(--space-6)}@media (width<=767px){.dashboard-title{display:none}.dashboard{padding:var(--space-4);max-width:480px;margin:0 auto}}.dashboard-stats{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1023px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=767px){.dashboard-stats{margin-bottom:var(--space-3);grid-template-columns:1fr;gap:0}.dashboard-stats .stat-card{border-bottom:.5px solid var(--bg-secondary);border-radius:0;margin-bottom:0}.dashboard-stats .stat-card:first-child{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.dashboard-stats .stat-card:last-child{border-radius:0 0 var(--radius-lg) var(--radius-lg);border-bottom:none}}.stat-card h3{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.04em;font-weight:500}.stat-value{font-size:var(--text-lg);text-transform:capitalize;font-weight:600;line-height:var(--leading-tight)}.channel-value{text-transform:none;white-space:normal;word-break:break-all}.channel-value a{color:var(--accent-base);text-decoration:none}.channel-value a:hover{opacity:.8;text-decoration:none}@media (width<=767px){.stat-card{padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;display:flex}.stat-card h3{font-size:var(--text-sm);text-transform:none;letter-spacing:normal;margin-bottom:0}.stat-value{font-size:var(--text-base);color:var(--text-hint)}}.dashboard-usage{margin-bottom:var(--space-6)}.dashboard-usage h3{font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em;margin-bottom:var(--space-2);font-weight:600}.billing{max-width:960px}.billing-title{margin-bottom:var(--space-6)}@media (width<=767px){.billing-title{display:none}.billing{padding:var(--space-4);max-width:480px;margin:0 auto}}.billing-current{margin-bottom:var(--space-6)}.billing-current h2{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.02em;font-weight:600}.billing-plan-row{align-items:center;gap:var(--space-4);display:flex}.billing-plan-name{font-size:var(--text-2xl);text-transform:capitalize;font-weight:600}@media (width<=767px){.billing-plan-name{font-size:var(--text-lg)}}.billing-usage{margin-top:var(--space-2)}.billing-plans-title{margin-bottom:var(--space-4)}@media (width<=767px){.billing-plans-title{font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em;font-weight:600}}.billing-plans-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}@media (width<=767px){.billing-plans-grid{gap:var(--space-3);grid-template-columns:1fr}}.tier-price{align-items:baseline;gap:var(--space-1);display:flex}.tier-price-amount{font-size:var(--text-3xl);font-variant-numeric:tabular-nums;font-weight:700}@media (width<=767px){.tier-price-amount{font-size:var(--text-base)}}.tier-price-period{font-size:var(--text-sm);color:var(--text-secondary)}.billing-plan-row .badge{font-size:var(--text-xs,12px)}.tier-card .btn{width:100%}.payment h1{margin-bottom:var(--space-6)}.payment-summary{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-6);margin-bottom:var(--space-8);max-width:500px}.payment-summary h2{margin-bottom:1rem;font-size:1rem}.summary-row{border-bottom:1px solid var(--border-default);color:var(--text-secondary);justify-content:space-between;padding:.75rem 0;display:flex}.summary-row:last-child{border-bottom:none}.summary-row.total{color:var(--text-primary);font-size:1.25rem;font-weight:600}.payment-form{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-6);max-width:500px}.payment-form .btn{width:100%}.payment-form .btn+.btn{margin-top:.75rem}.summary-total-price{align-items:baseline;gap:.25rem;display:inline-flex}.summary-total-price .price-amount{font-variant-numeric:tabular-nums}.summary-total-price .price-period{color:var(--text-secondary);font-size:.85rem;font-weight:400}.payment-error{color:var(--destructive);border:1px solid var(--destructive);border-radius:var(--radius-md);margin-bottom:1rem;padding:.75rem;font-size:.875rem}.diary{padding:var(--space-4);max-width:640px;margin:0 auto}.diary-date-nav{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.diary-date-label{font-size:var(--text-lg);color:var(--text-primary);font-weight:600}.btn-icon{background:var(--bg-surface);width:36px;height:36px;color:var(--text-primary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex}.btn-icon:hover{background:var(--bg-hover)}.diary-loading{padding:var(--space-8) 0;justify-content:center;display:flex}.diary-summary{margin-bottom:var(--space-4);padding:var(--space-4)}.diary-summary h3{margin:0 0 var(--space-2) 0;font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.diary-entries{gap:var(--space-2);flex-direction:column;display:flex}.diary-empty{text-align:center;padding:var(--space-8) var(--space-4);color:var(--text-secondary)}.diary-empty-hint{font-size:var(--text-sm);margin-top:var(--space-2);opacity:.7}.diary-entry{background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4)}.diary-entry-header{margin-bottom:var(--space-1);justify-content:space-between;align-items:center;display:flex}.diary-entry-time{font-size:var(--text-sm);color:var(--text-secondary)}.diary-entry-calories{font-weight:600;font-size:var(--text-sm)}.diary-entry-items{gap:var(--space-1);flex-direction:column;display:flex}.diary-entry-item{align-items:center;gap:var(--space-2);font-size:var(--text-sm);display:flex}.diary-entry-item-name{color:var(--text-primary)}.diary-entry-item-portion{color:var(--text-secondary);font-size:var(--text-xs)}.diary-entry-item-calories{color:var(--text-secondary);font-size:var(--text-xs);margin-left:auto}.diary-entry-item-delete{width:20px;height:20px;color:var(--text-secondary);cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:14px;display:flex}.diary-entry-item-delete:hover{opacity:1;color:var(--danger)}.diary-entry-footer{margin-top:var(--space-2);justify-content:space-between;align-items:center;display:flex}.diary-entry-actions{gap:var(--space-2);display:flex}.badge-estimation{font-size:var(--text-xs);border-radius:var(--radius-full);padding:2px 8px}.badge-estimation-exact{color:var(--success);background:#34d39926}.badge-estimation-estimated{color:#fbbf24;background:#fbbf2426}.badge-estimation-photo_estimated{color:#60a5fa;background:#60a5fa26}.daily-totals-calories{align-items:baseline;gap:var(--space-1);margin-bottom:var(--space-2);display:flex}.daily-totals-value{font-size:var(--text-2xl);color:var(--text-primary);font-weight:700}.daily-totals-goal{color:var(--text-secondary)}.daily-totals-unit{color:var(--text-secondary);font-size:var(--text-sm)}.daily-totals-macros{gap:var(--space-4);margin-top:var(--space-2);display:flex}.daily-totals-macro{flex-direction:column;display:flex}.daily-totals-macro-label{font-size:var(--text-xs);color:var(--text-secondary)}.daily-totals-macro-value{font-weight:600;font-size:var(--text-sm)}.nutrient-bar{height:6px;margin-top:var(--space-2);border-radius:3px;display:flex;overflow:hidden}.nutrient-bar-segment{min-width:2px}.nutrient-bar-protein{background:#60a5fa}.nutrient-bar-fat{background:#fbbf24}.nutrient-bar-carbs{background:#34d399}:root,html[data-theme=dusk]{--bg-primary:#111318;--bg-secondary:#1a1c23;--bg-surface:#1f2128;--bg-elevated:#262830;--bg-overlay:#0009;--text-primary:#eef0f4;--text-secondary:#9298a8;--text-hint:#5e6478;--text-inverse:#111318;--accent-base:#818cf8;--accent-hover:#6366f1;--accent-subtle:#818cf81f;--accent-muted:#818cf80f;--success:#34d399;--success-bg:#34d3991f;--warning:#fbbf24;--warning-bg:#fbbf241f;--error:#f87171;--error-bg:#f871711f;--destructive:#f87171;--info:#60a5fa;--info-bg:#60a5fa1f;--button-bg:#818cf8;--button-text:#fff;--button-hover:#6366f1;--link:#818cf8;--border-default:#2a2d38;--border-subtle:#ffffff0f;--border-strong:#3d4150;--nav-active-bg:var(--accent-subtle);--nav-hover-bg:var(--accent-muted);--shadow-sm:0 1px 3px #0000003d;--shadow-md:0 4px 12px #00000052;--shadow-lg:0 8px 28px #0006;--skeleton-base:#1f2128;--skeleton-shine:#2a2d38;--focus-ring:#818cf880;--scrollbar-track:#1a1c23;--scrollbar-thumb:#3d4150;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.0625rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.6;--space-0:0;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:14px;--radius-full:9999px;--z-base:0;--z-sticky:10;--z-sidebar:50;--z-nav:100;--z-overlay:200;--z-modal:300;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--safe-area-right:env(safe-area-inset-right,0px)}html[data-theme=dawn]{--bg-primary:#f5f5f7;--bg-secondary:#ededf0;--bg-surface:#fff;--bg-elevated:#f9f9fb;--bg-overlay:#00000059;--text-primary:#1a1c23;--text-secondary:#5e6478;--text-hint:#8b90a0;--text-inverse:#f5f5f7;--accent-base:#6366f1;--accent-hover:#4f46e5;--accent-subtle:#6366f11a;--accent-muted:#6366f10d;--success:#059669;--success-bg:#05966914;--warning:#d97706;--warning-bg:#d9770614;--error:#dc2626;--error-bg:#dc262614;--destructive:#dc2626;--info:#2563eb;--info-bg:#2563eb14;--button-bg:#6366f1;--button-text:#fff;--button-hover:#4f46e5;--link:#6366f1;--border-default:#dcdde2;--border-subtle:#0000000f;--border-strong:#b8bac2;--nav-active-bg:var(--accent-subtle);--nav-hover-bg:var(--accent-muted);--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 28px #0000001f;--skeleton-base:#ededf0;--skeleton-shine:#dcdde2;--focus-ring:#6366f166;--scrollbar-track:#ededf0;--scrollbar-thumb:#c4c6ce}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:var(--text-base);line-height:var(--leading-relaxed);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}.container{max-width:1200px;padding:0 var(--space-4);margin:0 auto}.card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-3)}.btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:500;font-size:inherit;border:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.btn:hover{text-decoration:none}@media (width<=767px){.btn{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:600;display:flex}.btn+.btn{margin-top:var(--space-2)}}.btn-primary{background:var(--button-bg);color:var(--button-text);border:none}@media (width>=768px){.btn-primary:hover{background:var(--accent-hover)}}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-default);background:0 0}@media (width>=768px){.btn-secondary:hover{background:var(--bg-secondary)}}@media (width<=767px){.btn-secondary{background:var(--bg-secondary);border:none}}.btn-danger{color:var(--destructive);border:1px solid var(--destructive);background:0 0}.btn-link{color:var(--link);padding:var(--space-2) 0;background:0 0;border:none;font-weight:400}.input{width:100%;padding:var(--space-2) var(--space-3);background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem}.input:focus{border-color:var(--accent-base);outline:none}@media (width<=767px){.input{padding:var(--space-3);background:var(--bg-surface);font-size:var(--text-base);border-radius:10px;font-family:inherit}.input:focus{border-color:var(--button-bg)}.input::placeholder{color:var(--text-hint)}}.spinner{border:2px solid var(--border-default);border-top-color:var(--accent-base);border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.screen{padding:var(--space-4);max-width:480px;margin:0 auto}@media (width>=768px){.screen{max-width:720px}}.card-title,.section-header{font-size:var(--text-sm);color:var(--tg-section-header,var(--text-secondary));text-transform:uppercase;letter-spacing:.02em;font-weight:600}.card-title{margin-bottom:var(--space-2)}.section-header{padding:var(--space-6) 0 var(--space-2)}.card-row{padding:var(--space-2) 0;justify-content:space-between;align-items:center;display:flex}.card-row+.card-row{border-top:.5px solid var(--border-subtle)}.card-label{font-size:var(--text-base);color:var(--text-primary)}.card-value{font-size:var(--text-base);color:var(--text-hint);text-align:right}.card-header{font-size:var(--text-lg);margin-bottom:var(--space-1);font-weight:600}.card-desc{font-size:var(--text-sm);color:var(--text-hint);line-height:var(--leading-relaxed);margin-bottom:var(--space-3)}.badge{align-items:center;gap:var(--space-1);padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:500;display:inline-flex}.badge-running{background:var(--success-bg);color:var(--success)}.badge-provisioning{background:var(--info-bg);color:var(--info)}.badge-paused{background:var(--warning-bg);color:var(--warning)}.badge-stopped{background:var(--error-bg);color:var(--error)}.badge-pending{background:var(--info-bg);color:var(--info)}.badge-error{background:var(--error-bg);color:var(--error)}.progress-bar{background:var(--bg-secondary);width:100%;height:6px;margin-top:var(--space-1);border-radius:3px;overflow:hidden}@media (width>=768px){.progress-bar{background:var(--bg-primary);margin-top:var(--space-3)}}.progress-fill{background:var(--button-bg);border-radius:3px;height:100%;transition:width .3s}.progress-fill.warning{background:var(--warning)}.progress-fill.danger{background:var(--error)}.banner{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3);border-radius:10px;font-size:14px}.banner-warning{background:var(--warning-bg);color:var(--warning)}.banner-error{background:var(--error-bg);color:var(--error)}.banner-success{background:var(--success-bg);color:var(--success)}.banner-info{background:var(--info-bg);color:var(--info)}.tier-card{background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-3);border:2px solid #0000}.tier-card.current{border-color:var(--button-bg)}.tier-name{font-size:var(--text-lg);margin-bottom:var(--space-1);font-weight:700}.tier-price{font-size:var(--text-base);color:var(--text-hint);margin-bottom:var(--space-3)}.tier-features{color:var(--text-secondary);font-size:14px;list-style:none}.tier-features li{padding:3px 0}.tier-features li:before{content:"✓ ";color:var(--button-bg)}.faq-list{background:var(--bg-surface);border-radius:var(--radius-lg);overflow:hidden}.faq-item{overflow:hidden}.faq-item+.faq-item{border-top:.5px solid var(--border-subtle)}.faq-question{padding:var(--space-3) var(--space-4);font-size:var(--text-base);cursor:pointer;color:var(--text-primary);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;font-weight:500;display:flex}.faq-answer{min-height:0}.faq-answer-text{padding:0 var(--space-4) var(--space-3);color:var(--text-hint);font-size:14px;line-height:var(--leading-relaxed)}.mode-card{background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-4);margin-bottom:var(--space-3);cursor:pointer;border:2px solid #0000;transition:border-color .2s}.mode-card:active{border-color:var(--button-bg)}.mode-card-icon{font-size:var(--text-3xl);margin-bottom:var(--space-2)}.mode-card-title{font-size:var(--text-lg);margin-bottom:var(--space-1);font-weight:600}.mode-card-desc{color:var(--text-hint);font-size:14px;line-height:var(--leading-normal)}.atmosphere-switcher{background:var(--bg-primary);border-radius:var(--radius-md);gap:2px;padding:2px;display:flex}.atmosphere-segment{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex:1;font-weight:600;transition:background-color .2s,color .2s}.atmosphere-segment.active{background:var(--accent-base);color:var(--button-text)}.language-switcher{background:var(--bg-primary);border-radius:var(--radius-md);gap:2px;padding:2px;display:flex}.lang-segment{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;background:0 0;border:none;flex:1;font-weight:600;transition:all .2s}.lang-segment.active{background:var(--accent-base);color:var(--button-text)}.mode-switcher{background:var(--bg-primary);border-radius:var(--radius-md);gap:2px;padding:2px;display:flex}.mode-segment{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex:1;font-weight:600;transition:all .2s}.mode-segment.active{background:var(--accent-base);color:var(--button-text)}.mode-segment:disabled{opacity:.5;cursor:not-allowed}.switch-token-help{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--text-hint);line-height:var(--leading-relaxed);white-space:pre-line}.switch-error{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--error-bg);color:var(--error);border-radius:var(--radius-md);font-size:var(--text-sm)}.confirm-overlay{background:var(--bg-overlay);z-index:var(--z-overlay);padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog{background:var(--bg-surface);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;width:100%;max-width:320px}.confirm-title{font-size:var(--text-lg);margin-bottom:var(--space-2);font-weight:600}.confirm-message{color:var(--text-hint);margin-bottom:var(--space-5);font-size:14px;line-height:var(--leading-normal)}.danger-zone{margin-top:var(--space-12);padding:var(--space-6);border:1px solid color-mix(in srgb, var(--destructive) 30%, transparent);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--destructive) 4%, transparent)}.danger-zone-header{font-size:var(--text-sm);color:var(--destructive);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3);font-weight:500}.danger-zone-desc{font-size:var(--text-sm);color:var(--text-hint);line-height:var(--leading-normal);margin-bottom:var(--space-4)}.btn-danger-muted{color:var(--text-hint);border:1px solid var(--border-default);font-size:var(--text-sm);opacity:.8;background:0 0}@media (width>=768px){.btn-danger-muted:hover{color:var(--destructive);border-color:var(--destructive);opacity:1}}.confirm-dialog-wide{border:1px solid color-mix(in srgb, var(--destructive) 20%, var(--border-default));max-width:380px}.confirm-icon{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.confirm-consequences{text-align:left;margin-bottom:var(--space-4)}.confirm-consequences-header{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2)}.confirm-consequences-list{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);list-style:none}.confirm-consequences-list li:before{content:"• ";color:var(--destructive)}.confirm-input-section{margin-bottom:var(--space-4)}.confirm-input-label{font-size:var(--text-xs);color:var(--text-hint);margin-bottom:var(--space-2);display:block}.confirm-input{text-align:center}.confirm-input:focus{border-color:var(--destructive)}.confirm-actions{gap:var(--space-2);flex-direction:column;display:flex}.confirm-btn-locked{opacity:.4;pointer-events:none}html[data-theme-ready] body,html[data-theme-ready] .sidebar,html[data-theme-ready] .card,html[data-theme-ready] .mobile-nav,html[data-theme-ready] .btn,html[data-theme-ready] .badge,html[data-theme-ready] .confirm-dialog,html[data-theme-ready] .confirm-overlay,html[data-theme-ready] .danger-zone,html[data-theme-ready] .login-card,html[data-theme-ready] .tier-card,html[data-theme-ready] .faq-list,html[data-theme-ready] .banner{transition:background-color .3s,color .3s,border-color .3s,box-shadow .3s}html:not([data-theme-ready]) *{transition:none!important}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.main-content>*{animation:.2s ease-out page-enter}@keyframes card-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dashboard-stats .stat-card,.billing-plans-grid .tier-card{animation:.25s ease-out both card-enter}.dashboard-stats .stat-card:first-child,.billing-plans-grid .tier-card:first-child{animation-delay:0s}.dashboard-stats .stat-card:nth-child(2),.billing-plans-grid .tier-card:nth-child(2){animation-delay:60ms}.dashboard-stats .stat-card:nth-child(3),.billing-plans-grid .tier-card:nth-child(3){animation-delay:.12s}.dashboard-stats .stat-card:nth-child(4),.billing-plans-grid .tier-card:nth-child(4){animation-delay:.18s}@media (width>=768px){.btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.card:hover{border-color:var(--border-strong);background:var(--bg-elevated)}}.btn:active{opacity:.85;transform:scale(.97)}.btn{transition:background-color .15s,transform .15s,box-shadow .15s,opacity .1s}@keyframes overlay-enter{0%{opacity:0}to{opacity:1}}@keyframes dialog-enter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.confirm-overlay{animation:.2s ease-out overlay-enter}.confirm-dialog{animation:.2s ease-out dialog-enter}.badge{transition:background-color .25s,color .25s}.progress-fill{transition:width .4s cubic-bezier(.4,0,.2,1),background-color .25s}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--skeleton-base) 0%, var(--skeleton-shine) 50%, var(--skeleton-base) 100%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s linear infinite skeleton-shimmer}.skeleton-text{width:60%;height:1em}.skeleton-badge{width:5em;height:1.5em}.skeleton-bar{width:100%;height:6px}.faq-answer-wrapper{grid-template-rows:0fr;transition:grid-template-rows .25s ease-out;display:grid}.faq-answer-wrapper.open{grid-template-rows:1fr}.faq-answer-wrapper>.faq-answer{overflow:hidden}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.banner{border-radius:var(--radius-lg)}@media (width<=767px){.btn{border-radius:var(--radius-lg)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}