@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{--fx-bg:#0d0d0f;--fx-fg:#f5f5f3;--fx-muted:#ffffff8c;--fx-accent:#c6f24e;--fx-surface:#ffffff0a;--fx-surface-border:#ffffff12;--fx-surface-hover:#ffffff0f;--fx-routine-morning:#ff6b3d;--fx-routine-desk:#c6f24e;--fx-routine-presport:#ffc93d;--fx-routine-postsport:#6ee7ff;--fx-routine-back:#b388ff;--fx-routine-hips:#ff6b3d;--fx-font-display:"Space Grotesk", sans-serif;--fx-font-body:"Inter", sans-serif;--fx-radius-sm:12px;--fx-radius-md:16px;--fx-radius-lg:22px;--fx-radius-xl:28px;--fx-radius-hero:34px;--fx-radius-pill:999px;--fx-page-padding:22px;--fx-gap-sm:8px;--fx-gap-md:10px;--fx-gap-lg:14px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{background-color:var(--fx-bg);color:var(--fx-fg);font-family:var(--fx-font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;font-size:15px;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;max-width:100%;display:block}.home{padding:60px var(--fx-page-padding) 40px;flex-direction:column;gap:20px;min-height:100%;display:flex}.home-header{justify-content:space-between;align-items:flex-start;display:flex}.home-date{color:var(--fx-muted);letter-spacing:.5px;font-size:13px;font-weight:500}.home-title{font-family:var(--fx-font-display);margin-top:4px;font-size:34px;font-weight:700;line-height:1.1}.home-header-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.home-help-btn{border-radius:var(--fx-radius-pill);width:44px;height:44px;color:var(--fx-muted);background:0 0;justify-content:center;align-items:center;display:flex}.home-help-btn:active{background:#ffffff14}.home-help-btn--pulse{animation:2s ease-in-out infinite helpPulse}@keyframes helpPulse{0%,to{opacity:.5}50%{opacity:1;color:var(--fx-accent)}}.home-about-btn{border-radius:var(--fx-radius-pill);width:44px;height:44px;color:var(--fx-muted);background:0 0;justify-content:center;align-items:center;display:flex}.home-about-btn:active{background:#ffffff14}.home-catalog-btn{border-radius:var(--fx-radius-pill);width:44px;height:44px;color:var(--fx-fg);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.home-catalog-btn:active{background:#ffffff14}.home-streak{gap:var(--fx-gap-md);display:flex}.streak-card{border-radius:var(--fx-radius-lg);flex-direction:column;flex:1;gap:2px;padding:14px 16px;display:flex}.streak-card--accent{background:var(--fx-accent);color:#000}.streak-card--dark{background:#ffffff0f}.streak-value{font-family:var(--fx-font-display);font-size:28px;font-weight:700;line-height:1.1}.streak-label{font-size:13px;font-weight:600}.streak-sub{opacity:.7;font-size:12px}.home-featured{border-radius:var(--fx-radius-xl);text-align:left;background:linear-gradient(135deg,#ff6b3d 0%,#ff3d7f 100%);justify-content:space-between;align-items:center;width:100%;min-height:150px;padding:22px;display:flex;position:relative;overflow:hidden}.featured-content{z-index:1;flex-direction:column;gap:6px;display:flex}.featured-tag{text-transform:uppercase;letter-spacing:.5px;color:#0009;font-size:11px;font-weight:600}.featured-title{font-family:var(--fx-font-display);color:#fff;font-size:30px;font-weight:700;line-height:1.1}.featured-cta{color:#fff;border-radius:var(--fx-radius-pill);background:#000;align-items:center;gap:6px;width:fit-content;margin-top:6px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.featured-icon{opacity:.3;font-size:80px;position:absolute;bottom:8px;right:16px}.home-free-session{border-radius:var(--fx-radius-lg);background:var(--fx-surface);text-align:left;border:1px dashed #c6f24e66;align-items:center;gap:12px;width:100%;padding:14px 12px;display:flex}.home-free-session:active{background:var(--fx-surface-hover)}.free-session-icon{width:48px;height:48px;color:var(--fx-accent);background:#c6f24e26;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.free-session-content{flex-direction:column;flex:1;gap:2px;display:flex}.free-session-title{font-family:var(--fx-font-display);font-size:16px;font-weight:700}.free-session-sub{color:var(--fx-muted);font-size:13px}.home-filters{flex-direction:column;gap:12px;display:flex}.home-section-title{font-family:var(--fx-font-display);font-size:20px;font-weight:700}.filter-chips{-webkit-overflow-scrolling:touch;gap:8px;display:flex;overflow-x:auto}.filter-chip{border-radius:var(--fx-radius-pill);white-space:nowrap;color:var(--fx-fg);background:0 0;border:1px solid #ffffff26;padding:7px 14px;font-size:13px;font-weight:600;transition:all .15s}.filter-chip--active{background:var(--fx-fg);color:var(--fx-bg);border-color:var(--fx-fg)}.home-section{flex-direction:column;gap:10px;display:flex}.home-section-toggle{text-align:left;align-items:center;gap:8px;width:100%;padding:4px 0;display:flex}.home-section-toggle .home-section-title{margin:0}.home-section-count{color:var(--fx-muted);background:var(--fx-surface);border-radius:var(--fx-radius-pill);padding:2px 8px;font-size:13px;font-weight:600}.home-section-chevron{color:var(--fx-muted);margin-left:auto;transition:transform .2s}.home-section-chevron--open{transform:rotate(180deg)}.home-routines{gap:var(--fx-gap-md);flex-direction:column;padding-bottom:20px;display:flex}.routine-card{border-radius:var(--fx-radius-lg);background:var(--fx-surface);border:1px solid var(--fx-surface-border);text-align:left;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.routine-card:active{background:var(--fx-surface-hover)}.routine-card--custom{background:0 0;border:1px dashed #c6f24e66}.routine-card--custom:active{background:#c6f24e0d}.routine-icon{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.routine-icon span{font-size:28px}.routine-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.routine-name{font-family:var(--fx-font-display);font-size:16px;font-weight:700}.routine-subtitle{color:var(--fx-muted);font-size:13px}.routine-meta{color:var(--fx-muted);font-size:12px}.routine-chevron{color:var(--fx-muted);flex-shrink:0}.home-help-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.home-help-panel{background:var(--fx-bg);border-radius:var(--fx-radius-hero) var(--fx-radius-hero) 0 0;padding:28px var(--fx-page-padding) 40px;flex-direction:column;gap:16px;width:100%;display:flex}.home-help-title{font-family:var(--fx-font-display);text-align:center;font-size:22px;font-weight:700}.home-help-desc{color:var(--fx-muted);text-align:center;font-size:14px;line-height:1.5}.home-help-note{color:var(--fx-accent);text-align:center;border-radius:var(--fx-radius-pill);background:#c6f24e1a;padding:8px 12px;font-size:13px}.home-help-steps{flex-direction:column;gap:12px;display:flex}.home-help-step{align-items:flex-start;gap:12px;font-size:14px;line-height:1.5;display:flex}.home-help-step-num{border-radius:var(--fx-radius-pill);background:var(--fx-accent);color:#000;width:28px;height:28px;font-family:var(--fx-font-display);flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.home-help-close{border-radius:var(--fx-radius-pill);background:var(--fx-accent);color:#000;width:100%;margin-top:8px;padding:16px;font-size:16px;font-weight:700}.home-help-close:active{opacity:.9}.detail{flex-direction:column;min-height:100%;padding-bottom:100px;display:flex}.detail-back-wrapper{z-index:20;padding:50px var(--fx-page-padding) 8px;position:sticky;top:0}.detail-back{border-radius:var(--fx-radius-pill);width:40px;height:40px;color:var(--fx-fg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;justify-content:center;align-items:center;display:flex}.detail-back:active{background:#fff3}.detail-hero{padding:20px var(--fx-page-padding) 28px;border-radius:0 0 var(--fx-radius-hero) var(--fx-radius-hero);color:#000;margin-top:-58px;padding-top:58px;position:relative;overflow:hidden}.detail-hero-icon{opacity:.35;pointer-events:none;font-size:80px;line-height:1;position:absolute;bottom:12px;right:16px}.detail-tag{text-transform:uppercase;letter-spacing:.5px;opacity:.6;font-size:11px;font-weight:700}.detail-title{font-family:var(--fx-font-display);margin-top:4px;font-size:38px;font-weight:700;line-height:1.05}.detail-subtitle{opacity:.7;margin-top:6px;font-size:15px}.detail-stats{gap:24px;margin-top:20px;display:flex}.detail-stat{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.detail-stat-label{text-transform:uppercase;letter-spacing:.5px;opacity:.5;font-size:10px;font-weight:700}.detail-stat-value{font-family:var(--fx-font-display);font-size:22px;font-weight:700;line-height:1.1}.detail-stat-unit{opacity:.6;margin-top:-2px;font-size:12px}.detail-steps{padding:20px var(--fx-page-padding) 0;flex:1}.detail-steps-header{color:var(--fx-muted);margin-bottom:12px;font-size:14px}.detail-steps-list{gap:var(--fx-gap-sm);flex-direction:column;display:flex}.step-row{background:var(--fx-surface);border-radius:18px;align-items:center;gap:10px;padding:10px;display:flex}.step-number{color:var(--fx-muted);text-align:center;flex-shrink:0;width:20px;font-size:13px;font-weight:600}.step-thumb{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.step-thumb-img{object-fit:contain;border-radius:12px;width:100%;height:100%;padding:4px}.step-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.step-name{font-size:15px;font-weight:600}.step-zone{color:var(--fx-muted);font-size:12px}.step-duration-controls{flex-shrink:0;align-items:center;gap:6px;display:flex}.step-adjust{border-radius:var(--fx-radius-pill);background:var(--fx-surface);border:1px solid var(--fx-surface-border);width:28px;height:28px;color:var(--fx-fg);justify-content:center;align-items:center;padding:0 0 1px;font-size:18px;font-weight:400;line-height:1;transition:transform .15s;display:flex}.step-adjust:active{background:var(--fx-surface-hover);transform:scale(1.2)}.step-duration{color:var(--fx-muted);text-align:center;min-width:48px;font-size:13px;font-weight:600}.detail-actions{padding:16px var(--fx-page-padding) 0;gap:8px;display:flex}.detail-action-btn{border-radius:var(--fx-radius-pill);border:1px solid var(--fx-surface-border);color:var(--fx-fg);background:0 0;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:600;display:flex}.detail-action-btn:active{background:#ffffff0d}.detail-delete-section{padding:16px var(--fx-page-padding) 0}.detail-delete-btn{border-radius:var(--fx-radius-pill);color:#f55;background:0 0;border:1px solid #ff50504d;width:100%;padding:12px;font-size:14px;font-weight:600}.detail-delete-btn:active{background:#ff505014}.detail-delete-confirm{flex-direction:column;align-items:center;gap:10px;display:flex}.detail-delete-msg{color:#f55;font-size:14px;font-weight:600}.detail-delete-actions{gap:8px;width:100%;display:flex}.detail-delete-yes{border-radius:var(--fx-radius-pill);color:#fff;background:#f55;flex:1;padding:12px;font-size:14px;font-weight:700}.detail-delete-yes:active{opacity:.9}.detail-delete-no{border-radius:var(--fx-radius-pill);border:1px solid var(--fx-surface-border);color:var(--fx-fg);flex:1;padding:12px;font-size:14px;font-weight:600}.detail-delete-no:active{background:#ffffff0d}.detail-cta-wrapper{bottom:36px;left:var(--fx-page-padding);right:var(--fx-page-padding);z-index:10;position:fixed}.detail-cta{border-radius:var(--fx-radius-pill);background:var(--fx-accent);color:#000;justify-content:center;align-items:center;gap:10px;width:100%;padding:18px;font-size:17px;font-weight:700;display:flex}.detail-cta:active{opacity:.9}.session{height:100%;padding-bottom:env(safe-area-inset-bottom,20px);flex-direction:column;display:flex}.session-topbar{padding:58px var(--fx-page-padding) 0;align-items:center;display:flex}.session-quit{border-radius:var(--fx-radius-pill);width:40px;height:40px;color:var(--fx-fg);justify-content:center;align-items:center;display:flex}.session-quit:active{background:#ffffff14}.session-topbar-center{flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.session-routine-name{font-size:14px;font-weight:600}.session-counter{color:var(--fx-muted);font-size:12px}.session-topbar-spacer{width:40px}.session-progress{padding:18px var(--fx-page-padding);gap:4px;display:flex}.progress-bar{background:#ffffff1a;border-radius:2px;flex:1;height:3px;overflow:hidden}.progress-bar-fill{border-radius:2px;height:100%;transition:width .3s}.session-hero{margin:0 var(--fx-page-padding);border-radius:36px;flex:1;justify-content:center;align-items:center;min-height:250px;display:flex;position:relative;overflow:hidden}.session-hero--flash,.transition-preview--flash{box-shadow:0 0 60px 20px var(--fx-flash-color), 0 0 120px 40px var(--fx-flash-color-soft)}.session-zone-tag{text-transform:uppercase;letter-spacing:.5px;color:#00000080;border-radius:var(--fx-radius-pill);background:#fff3;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:20px;left:20px}.session-stretch-photo{object-fit:contain;opacity:.85;mix-blend-mode:lighten;width:100%;height:100%;padding:20px;position:absolute;inset:0}.session-info-btn{border-radius:var(--fx-radius-pill);color:#fffc;z-index:6;background:#0000004d;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;bottom:20px;left:20px}.session-info-btn:active{background:#00000080}.session-info-overlay{z-index:5;background:#000c;border-radius:36px;justify-content:center;align-items:center;padding:32px;display:flex;position:absolute;inset:0}.session-info-text{color:#ffffffe6;text-align:center;font-size:15px;line-height:1.6}.session-timer-ring{justify-content:center;align-items:center;width:62px;height:62px;display:flex;position:absolute;top:20px;right:20px}.session-timer-ring svg{position:absolute}.timer-ring-value{font-family:var(--fx-font-display);color:var(--fx-fg);z-index:1;font-size:20px;font-weight:700}.session-meta{padding:20px var(--fx-page-padding) 0;flex-direction:column;align-items:center;gap:4px;display:flex}.session-pose-name{font-family:var(--fx-font-display);text-align:center;font-size:26px;font-weight:700}.session-side-label{color:var(--fx-accent);font-size:15px;font-weight:600}.session-breathing{color:var(--fx-muted);font-size:13px}.session-controls{padding:24px var(--fx-page-padding) 20px;justify-content:center;align-items:center;gap:28px;display:flex}.session-skip-btn{border-radius:var(--fx-radius-pill);width:54px;height:54px;color:var(--fx-fg);background:var(--fx-surface);justify-content:center;align-items:center;display:flex}.session-skip-btn:disabled{opacity:.3}.session-skip-btn:active:not(:disabled){background:var(--fx-surface-hover)}.session-play-btn{border-radius:var(--fx-radius-pill);color:#000;background:var(--fx-accent);justify-content:center;align-items:center;width:78px;height:78px;display:flex;box-shadow:0 4px 24px #c6f24e66}.session-play-btn:active{opacity:.9}.session-transition{padding:0 var(--fx-page-padding);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.transition-label{text-transform:uppercase;letter-spacing:.5px;color:var(--fx-muted);font-size:12px;font-weight:700}.transition-preview{border-radius:var(--fx-radius-xl);background:var(--fx-surface);justify-content:center;align-items:center;width:240px;height:240px;display:flex;overflow:hidden}.transition-photo{object-fit:contain;mix-blend-mode:lighten;width:100%;height:100%;padding:16px}.transition-name{font-family:var(--fx-font-display);text-align:center;font-size:24px;font-weight:700}.transition-side{color:var(--fx-accent);font-size:15px;font-weight:600}.transition-zone{color:var(--fx-muted);font-size:13px}.transition-countdown{font-family:var(--fx-font-display);color:var(--fx-accent);margin-top:8px;font-size:48px;font-weight:700}.transition-skip-full{border-radius:var(--fx-radius-pill);background:var(--fx-accent);color:#000;width:100%;height:78px;font-size:17px;font-weight:700}.transition-skip-full:active{opacity:.9}.summary{min-height:100%;padding:70px var(--fx-page-padding) 50px;text-align:center;flex-direction:column;align-items:center;display:flex}.summary-badge{width:110px;height:110px;margin-bottom:24px;position:relative}.summary-badge-circle{border-radius:var(--fx-radius-pill);background:var(--fx-accent);justify-content:center;align-items:center;width:110px;height:110px;display:flex}.summary-confetti-container{pointer-events:none;z-index:10;position:fixed;inset:0;overflow:hidden}.summary-confetti-piece{opacity:0;border-radius:2px;animation:linear forwards confettiFall;position:absolute;top:-20px}@keyframes confettiFall{0%{opacity:1;top:-5%;transform:rotate(0)translate(0)}50%{opacity:1}to{opacity:0;top:105%;transform:rotate(720deg)translate(40px)}}.summary-tag{text-transform:uppercase;letter-spacing:.5px;color:var(--fx-accent);margin-bottom:8px;font-size:12px;font-weight:700}.summary-title{font-family:var(--fx-font-display);font-size:32px;font-weight:700;line-height:1.1}.summary-routine-name{color:var(--fx-muted);margin-top:6px;font-size:15px}.summary-stats{background:var(--fx-surface);border:1px solid var(--fx-surface-border);border-radius:20px;justify-content:center;align-items:center;gap:20px;width:100%;margin-top:32px;padding:20px 28px;display:flex}.summary-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.summary-stat-value{font-family:var(--fx-font-display);font-size:28px;font-weight:700}.summary-stat-label{color:var(--fx-muted);font-size:12px}.summary-stat-separator{background:var(--fx-surface-border);width:1px;height:40px}.summary-zones{background:var(--fx-surface);border:1px solid var(--fx-surface-border);border-radius:20px;width:100%;margin-top:20px;padding:16px}.summary-zones-title{color:var(--fx-muted);margin-bottom:10px;font-size:13px;font-weight:600;display:block}.summary-zone-chips{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.summary-zone-chip{border-radius:var(--fx-radius-pill);color:var(--fx-accent);background:#c6f24e24;padding:4px 9px;font-size:13px;font-weight:600}.summary-actions{flex-direction:column;gap:10px;width:100%;margin-top:auto;padding-top:32px;display:flex}.summary-btn{border-radius:var(--fx-radius-pill);width:100%;padding:16px;font-size:16px;font-weight:700}.summary-btn--accent{background:var(--fx-accent);color:#000}.summary-btn--accent:active{opacity:.9}.summary-btn--outline{border:1px solid var(--fx-surface-border);color:var(--fx-fg);background:0 0}.summary-btn--outline:active{background:var(--fx-surface)}.catalog{min-height:100%;padding:60px var(--fx-page-padding) 40px;overflow-x:hidden}.catalog-header{z-index:20;background:var(--fx-bg);align-items:center;gap:14px;margin-top:-60px;margin-bottom:28px;padding:60px 0 12px;display:flex;position:sticky;top:0}.catalog-back{border-radius:var(--fx-radius-pill);width:40px;height:40px;color:var(--fx-fg);justify-content:center;align-items:center;display:flex}.catalog-back:active{background:#ffffff14}.catalog-title{font-family:var(--fx-font-display);font-size:30px;font-weight:700}.catalog-groups{flex-direction:column;gap:28px;display:flex}.catalog-group-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.catalog-zone-label{text-transform:uppercase;letter-spacing:.5px;color:var(--fx-muted);font-size:12px;font-weight:700}.catalog-zone-count{color:var(--fx-muted);font-size:12px;font-weight:600}.catalog-grid{gap:var(--fx-gap-md);grid-template-columns:1fr 1fr;max-width:100%;display:grid}.catalog-card{text-align:left;flex-direction:column;gap:6px;min-width:0;display:flex}.catalog-card-photo{aspect-ratio:1;background:var(--fx-surface);border:1px solid var(--fx-surface-border);border-radius:14px;justify-content:center;align-items:center;min-width:0;display:flex;overflow:hidden}.catalog-card-img{object-fit:contain;border-radius:14px;width:100%;height:100%;padding:8px}.catalog-card-name{font-size:13px;font-weight:600;line-height:1.3}.catalog-card-side{color:var(--fx-accent);font-size:11px;font-weight:600}.catalog-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.catalog-detail{background:var(--fx-bg);border-radius:var(--fx-radius-hero) var(--fx-radius-hero) 0 0;padding:28px var(--fx-page-padding) 40px;flex-direction:column;align-items:center;gap:12px;width:100%;max-height:85vh;display:flex;overflow-y:auto}.catalog-detail-photo{border-radius:var(--fx-radius-xl);background:var(--fx-surface);justify-content:center;align-items:center;width:180px;height:180px;display:flex;overflow:hidden}.catalog-detail-img{object-fit:contain;border-radius:var(--fx-radius-xl);width:100%;height:100%;padding:16px}.catalog-detail-name{font-family:var(--fx-font-display);text-align:center;font-size:24px;font-weight:700}.catalog-detail-tags{gap:8px;display:flex}.catalog-detail-zone{border-radius:var(--fx-radius-pill);background:var(--fx-surface);color:var(--fx-muted);padding:4px 10px;font-size:12px;font-weight:600}.catalog-detail-side{border-radius:var(--fx-radius-pill);color:var(--fx-accent);background:#c6f24e24;padding:4px 10px;font-size:12px;font-weight:600}.catalog-detail-desc{color:var(--fx-muted);text-align:center;padding:0 8px;font-size:14px;line-height:1.6}.catalog-detail-routines{width:100%;margin-top:8px}.catalog-detail-routines-title{text-transform:uppercase;letter-spacing:.5px;color:var(--fx-muted);margin-bottom:8px;font-size:12px;font-weight:700;display:block}.catalog-detail-routine-chips{flex-wrap:wrap;gap:6px;display:flex}.catalog-detail-routine-chip{border-radius:var(--fx-radius-pill);background:var(--fx-surface);border:1px solid var(--fx-surface-border);padding:6px 12px;font-size:13px;font-weight:600}.catalog-detail-close{border-radius:var(--fx-radius-pill);border:1px solid var(--fx-surface-border);width:100%;color:var(--fx-fg);margin-top:8px;padding:14px;font-size:15px;font-weight:600}.save-overlay{z-index:200;background:#000000b3;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.save-dialog{background:var(--fx-bg);border-radius:var(--fx-radius-hero) var(--fx-radius-hero) 0 0;padding:28px var(--fx-page-padding) 40px;flex-direction:column;gap:20px;width:100%;display:flex}.save-title{font-family:var(--fx-font-display);text-align:center;font-size:22px;font-weight:700}.save-field{flex-direction:column;gap:8px;display:flex}.save-label{text-transform:uppercase;letter-spacing:.5px;color:var(--fx-muted);font-size:12px;font-weight:700}.save-input{border-radius:var(--fx-radius-lg);background:var(--fx-surface);border:1px solid var(--fx-surface-border);width:100%;color:var(--fx-fg);outline:none;padding:12px 16px;font-size:16px;font-weight:600}.save-input:focus{border-color:var(--fx-accent)}.save-input::placeholder{color:var(--fx-muted);font-weight:400}.save-colors{flex-wrap:wrap;gap:10px;display:flex}.save-color{border-radius:var(--fx-radius-pill);border:3px solid #0000;width:36px;height:36px;transition:border-color .15s,transform .15s}.save-color--active{border-color:var(--fx-fg);transform:scale(1.15)}.save-color:active{transform:scale(1.1)}.save-icons{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.save-icon{border-radius:var(--fx-radius-lg);background:var(--fx-surface);border:2px solid #0000;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:border-color .15s,transform .15s;display:flex}.save-icon--active{border-color:var(--fx-accent);background:#c6f24e1a;transform:scale(1.1)}.save-icon:active{transform:scale(1.1)}.save-actions{flex-direction:column;gap:8px;margin-top:4px;display:flex}.save-btn-confirm{border-radius:var(--fx-radius-pill);background:var(--fx-accent);color:#000;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:16px;font-weight:700;display:flex}.save-btn-confirm:disabled{opacity:.4}.save-btn-confirm:active:not(:disabled){opacity:.9}.save-btn-secondary{border-radius:var(--fx-radius-pill);border:1px solid var(--fx-accent);width:100%;color:var(--fx-accent);background:0 0;padding:14px;font-size:15px;font-weight:700}.save-btn-secondary:disabled{opacity:.4}.save-btn-secondary:active:not(:disabled){background:#c6f24e14}.save-btn-cancel{border-radius:var(--fx-radius-pill);border:1px solid var(--fx-surface-border);width:100%;color:var(--fx-fg);padding:14px;font-size:15px;font-weight:600}.save-btn-cancel:active{background:#ffffff0d}.free-session{flex-direction:column;min-height:100%;padding-bottom:100px;display:flex}.free-hero{padding:12px var(--fx-page-padding) 20px;border-radius:0 0 var(--fx-radius-hero) var(--fx-radius-hero);color:#000;background:#c6f24e;margin-top:-58px;padding-top:58px}.free-hero-title{font-family:var(--fx-font-display);font-size:30px;font-weight:700;line-height:1.1}.free-hero-sub{opacity:.6;margin-top:4px;font-size:14px}.free-body{padding:20px var(--fx-page-padding) 0;flex:1}.free-default-duration{border-radius:var(--fx-radius-lg);background:var(--fx-surface);border:1px solid var(--fx-surface-border);justify-content:space-between;align-items:center;margin-bottom:24px;padding:12px 16px;display:flex}.free-default-label{font-size:14px;font-weight:600}.free-default-controls{align-items:center;gap:8px;display:flex}.free-default-btn{border-radius:var(--fx-radius-pill);width:32px;height:32px;color:var(--fx-fg);background:#ffffff14;justify-content:center;align-items:center;font-size:16px;font-weight:700;transition:transform .15s;display:flex}.free-default-btn:active{background:#ffffff26;transform:scale(1.2)}.free-default-value{font-family:var(--fx-font-display);text-align:center;min-width:36px;font-size:16px;font-weight:700}.free-catalog{flex-direction:column;gap:24px;padding-bottom:20px;display:flex}.free-group-header{margin-bottom:8px}.free-zone-label{text-transform:uppercase;letter-spacing:.5px;color:var(--fx-muted);font-size:12px;font-weight:700}.free-grid{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.free-card{text-align:center;flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex;position:relative}.free-card-photo{aspect-ratio:1;background:var(--fx-surface);border:1px solid var(--fx-surface-border);border-radius:12px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.free-card-img{object-fit:contain;border-radius:12px;width:100%;height:100%;padding:6px}.free-card-badge{border-radius:var(--fx-radius-pill);background:var(--fx-accent);color:#000;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:700;display:flex;position:absolute;top:4px;left:4px}.free-card-name{font-size:11px;font-weight:600;line-height:1.2}.free-card-info{border-radius:var(--fx-radius-pill);color:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;top:4px;right:4px}.free-card-info:active{color:#fff;background:#000000a6;transform:scale(1.2)}.free-card-add{border-radius:var(--fx-radius-pill);background:var(--fx-accent);color:#000;flex-shrink:0;place-items:center;width:26px;height:26px;transition:transform .15s;display:grid;position:absolute;bottom:4px;right:4px}.free-card-add:active{transform:scale(1.2)}.free-card-info{transition:transform .15s}.free-detail-actions{flex-direction:column;gap:8px;width:100%;margin-top:8px;display:flex}.free-detail-add{border-radius:var(--fx-radius-pill);background:var(--fx-accent);color:#000;width:100%;padding:14px;font-size:15px;font-weight:700}.free-detail-add:active{opacity:.9}.free-panel{background:var(--fx-bg);border-top:1px solid var(--fx-surface-border);z-index:30;flex-direction:column;transition:max-height .25s;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #0006}.free-panel-bar{padding:14px var(--fx-page-padding);text-align:left;justify-content:space-between;align-items:center;width:100%;display:flex}.free-panel-bar-left{align-items:center;gap:10px;display:flex}.free-panel-count{border-radius:var(--fx-radius-pill);background:var(--fx-accent);color:#000;width:28px;height:28px;font-family:var(--fx-font-display);flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.free-panel-summary{font-size:14px;font-weight:600}.free-panel-chevron{color:var(--fx-muted);transition:transform .2s}.free-panel-chevron--up{transform:rotate(180deg)}.free-panel-content{padding:0 var(--fx-page-padding);flex-direction:column;gap:8px;max-height:45vh;display:flex;overflow:hidden}.free-panel-actions{justify-content:flex-end;display:flex}.free-list-clear{color:var(--fx-muted);border-radius:var(--fx-radius-pill);border:1px solid var(--fx-surface-border);padding:4px 12px;font-size:13px;font-weight:600}.free-list-clear:active{background:#ffffff14}.free-list-steps{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:6px;min-height:0;display:flex;overflow-y:auto}.free-step-row{border-radius:var(--fx-radius-lg);background:var(--fx-surface);border:2px solid #0000;align-items:center;gap:8px;padding:8px;transition:border-color .1s;display:flex}.free-step-row--drag-over{border-color:var(--fx-accent)}.free-step-row--placeholder{opacity:.3}.free-step-row--dragging-clone{z-index:1000;pointer-events:none;opacity:.9;position:fixed;box-shadow:0 4px 16px #0006}.free-step-drag{color:var(--fx-muted);cursor:grab;touch-action:none;align-items:center;padding:4px;display:flex}.free-step-drag:active{cursor:grabbing}.free-step-thumb{background:var(--fx-surface-hover);border-radius:8px;flex-shrink:0;width:36px;height:36px;overflow:hidden}.free-step-thumb-img{object-fit:contain;width:100%;height:100%;padding:2px}.free-step-info{flex-direction:column;flex:1;min-width:0;display:flex}.free-step-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.free-step-zone{color:var(--fx-muted);font-size:11px}.free-step-duration{flex-shrink:0;align-items:center;gap:4px;display:flex}.free-step-adj{border-radius:var(--fx-radius-pill);width:26px;height:26px;color:var(--fx-fg);background:#ffffff14;justify-content:center;align-items:center;font-size:14px;font-weight:700;transition:transform .15s;display:flex}.free-step-adj:active{background:#ffffff26;transform:scale(1.2)}.free-step-sec{text-align:center;min-width:28px;font-size:13px;font-weight:700}.free-step-remove{border-radius:var(--fx-radius-pill);width:26px;height:26px;color:var(--fx-muted);flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.free-step-remove:active{color:#f55}.free-panel-buttons{margin:8px var(--fx-page-padding) 28px;gap:10px;display:flex}.free-save-btn{border-radius:var(--fx-radius-pill);border:1px solid var(--fx-surface-border);background:var(--fx-surface);width:52px;height:52px;color:var(--fx-fg);flex-shrink:0;justify-content:center;align-items:center;transition:transform .15s;display:flex}.free-save-btn:active{background:var(--fx-surface-hover);transform:scale(1.1)}.free-start-btn{border-radius:var(--fx-radius-pill);background:var(--fx-accent);color:#000;flex:1 0;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:16px;font-weight:700;display:flex}.free-start-btn:active{opacity:.9}.free-session:has(.free-panel) .free-body{padding-bottom:100px}.free-session:has(.free-panel--expanded) .free-body{padding-bottom:200px}.about{min-height:100%;padding:60px var(--fx-page-padding) 40px}.about-header{z-index:20;background:var(--fx-bg);align-items:center;gap:14px;margin-top:-60px;margin-bottom:28px;padding:60px 0 12px;display:flex;position:sticky;top:0}.about-back{border-radius:var(--fx-radius-pill);width:40px;height:40px;color:var(--fx-fg);justify-content:center;align-items:center;display:flex}.about-back:active{background:#ffffff14}.about-title{font-family:var(--fx-font-display);font-size:30px;font-weight:700}.about-content{flex-direction:column;gap:24px;display:flex}.about-section{flex-direction:column;gap:8px;display:flex}.about-section-title{font-family:var(--fx-font-display);font-size:16px;font-weight:700}.about-text{color:var(--fx-muted);font-size:14px;line-height:1.6}.whatsnew-overlay{z-index:200;padding:var(--fx-page-padding);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.whatsnew-panel{background:var(--fx-bg);border-radius:var(--fx-radius-xl);border:1px solid var(--fx-surface-border);flex-direction:column;gap:16px;width:100%;max-width:340px;padding:28px 24px 24px;display:flex}.whatsnew-title{font-family:var(--fx-font-display);text-align:center;font-size:22px;font-weight:700}.whatsnew-list{flex-direction:column;gap:10px;list-style:none;display:flex}.whatsnew-item{color:var(--fx-muted);padding-left:20px;font-size:14px;line-height:1.5;position:relative}.whatsnew-item:before{content:"";border-radius:var(--fx-radius-pill);background:var(--fx-accent);width:8px;height:8px;position:absolute;top:8px;left:0}.whatsnew-close{border-radius:var(--fx-radius-pill);background:var(--fx-accent);color:#000;width:100%;margin-top:4px;padding:14px;font-size:16px;font-weight:700}.whatsnew-close:active{opacity:.9}.countdown{z-index:300;background:var(--fx-bg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.countdown-circle{background:var(--countdown-color);border-radius:50%;width:0;height:0;animation:.5s ease-out forwards circleExpand;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes circleExpand{0%{width:0;height:0}to{width:250vmax;height:250vmax}}.countdown-number{font-family:var(--fx-font-display);color:var(--countdown-color);z-index:1;font-size:120px;font-weight:700;animation:.4s ease-out countdownPop}.countdown-number--go{color:#000;animation:.5s ease-out countdownGo}@keyframes countdownPop{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.15)}to{transform:scale(1)}}@keyframes countdownGo{0%{opacity:0;transform:scale(.5)}40%{opacity:1;transform:scale(1.3)}to{transform:scale(1)}}