:root{--app-header-height:64px;--app-header-logo-height:44px;--app-header-padding-x:var(--space-6);--app-header-max-width:1400px;--app-menu-width:min(320px,85vw);--app-menu-padding:var(--space-6);--touch-target-min:44px;--header-glass-bg:hsla(0,0%,100%,.78);--header-glass-blur:24px;--header-glass-saturate:180%;--header-glass-border:hsla(0,0%,100%,.5);--menu-glass-bg:hsla(0,0%,100%,.94);--menu-glass-blur:40px;--menu-overlay-bg:rgba(0,0,0,.3);--header-shadow:0 1px 0 rgba(0,0,0,.03),0 2px 8px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.03);--header-shadow-scrolled:0 1px 0 rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.06),0 12px 32px rgba(0,0,0,.04);--header-transition:.3s cubic-bezier(.4,0,.2,1);--menu-transition:.4s cubic-bezier(.32,.72,0,1)}.app-header{backdrop-filter:blur(var(--header-glass-blur)) saturate(var(--header-glass-saturate));-webkit-backdrop-filter:blur(var(--header-glass-blur)) saturate(var(--header-glass-saturate));background:var(--header-glass-bg);border-bottom:1px solid var(--header-glass-border);box-shadow:var(--header-shadow);padding-top:env(safe-area-inset-top);position:sticky;top:0;transition:transform var(--header-transition),box-shadow var(--header-transition);z-index:var(--z-sticky,100)}.app-header--scrolled{box-shadow:var(--header-shadow-scrolled)}.app-header--hidden{transform:translateY(-100%)}.app-header__content{align-items:center;box-sizing:border-box;display:flex;height:var(--app-header-height);justify-content:space-between;margin:0 auto;max-width:var(--app-header-max-width);padding:var(--space-4) var(--app-header-padding-x)}.app-header__logo{align-items:center;display:flex;flex-shrink:0;min-height:var(--touch-target-min);padding:var(--space-1) 0;text-decoration:none}.app-header__logo-img{display:block;height:var(--app-header-logo-height);width:auto}.app-header__menu-btn{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;cursor:pointer;display:flex;flex-direction:column;gap:5px;height:var(--touch-target-min);justify-content:center;padding:var(--space-2);width:var(--touch-target-min);-webkit-tap-highlight-color:transparent;border-radius:var(--radius-md,8px);transition:background-color .15s ease}.app-header__menu-btn:hover{background-color:rgba(0,0,0,.04)}.app-header__menu-btn:focus-visible{outline:2px solid var(--color-coral-500,#fe725c);outline-offset:2px}.app-header__menu-btn span{background-color:var(--color-text-primary,#1a1a1a);border-radius:2px;display:block;height:2px;transform-origin:center;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s ease,width .2s ease;width:22px}.app-header__menu-btn.active span:first-child{transform:translateY(7px) rotate(45deg)}.app-header__menu-btn.active span:nth-child(2){opacity:0;width:0}.app-header__menu-btn.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.app-menu-overlay{background:var(--menu-overlay-bg);top:0;right:0;bottom:0;left:0;opacity:0;overscroll-behavior:contain;position:fixed;transition:opacity var(--menu-transition),visibility var(--menu-transition);visibility:hidden;z-index:var(--z-modal,200)}.app-menu-overlay.active{opacity:1;visibility:visible}.app-menu{backdrop-filter:blur(var(--menu-glass-blur)) saturate(200%);-webkit-backdrop-filter:blur(var(--menu-glass-blur)) saturate(200%);background:var(--menu-glass-bg);bottom:0;box-shadow:-1px 0 rgba(0,0,0,.05),-8px 0 32px rgba(0,0,0,.08),-16px 0 64px rgba(0,0,0,.04);display:flex;flex-direction:column;overflow:hidden;padding-bottom:env(safe-area-inset-bottom);padding-right:env(safe-area-inset-right);padding-top:env(safe-area-inset-top);position:fixed;right:0;top:0;transform:translate(100%);transition:transform var(--menu-transition);width:var(--app-menu-width);z-index:calc(var(--z-modal, 200) + 1)}.app-menu-overlay.active .app-menu{transform:translate(0)}.app-menu__close{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,.06);border:none;border-radius:50%;color:var(--color-text-secondary,#666);cursor:pointer;display:flex;font-size:18px;font-weight:300;height:32px;justify-content:center;line-height:1;position:absolute;right:var(--space-4);top:calc(var(--space-4) + env(safe-area-inset-top));width:32px;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease,transform .15s ease}.app-menu__close:hover{background:rgba(0,0,0,.1)}.app-menu__close:active{transform:scale(.95)}.app-menu__close:focus-visible{outline:2px solid var(--color-coral-500,#fe725c);outline-offset:2px}.app-menu__scroll{flex:1;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:var(--app-menu-padding);padding-top:calc(var(--space-12) + env(safe-area-inset-top))}.app-menu__user{border-bottom:1px solid rgba(0,0,0,.06);margin-bottom:var(--space-5);padding-bottom:var(--space-5)}.app-menu__user-name{color:var(--color-text-primary,#1a1a1a);font-size:var(--text-lg,18px);font-weight:var(--weight-semibold,600);line-height:1.3;margin:0 0 var(--space-1) 0}.app-menu__user-tier{align-items:center;color:var(--color-text-secondary,#666);display:inline-flex;font-size:var(--text-sm,14px);gap:var(--space-1-5)}.app-menu__tier-badge{border-radius:var(--radius-full,999px);display:inline-block;font-size:var(--text-xs,12px);font-weight:var(--weight-medium,500);letter-spacing:.03em;padding:2px 8px;text-transform:uppercase}.app-menu__tier-badge--free{background:rgba(0,0,0,.06);color:var(--color-text-secondary,#666)}.app-menu__tier-badge--starter{background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:#0369a1}.app-menu__tier-badge--pro{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309}.app-menu__tier-badge--elite{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#be185d}.app-menu__usage{margin-top:var(--space-4)}.app-menu__usage-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:var(--space-2) 0;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.app-menu__usage-title{color:var(--color-text-secondary,#666);font-size:var(--text-sm,14px);font-weight:var(--weight-medium,500);letter-spacing:.05em;text-transform:uppercase}.app-menu__usage-toggle{color:var(--color-text-tertiary,#999);font-size:10px;transition:transform .2s ease}.app-menu__usage-header.collapsed .app-menu__usage-toggle{transform:rotate(-90deg)}.app-menu__usage-stats{display:flex;flex-direction:column;gap:var(--space-3);max-height:200px;opacity:1;overflow:hidden;padding-top:var(--space-3);transition:max-height .3s ease,opacity .2s ease}.app-menu__usage-header.collapsed+.app-menu__usage-stats{max-height:0;opacity:0;padding-top:0}.app-menu__stat{display:flex;flex-direction:column;gap:var(--space-1-5)}.app-menu__stat-header{align-items:center;display:flex;justify-content:space-between}.app-menu__stat-label{color:var(--color-text-secondary,#666);font-size:var(--text-sm,14px)}.app-menu__stat-value{color:var(--color-text-primary,#1a1a1a);font-size:var(--text-sm,14px);font-weight:var(--weight-medium,500)}.app-menu__stat-value--unlimited{color:var(--color-coral-500,#fe725c)}.app-menu__progress{background:rgba(0,0,0,.06);border-radius:2px;height:4px;overflow:hidden}.app-menu__progress-fill{background:linear-gradient(90deg,var(--color-coral-400,#ff8a75) 0,var(--color-coral-500,#fe725c) 100%);border-radius:2px;height:100%;transition:width .4s ease}.app-menu__nav{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-5)}.app-menu__link{align-items:center;border-radius:var(--radius-lg,12px);color:var(--color-text-primary,#1a1a1a);display:flex;font-size:var(--text-base,16px);font-weight:var(--weight-medium,500);gap:var(--space-3);margin:0 calc(var(--space-4)*-1);padding:var(--space-3) var(--space-4);text-decoration:none;transition:background-color .15s ease,transform .15s ease;-webkit-tap-highlight-color:transparent}.app-menu__link:hover{background:rgba(0,0,0,.04)}.app-menu__link:active{background:rgba(0,0,0,.06);transform:scale(.98)}.app-menu__link--active{background:rgba(254,114,93,.08);color:var(--color-coral-500,#fe725c)}.app-menu__link--active:hover{background:rgba(254,114,93,.12)}.app-menu__link-icon{height:20px;opacity:.7;width:20px}.app-menu__link--active .app-menu__link-icon{opacity:1}.app-menu__section{border-top:1px solid rgba(0,0,0,.06);margin-top:var(--space-4);padding-top:var(--space-4)}.app-menu__section-title{color:var(--color-text-tertiary,#999);font-size:var(--text-xs,12px);font-weight:var(--weight-semibold,600);letter-spacing:.08em;margin-bottom:var(--space-2);margin-left:calc(var(--space-4)*-1);padding:0 var(--space-4);text-transform:uppercase}.app-menu__section .app-menu__link{font-size:var(--text-sm,14px);font-weight:var(--weight-regular,400);padding:var(--space-2-5) var(--space-4)}.app-menu__lang{border-top:1px solid rgba(0,0,0,.06);margin-top:var(--space-4);padding-top:var(--space-4)}.app-menu__lang-title{color:var(--color-text-tertiary,#999);font-size:var(--text-xs,12px);font-weight:var(--weight-semibold,600);letter-spacing:.08em;margin-bottom:var(--space-3);text-transform:uppercase}.app-menu__lang-container .language-switcher-buttons{display:flex;gap:var(--space-2)}.app-menu__lang-container .lang-btn{background:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-md,8px);color:var(--color-text-secondary,#666);cursor:pointer;flex:1;font-size:var(--text-sm,14px);font-weight:var(--weight-medium,500);min-height:var(--touch-target-min);padding:var(--space-2-5) var(--space-4);transition:all .15s ease;-webkit-tap-highlight-color:transparent}.app-menu__lang-container .lang-btn:hover{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.12)}.app-menu__lang-container .lang-btn.active{background:var(--color-coral-500,#fe725c);border-color:var(--color-coral-500,#fe725c);color:#fff;font-weight:var(--weight-semibold,600)}.app-menu__lang-container .lang-btn.active:hover{background:var(--color-coral-600,#e5564a);border-color:var(--color-coral-600,#e5564a)}.app-menu__auth{border-top:1px solid rgba(0,0,0,.06);margin-top:auto;padding-top:var(--space-5)}.app-menu__auth-btn{border:none;border-radius:var(--radius-lg,12px);cursor:pointer;font-size:var(--text-base,16px);font-weight:var(--weight-semibold,600);padding:var(--space-3-5) var(--space-6);transition:transform .15s ease,box-shadow .15s ease,background .15s ease;width:100%;-webkit-tap-highlight-color:transparent}.app-menu__auth-btn--signin{background:linear-gradient(135deg,var(--color-coral-400,#ff8a75) 0,var(--color-coral-500,#fe725c) 100%);box-shadow:0 4px 12px rgba(254,114,93,.3);color:#fff}.app-menu__auth-btn--signin:hover{box-shadow:0 6px 16px rgba(254,114,93,.4);transform:translateY(-1px)}.app-menu__auth-btn--signin:active{transform:scale(.98)}.app-menu__auth-btn--signout{background:rgba(0,0,0,.06);color:var(--color-text-secondary,#666)}.app-menu__auth-btn--signout:hover{background:rgba(0,0,0,.1)}.app-menu__auth-btn--signout:active{transform:scale(.98)}@media(prefers-reduced-motion:reduce){.app-header,.app-header__menu-btn span,.app-menu,.app-menu-overlay,.app-menu__auth-btn,.app-menu__link,.app-menu__progress-fill,.app-menu__usage-stats,.app-menu__usage-toggle{transition:none}.app-header--hidden{transform:translateY(-100%)}.app-menu-overlay.active .app-menu{transform:translate(0)}}@media(max-width:480px){:root{--app-header-padding-x:var(--space-4);--app-menu-padding:var(--space-5)}.app-header__logo-img{height:40px}}@media(min-width:768px){:root{--app-menu-width:360px}}body.app-menu-open{height:100%;overflow:hidden;position:fixed;width:100%}.app-menu__toggle{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:var(--space-3) 0;-webkit-tap-highlight-color:transparent}.app-menu__toggle-label{display:flex;flex-direction:column;gap:2px}.app-menu__toggle-label>span:first-child{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:500}.app-menu__toggle-hint{color:var(--color-text-tertiary);font-size:var(--text-xs);font-weight:400}.app-menu__toggle-input{height:0;opacity:0;position:absolute;width:0}.app-menu__toggle-switch{background:var(--color-bg-tertiary);border-radius:999px;flex-shrink:0;height:31px;position:relative;transition:background .3s ease;width:51px}.app-menu__toggle-switch:after{background:#fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);content:"";height:27px;left:2px;position:absolute;top:2px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:27px}.app-menu__toggle-input:checked+.app-menu__toggle-switch{background:var(--color-coral-500,#fe725c)}.app-menu__toggle-input:checked+.app-menu__toggle-switch:after{transform:translate(20px)}.app-menu__toggle-input:focus-visible+.app-menu__toggle-switch{outline:2px solid var(--color-coral-500);outline-offset:2px}:root{--tab-bar-height:64px;--tab-bar-bottom:16px;--tab-bar-bg:rgba(0,0,0,.7);--tab-bar-glass-blur:24px;--tab-bar-glass-saturate:180%;--tab-bar-active-bg:hsla(0,0%,100%,.12);--tab-bar-radius:999px;--tab-icon-size:24px;--tab-label-size:14px;--tab-coral:#fe725c;--tab-coral-glow:hsla(8,99%,68%,.6);--tab-coral-glow-diffuse:hsla(8,99%,68%,.25)}.app-tab-bar{backdrop-filter:blur(var(--tab-bar-glass-blur)) saturate(var(--tab-bar-glass-saturate));-webkit-backdrop-filter:blur(var(--tab-bar-glass-blur)) saturate(var(--tab-bar-glass-saturate));background:var(--tab-bar-bg);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--tab-bar-radius);bottom:calc(var(--tab-bar-bottom) + env(safe-area-inset-bottom));box-shadow:0 4px 24px rgba(0,0,0,.25),0 12px 48px rgba(0,0,0,.15),inset 0 1px rgba(255,255,255,.08);gap:6px;left:50%;padding:10px 14px;position:fixed;transform:translate(-50%);z-index:90}.app-tab-bar,.app-tab-bar__btn{align-items:center;display:flex;justify-content:center}.app-tab-bar__btn{background:transparent;border:none;cursor:pointer;flex-direction:row;gap:8px;padding:12px 14px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent;border-radius:var(--tab-bar-radius);color:inherit}.app-tab-bar__icon{align-items:center;display:flex;flex-shrink:0;height:var(--tab-icon-size);justify-content:center;opacity:.5;position:relative;transition:all .3s ease;width:var(--tab-icon-size)}.app-tab-bar__icon:before{background:radial-gradient(circle,var(--tab-coral-glow-diffuse) 0,transparent 70%);border-radius:50%;content:"";top:-8px;right:-8px;bottom:-8px;left:-8px;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease}.app-tab-bar__icon svg{color:#fff;height:100%;width:100%}.app-tab-bar__label{color:#fff;font-size:var(--tab-label-size);font-weight:500;letter-spacing:-.01em;max-width:0;opacity:0;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.app-tab-bar__btn.active{background:var(--tab-bar-active-bg);padding:12px 20px}.app-tab-bar__btn.active .app-tab-bar__icon{opacity:1}.app-tab-bar__btn.active .app-tab-bar__icon svg{color:var(--tab-coral);filter:drop-shadow(0 0 6px var(--tab-coral-glow)) drop-shadow(0 0 12px var(--tab-coral-glow-diffuse))}.app-tab-bar__btn.active .app-tab-bar__icon:before{opacity:1}.app-tab-bar__btn.active .app-tab-bar__label{max-width:100px;opacity:1}.app-tab-bar__btn:hover:not(.active) .app-tab-bar__icon{opacity:.75}.app-tab-bar__btn:active{transform:scale(.95)}body.has-tab-bar{padding-bottom:calc(90px + env(safe-area-inset-bottom))}@media(min-width:768px){:root{--tab-bar-bottom:24px;--tab-icon-size:26px;--tab-label-size:15px}.app-tab-bar{gap:8px;padding:12px 18px}.app-tab-bar__btn{padding:14px 16px}.app-tab-bar__btn.active{padding:14px 24px}body.has-tab-bar{padding-bottom:110px}}.segment-control{background:var(--color-bg-tertiary,#eeebe8);border-radius:12px;display:flex;gap:4px;margin:0 auto var(--space-4,16px);padding:4px;width:-moz-fit-content;width:fit-content}.segment-control__btn{background:transparent;border:none;border-radius:10px;color:var(--color-text-secondary,#4a4a4a);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.segment-control__btn.active,.segment-control__btn:hover:not(.active){color:var(--color-text-primary,#1a1a1a)}.segment-control__btn.active{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08)}.segment-control__btn.featured{animation:segment-pulse 2.5s ease-in-out infinite;background:linear-gradient(135deg,rgba(254,114,93,.12),rgba(254,114,93,.06));border:1px solid hsla(8,99%,68%,.25);color:var(--tab-coral,#fe725c);position:relative}.segment-control__btn.featured:hover:not(.active){background:linear-gradient(135deg,rgba(254,114,93,.18),rgba(254,114,93,.1));color:var(--tab-coral,#fe725c)}.segment-control__btn.featured.active{animation:none;background:var(--tab-coral,#fe725c);border:none;box-shadow:0 2px 12px rgba(254,114,93,.4);color:#fff}@keyframes segment-pulse{0%,to{box-shadow:0 0 rgba(254,114,93,0)}50%{box-shadow:0 0 0 4px rgba(254,114,93,.15)}}@media(max-width:480px){.segment-control{margin-left:16px;margin-right:16px;width:calc(100% - 32px)}.segment-control__btn{flex:1;font-size:13px;padding:8px 12px;text-align:center}}@media(prefers-reduced-motion:reduce){.app-tab-bar__btn,.app-tab-bar__icon,.app-tab-bar__label,.segment-control__btn{transition:none}}.app-tab-bar__btn:focus-visible,.segment-control__btn:focus-visible{outline:2px solid var(--color-coral-500,#fe725c);outline-offset:2px}.bottom-tab-bar{display:none!important}