.mobile-nav{background:var(--tg-theme-bottom-bar-bg-color,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-3);cursor:pointer;color:var(--text-hint);font-size:var(--text-xs);border-radius:var(--radius-md);background:0 0;border:none;flex-direction:column;font-weight:500;line-height:1;transition:color .2s,background-color .2s;display:flex}.mobile-nav-item.active{color:var(--accent-base);background:var(--accent-subtle)}.mobile-nav-item svg{flex-shrink:0}.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(auto-fit,minmax(200px,1fr));display:grid}@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(--border-subtle);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:1px solid var(--border-default)}}.stat-card h3{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2);font-weight:500}.stat-card .stat-value{font-size:var(--text-xl);text-transform:capitalize;font-weight:600}.channel-value{text-transform:none;font-size:var(--text-lg)}.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-base);color:var(--text-primary);margin-bottom:0;font-weight:400}.stat-card .stat-value{font-size:var(--text-base);color:var(--text-secondary);text-transform:none;font-weight:400}.stat-card .stat-value.channel-value{text-overflow:ellipsis;white-space:nowrap;text-align:right;max-width:65%;overflow:hidden}.channel-value a{color:var(--accent-base)}.stat-card .badge{font-size:var(--text-base);padding:var(--space-0-5) var(--space-2)}}.dashboard-features{margin-bottom:var(--space-6)}.dashboard-features-header{font-size:var(--text-sm);color:var(--tg-section-header,var(--text-secondary));text-transform:uppercase;letter-spacing:.02em;padding:var(--space-4) 0 var(--space-2);font-weight:600}.dashboard-features-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.feature-tile{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4);text-align:left;cursor:pointer;gap:var(--space-1);width:100%;box-shadow:var(--shadow-sm);flex-direction:column;transition:opacity .15s;display:flex}.feature-tile:active{opacity:.7}.feature-tile-icon{border-radius:var(--radius-md);background:var(--success-bg);width:36px;height:36px;color:var(--success);margin-bottom:var(--space-2);justify-content:center;align-items:center;display:flex}.feature-tile-title{font-size:var(--text-base);color:var(--text-primary);font-weight:600}.feature-tile-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal)}.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-4);padding:var(--space-3) var(--space-4)}.billing-current h2{font-size:var(--text-xs);color:var(--tg-section-header);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.billing-plan-row{align-items:center;gap:var(--space-2);display:flex}.billing-plan-name{font-size:var(--text-lg);text-transform:capitalize;font-weight:700}.billing-plan-row .badge{font-size:var(--text-xs,12px)}.billing-plan-expires{font-size:var(--text-xs);color:var(--text-hint);margin-top:var(--space-1)}.billing-usage{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-default)}.billing-usage .card-value{font-size:var(--text-xs);color:var(--text-secondary);text-align:left;margin-bottom:var(--space-1);display:block}.billing-plans-title{font-size:var(--text-xs);color:var(--tg-section-header);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-3);font-weight:600}.billing-plans-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}@media (width<=767px){.billing-plans-grid{gap:var(--space-2);grid-template-columns:1fr}}.billing-plans-grid .tier-card{padding:var(--space-3) var(--space-4);margin-bottom:0}.billing-plans-grid .tier-name{font-size:var(--text-base);margin-bottom:0}.billing-plans-grid .tier-price{margin-bottom:var(--space-2)}.billing-plans-grid .tier-price-amount{font-size:var(--text-base);font-weight:600}.billing-plans-grid .tier-features{font-size:var(--text-xs)}.billing-plans-grid .tier-features li{padding:1px 0}.tier-card .btn{width:100%;margin-top:var(--space-3);font-size:var(--text-sm);padding:var(--space-2) var(--space-3)}@media (width<=767px){.tier-card .btn{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}}.billing-checkout{margin-top:var(--space-4)}.billing-error{color:var(--destructive,#ef4444);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3);border:1px solid var(--destructive,#ef4444);border-radius:var(--radius-md);font-size:var(--text-sm)}.billing-pending{margin-bottom:var(--space-4);text-align:center;color:var(--text-secondary)}.tier-card.selected{border-color:var(--tg-theme-button-color,var(--accent-base))}.chip-grid{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.chip-tile{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1.5px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-surface);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:border-color .15s,background-color .15s,transform .1s;display:flex}.chip-tile:active{transform:scale(.97)}.chip-tile.selected{border-color:var(--button-bg);background:color-mix(in srgb, var(--button-bg) 8%, var(--bg-surface))}.chip-tile.disabled{opacity:.4;cursor:default}.chip-tile.disabled:active{transform:none}.chip-emoji{flex-shrink:0;font-size:1.25rem;line-height:1}.chip-label{line-height:var(--leading-tight)}@media (prefers-reduced-motion:reduce){.chip-tile{transition:none}.chip-tile:active{transform:none}}.tz-combobox{width:100%;position:relative}.tz-combobox-input-wrapper{position:relative}.tz-combobox-input{box-sizing:border-box;width:100%;padding-right:2.25rem}.tz-combobox-caret{right:var(--space-3);color:var(--text-hint);cursor:pointer;-webkit-tap-highlight-color:transparent;padding:.5rem;font-size:.75rem;transition:transform .15s ease-out;position:absolute;top:50%;transform:translateY(-50%)}.tz-combobox.open .tz-combobox-caret{transform:translateY(-50%)rotate(180deg)}.tz-combobox-dropdown{top:calc(100% + var(--space-1));background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);z-index:20;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;max-height:14rem;position:absolute;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.tz-combobox-option{padding:var(--space-3);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;border-bottom:1px solid var(--border-default);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.tz-combobox-option:last-child{border-bottom:none}.tz-combobox-option.active{background:color-mix(in srgb, var(--button-bg) 10%, var(--bg-surface))}.tz-combobox-option.selected{color:var(--button-bg);font-weight:600}.tz-combobox-empty{padding:var(--space-3);font-size:var(--text-sm);color:var(--text-hint);text-align:center}@media (prefers-reduced-motion:reduce){.tz-combobox-caret{transition:none}}.diary{padding:var(--space-4)}.diary-date-nav{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.diary-date-label{text-align:center;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:var(--text-lg);color:var(--text-primary);flex:1;font-weight:600;overflow:hidden}.diary-date-nav .btn-icon{width:var(--touch-target);height:var(--touch-target);font-size:var(--text-xl);flex-shrink:0}.btn-icon{width:var(--touch-target);height:var(--touch-target);font-size:var(--text-xl);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.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-3) 0;font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.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{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);min-width:0;display:flex}.diary-entry-time{font-size:var(--text-sm);color:var(--text-secondary);flex-shrink:0}.diary-entry-calories{font-weight:600;font-size:var(--text-sm);color:var(--text-primary);font-variant-numeric:tabular-nums;margin-left:auto}.diary-entry-delete{width:var(--icon-touch);height:var(--icon-touch);color:var(--text-hint);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.diary-entry-delete:hover,.diary-entry-delete:active{color:var(--destructive);background:var(--accent-muted)}.diary-entry-items{gap:var(--space-1);flex-direction:column;display:flex}.diary-entry-item{align-items:baseline;column-gap:var(--space-3);row-gap:var(--space-0-5);font-size:var(--text-sm);grid-template-columns:1fr auto auto;display:grid}.diary-entry-item-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-primary);grid-area:1/1;overflow:hidden}.diary-entry-item-portion{font-size:var(--text-xs);color:var(--text-secondary);grid-area:2/1}.diary-entry-item-calories{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-secondary);font-size:var(--text-xs);white-space:nowrap;grid-area:1/2/span 2;align-self:center}.diary-entry-item-delete{width:var(--icon-touch);height:var(--icon-touch);border-radius:var(--radius-md);color:var(--text-hint);font-size:var(--text-sm);cursor:pointer;opacity:.6;background:0 0;border:none;flex-shrink:0;grid-area:1/3/span 2;justify-content:center;align-self:center;align-items:center;padding:0;display:flex}.diary-entry-item-delete:hover,.diary-entry-item-delete:active{opacity:1;color:var(--destructive);background:var(--accent-muted)}.badge-estimation{font-size:var(--text-xs);padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-full);flex-shrink:0}.badge-estimation-exact{background:var(--success-bg);color:var(--success)}.badge-estimation-estimated{background:var(--warning-bg);color:var(--warning)}.badge-estimation-photo_estimated{background:var(--info-bg);color:var(--info)}.daily-totals{padding:var(--space-1) 0}.daily-totals-calories{align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.daily-totals-value{font-size:var(--text-3xl);color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:700;line-height:var(--leading-tight)}.daily-totals-goal{color:var(--text-secondary);font-size:var(--text-lg)}.daily-totals-unit{color:var(--text-hint);font-size:var(--text-base);margin-left:var(--space-1)}.daily-totals-macros{gap:var(--space-3);margin:var(--space-3) 0;grid-template-columns:repeat(3,1fr);display:grid}.daily-totals-macro{align-items:flex-start;gap:var(--space-0-5);flex-direction:column;display:flex}.daily-totals-macro-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em}.daily-totals-macro-value{font-size:var(--text-base);color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:600}.nutrient-bar{height:var(--bar-height-md);border-radius:var(--radius-sm);margin-top:var(--space-2);display:flex;overflow:hidden}.nutrient-bar-segment{min-width:var(--space-0-5)}.nutrient-bar-protein{background:var(--info)}.nutrient-bar-fat{background:var(--warning)}.nutrient-bar-carbs{background:var(--success)}.onboarding{background:var(--bg-primary);flex-direction:column;max-width:480px;height:100dvh;margin:0 auto;display:flex;overflow:hidden}.onboarding-progress{background:var(--border-default);flex-shrink:0;height:3px}.onboarding-progress-bar{background:var(--button-bg);border-radius:0 1.5px 1.5px 0;height:100%;transition:width .3s ease-out}.onboarding-content{padding:var(--space-6) var(--space-4) var(--space-4);flex:1;animation:.25s ease-out onboarding-slide-in;overflow-y:auto}@keyframes onboarding-slide-in{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.onboarding-content{animation:none}}.onboarding-title{font-size:var(--text-xl);color:var(--text-primary);margin:0 0 var(--space-2);font-weight:600;line-height:var(--leading-tight)}.onboarding-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-5);line-height:var(--leading-normal)}.onboarding-input{width:100%;margin-top:var(--space-2);box-sizing:border-box}.onboarding-other-input{margin-top:var(--space-3)}.onboarding-actions{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);padding-bottom:calc(var(--space-4) + var(--safe-area-bottom));flex-direction:column;flex-shrink:0;display:flex}.onboarding-btn-main{width:100%}.onboarding-btn-skip{font-size:var(--text-sm);color:var(--text-hint);padding:var(--space-2)}.onboarding-summary{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.summary-icon{margin-bottom:var(--space-4);font-size:3rem;line-height:1}.summary-greeting{font-size:var(--text-lg);color:var(--text-primary);margin:0 0 var(--space-2);font-weight:500}.onboarding-error{margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--error-bg);color:var(--error);font-size:var(--text-sm);text-align:center}:root{--bg-primary:var(--tg-theme-bg-color,#fff);--bg-secondary:var(--tg-theme-secondary-bg-color,#f0f0f0);--bg-surface:var(--tg-theme-section-bg-color,#fff);--bg-elevated:var(--tg-theme-secondary-bg-color,#f5f5f5);--bg-overlay:#0009;--text-primary:var(--tg-theme-text-color,#000);--text-secondary:var(--tg-theme-subtitle-text-color,#999);--text-hint:var(--tg-theme-hint-color,#999);--text-inverse:#fff;--accent-base:var(--tg-theme-accent-text-color,#2481cc);--accent-hover:var(--tg-theme-accent-text-color,#2481cc);--accent-subtle:color-mix(in srgb, var(--accent-base) 12%, transparent);--accent-muted:color-mix(in srgb, var(--accent-base) 6%, transparent);--success:#34d399;--success-bg:#34d3991f;--warning:#fbbf24;--warning-bg:#fbbf241f;--error:#f87171;--error-bg:#f871711f;--destructive:var(--tg-theme-destructive-text-color,#ff3b30);--info:var(--tg-theme-accent-text-color,#2481cc);--info-bg:color-mix(in srgb, var(--info) 12%, transparent);--button-bg:var(--tg-theme-button-color,#2481cc);--button-text:var(--tg-theme-button-text-color,#fff);--button-hover:var(--tg-theme-button-color,#2481cc);--link:var(--tg-theme-link-color,#2481cc);--border-default:var(--tg-theme-section-separator-color,#e0e0e0);--border-subtle:var(--tg-theme-section-separator-color,#e0e0e0);--border-strong:var(--tg-theme-section-separator-color,#c8c8cd);--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:var(--tg-theme-secondary-bg-color,#f0f0f0);--skeleton-shine:var(--tg-theme-bg-color,#fff);--focus-ring:color-mix(in srgb, var(--accent-base) 50%, transparent);--scrollbar-track:var(--bg-secondary);--scrollbar-thumb:var(--border-strong);--tg-section-header:var(--tg-theme-section-header-text-color,#6d6d72);--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;--touch-target:44px;--icon-touch:32px;--bar-height-sm:4px;--bar-height-md:6px;--z-base:0;--z-sticky:10;--z-sidebar:50;--z-nav:100;--z-overlay:200;--z-modal:300;--safe-area-top:var(--tg-safe-area-inset-top,env(safe-area-inset-top,0px));--safe-area-bottom:var(--tg-safe-area-inset-bottom,env(safe-area-inset-bottom,0px));--safe-area-left:var(--tg-safe-area-inset-left,env(safe-area-inset-left,0px));--safe-area-right:var(--tg-safe-area-inset-right,env(safe-area-inset-right,0px));--content-safe-area-top:var(--tg-content-safe-area-inset-top,0px);--content-safe-area-bottom:var(--tg-content-safe-area-inset-bottom,0px)}*{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-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:var(--link);text-decoration:none}a:hover{text-decoration:none}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;display:inline-flex}@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-col{align-items:stretch;gap:var(--space-2);flex-direction:column}.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}.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:1px solid var(--border-default)}.tier-card.current{border:2px solid var(--button-bg)}.tier-name{font-size:var(--text-lg);margin-bottom:var(--space-1);font-weight:700}.tier-price{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)}.create-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-5);margin-bottom:var(--space-3);cursor:pointer;box-shadow:var(--shadow-sm);text-align:center;transition:transform .15s,box-shadow .15s,border-color .15s;animation:.25s ease-out both card-enter}.create-card:active{border-color:var(--button-bg);box-shadow:var(--shadow-md);transform:scale(.97)}@media (width>=768px){.create-card:hover{border-color:var(--button-bg);box-shadow:var(--shadow-md);transform:translateY(-2px)}}.create-card-icon{margin-bottom:var(--space-3);font-size:48px}.create-card-title{font-size:var(--text-xl);margin-bottom:var(--space-4);color:var(--button-bg);font-weight:700}.create-card-features{text-align:left;color:var(--text-secondary);font-size:14px;line-height:var(--leading-relaxed);max-width:280px;margin:0 auto;list-style:none}.create-card-features li{padding:var(--space-1) 0}.create-card-features li:before{content:"✓ ";color:var(--button-bg);font-weight:600}.setup-title{text-align:center;margin-bottom:8px;font-size:22px;animation:.2s ease-out both card-enter}.setup-hint{text-align:center;color:var(--tg-theme-hint-color,#999);margin-bottom:24px;font-size:14px;animation:.2s ease-out both card-enter}.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)}.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-3);font-size:var(--text-sm);color:var(--text-hint);line-height:var(--leading-relaxed);padding-top:var(--space-3);border-top:.5px solid var(--border-subtle)}.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-dialog-switch{text-align:left;max-width:380px;max-height:calc(100vh - 2 * var(--space-4));max-height:calc(100dvh - 2 * var(--space-4));-webkit-overflow-scrolling:touch;overflow-y:auto}.confirm-dialog-switch .confirm-title{text-align:center}.confirm-dialog-switch .confirm-message{text-align:center;margin-bottom:var(--space-3)}.confirm-dialog-switch .confirm-input-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.confirm-dialog-switch .confirm-input{text-align:left}.confirm-dialog-switch .confirm-input:focus{border-color:var(--accent-base)}.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-actions-row{flex-direction:row}.confirm-actions-row .btn{flex:1}@media (width<=767px){.confirm-actions-row .btn{width:auto;padding:var(--space-2) var(--space-4);display:flex}.confirm-actions-row .btn+.btn{margin-top:0}}.confirm-btn-locked{opacity:.4;pointer-events:none}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.main-content>*{animation:.2s ease-out page-enter}@media (width<=767px){.main-content{padding-bottom:calc(60px + var(--safe-area-bottom,0px))}}@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)}.input-invalid,.input-invalid:focus{border-color:var(--error)}.input-hint{font-size:var(--text-xs);color:var(--text-hint);margin-top:var(--space-1)}.input-hint-error{color:var(--error)}.botfather-link-loading{opacity:.5;pointer-events:none}.botfather-spinner{border:1.5px solid var(--border-default);border-top-color:var(--accent-base);vertical-align:middle;width:14px;height:14px;margin-left:var(--space-1);border-radius:50%;animation:.8s linear infinite spin;display:inline-block}.token-help-steps{margin-top:var(--space-3)}.token-help-list{padding-left:var(--space-5);font-size:var(--text-sm);color:var(--text-hint);line-height:var(--leading-relaxed);list-style:decimal}.token-help-list li{padding:var(--space-0-5) 0}.token-help-list li::marker{color:var(--text-secondary);font-weight:600}.new-bot-hint{margin-top:var(--space-3)}.new-bot-hint-toggle{align-items:center;gap:var(--space-2);background:var(--bg-secondary);border-radius:var(--radius-md);cursor:pointer;width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);color:var(--link);-webkit-tap-highlight-color:transparent;border:none;font-weight:500;display:flex}.new-bot-hint-toggle:active{opacity:.7}.new-bot-hint-arrow{color:var(--link);font-size:8px;transition:transform .15s;display:inline-block}.new-bot-hint-arrow.expanded{transform:rotate(90deg)}.new-bot-steps{margin-top:var(--space-2)}.username-gen{align-items:center;gap:var(--space-2);margin:var(--space-1) 0;display:flex}.username-gen-value{font-family:SF Mono,Fira Code,ui-monospace,monospace;font-size:var(--text-xs);background:var(--bg-secondary);padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-full);color:var(--link);cursor:pointer;-webkit-tap-highlight-color:transparent}.username-gen-value:active{opacity:.6}.username-gen-refresh{cursor:pointer;font-size:var(--text-sm);-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0;line-height:1}.username-gen-refresh:active{transform:scale(.85)}.username-gen-copied{font-size:var(--text-xs);color:var(--success);font-weight:500;animation:2s ease-out forwards copied-fade}.username-gen-hint{font-size:var(--text-xs);color:var(--hint);margin-top:var(--space-0-5)}@keyframes copied-fade{0%,60%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}