:root{--bg:#fafaf8;--card:#ffffff;--primary:#22c55e;--primary-soft:#dcfce7;--primary-glass:rgba(34,197,94,0.12);--secondary:#e5e7eb;--special:#a855f7;--text:#111827;--muted:#6b7280;--border:#e5e7eb;--color-background-primary:var(--bg);--color-background-success:var(--primary-soft);--color-text-success:var(--primary);--color-border-tertiary:var(--border);--color-background-tertiary:var(--secondary);--color-text-secondary:var(--muted);--color-text-primary:var(--text);--color-text-danger:#dc2626;--color-text-warning:#d97706;--color-background-secondary:#f1f5f9;--color-background-warning:#fff7ed;--color-border-primary:var(--border);--color-border-warning:#fdba74;--color-border-success:var(--primary);--color-border-danger:var(--color-text-danger);--color-border-secondary:var(--secondary);--border-radius-md:12px;--border-radius-lg:16px}body.mood-impress{--mood-color:var(--special);--mood-bg:#f5f3ff;--mood-border:#c084fc}body.mood-sick{--mood-color:var(--color-text-warning);--mood-bg:var(--color-background-warning);--mood-border:#fbbf24}body.mood-normal{--mood-color:var(--primary);--mood-bg:var(--primary-soft);--mood-border:var(--primary)}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overscroll-behavior-x:none;touch-action:pan-y}body,html{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont;-webkit-font-smoothing:antialiased;color:var(--text)}body{background:linear-gradient(180deg,#f8fafc,#f3f4f6);transition:background .6s ease}a{text-decoration:none;color:inherit}.page{min-height:100vh;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom);display:flex;justify-content:center}.page-content{width:100%;max-width:420px;display:flex;flex-direction:column;margin:0 auto}.title{font-size:26px;font-weight:700;margin-bottom:8px}.subtitle,.text-muted{font-size:15px;color:var(--muted);margin-bottom:24px}h2{font-size:20px;font-weight:600;margin-bottom:8px}p{font-size:15px;line-height:1.55}.step{transition:opacity .35s ease,transform .35s ease}.slide-up{transition:transform .18s cubic-bezier(.2,.8,.2,1)}.step-hidden{opacity:0;transform:translateX(24px);pointer-events:none}.step-visible{opacity:1;transform:translateX(0)}.card{background:var(--card);border-radius:18px;padding:16px;border:1px solid var(--border);margin-top:16px;box-shadow:0 6px 24px rgba(0,0,0,.06);transition:transform .2s ease,box-shadow .2s ease}.card:active{transform:scale(.985);box-shadow:0 4px 14px rgba(0,0,0,.05)}@keyframes cardIn{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes floatIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.card-accept{animation:accept .35s ease forwards}.card-reject{animation:reject .4s ease forwards}@keyframes accept{to{transform:scale(1.04);opacity:0}}@keyframes reject{to{transform:translateX(120px);opacity:0}}.button{width:100%;height:48px;border-radius:14px;border:none;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s ease,box-shadow .15s ease}.button:active{transform:scale(.97)}.button-primary{box-shadow:0 8px 20px rgba(34,197,94,.35)}.button-primary:active{background:var(--primary-pressed)}.button-secondary{background:var(--secondary)}.button-special{background:var(--special);color:white}.button-primary{background:var(--primary);color:white;box-shadow:0 10px 28px rgba(34,197,94,.45)}.button-primary:active{transform:scale(.96);filter:brightness(.9)}body.mood-impress .button-primary{background:var(--special)}body.mood-sick .button-primary{background:var(--color-text-warning)}.button-ghost{background:transparent;color:var(--muted)}.button:disabled{opacity:.4;pointer-events:none}.stack{display:flex;flex-direction:column;gap:12px;margin-top:16px}.meal-recipe-hero{position:relative;width:100%;min-height:200px;height:200px;border-radius:12px;overflow:hidden;background:var(--color-background-tertiary);margin-bottom:8px}.meal-recipe-hero__img{object-fit:cover}.meal-recipe-hero__fallback{display:flex;align-items:center;justify-content:center;height:100%;color:var(--muted);font-size:14px;font-style:italic;padding:16px;text-align:center}.macro-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}.macro-pill{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:6px 10px;border-radius:999px;background:var(--color-background-secondary);border:1px solid var(--color-border-tertiary);color:var(--color-text-primary)}.today-summary-card .text-muted{margin-top:8px;margin-bottom:8px}.today-kcal-line{display:flex;align-items:center;gap:8px;font-size:22px;font-weight:700;color:var(--color-text-primary)}.today-kcal-track{width:100%;height:12px;background:var(--color-background-secondary);border:1px solid var(--color-border-tertiary);border-radius:999px;overflow:hidden;margin-top:10px}.today-kcal-bar{height:100%;transition:width .2s ease}.today-kcal-bar--good{background:#22c55e}.today-kcal-bar--warning{background:#f59e0b}.today-kcal-bar--danger{background:#ef4444}.today-kcal-pct{margin-top:6px;font-size:12px;font-weight:600;color:var(--color-text-secondary)}.today-macro-list{margin-top:14px;display:flex;flex-direction:column;gap:8px}.today-macro-row{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;margin:0;font-size:14px;color:var(--color-text-primary)}.today-macro-row span:last-child{color:var(--color-text-secondary);font-size:13px}.set-target-btn{margin-top:10px;width:auto;min-height:36px;height:36px;font-size:13px;padding:0 12px;border-radius:999px;color:var(--primary);background:var(--primary-soft);border:1px solid var(--color-border-success);box-shadow:none}.today-progress{display:flex;flex-direction:column;gap:6px;margin-top:10px}.today-progress label{font-size:12px;color:var(--color-text-secondary)}.today-progress progress{width:100%;height:8px}.image-placeholder{height:180px;border-radius:12px;background:linear-gradient(135deg,#f1f1f1,#e6e6e6);display:flex;align-items:center;justify-content:center}.recipe-proposal-image{position:relative;overflow:hidden;padding:0!important}.recipe-proposal-image-img{object-fit:cover}.recipe-image-skeleton{position:absolute;inset:0;border-radius:12px;background:linear-gradient(90deg,#e4e4e4,#f0f0f0 50%,#e4e4e4);background-size:200% 100%;animation:recipe-skeleton-shimmer 1.2s ease-in-out infinite}@keyframes recipe-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.recipe-image-fallback{position:absolute;inset:0;border-radius:12px;background:#e6e6e6}.image-hint{font-size:.9rem;color:#888}input{width:100%;height:44px;border-radius:10px;border:1px solid var(--border);padding:0 12px;font-size:15px}ul{list-style:none;margin:12px 0}li{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:14px}li button{background:none;border:none;color:#ef4444;font-size:13px;cursor:pointer}.special-toggle{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);margin:12px 0}.special-toggle input{width:18px;height:18px}body.special-mode{background:radial-gradient(1000px 600px at top,#f5e8ff 0,#ede9fe 45%,#f1eff7 100%);color:var(--special);font-weight:600}.app-header{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;position:sticky;top:0;z-index:20;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.08)}.header-home{background:linear-gradient(180deg,rgba(34,197,94,.18),rgba(255,255,255,.55))}.header-fridge{background:linear-gradient(180deg,rgba(59,130,246,.18),rgba(255,255,255,.55))}.header-ingiro{background:linear-gradient(180deg,rgba(168,85,247,.18),rgba(255,255,255,.55))}.header-notwell{background:linear-gradient(180deg,rgba(251,191,36,.18),rgba(255,255,255,.55))}.header-title{font-size:18px;font-weight:700;position:absolute;left:50%;transform:translateX(-50%);pointer-events:none}.back-button,.hamburger{min-width:40px;min-height:40px;width:40px;height:40px;border-radius:999px;border:1.5px solid #ccc;background:#ffffff;font-size:20px;color:#111827;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.15);transition:transform .15s ease,box-shadow .15s ease}.back-button{font-weight:800;color:#0f172a}.back-button:hover,.hamburger:hover{box-shadow:0 3px 10px rgba(17,24,39,.16)}.back-button:active,.hamburger:active{transform:scale(.92)}.back-button:disabled{opacity:.35;cursor:default}.app-header.special{background:linear-gradient(180deg,rgba(168,85,247,.25),rgba(168,85,247,.08))}.menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.3);display:flex;justify-content:flex-end;align-items:stretch;z-index:50;opacity:0;pointer-events:none;transition:opacity .25s ease}.menu-overlay.open{opacity:1;pointer-events:auto}.menu-panel{width:260px;max-width:min(260px,92vw);box-sizing:border-box;align-self:stretch;min-height:0;height:100%;max-height:100vh;max-height:100dvh;background:white;padding:24px 16px calc(24px + env(safe-area-inset-bottom, 0px));display:flex;flex-direction:column;gap:16px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;transform:translateX(100%);transition:transform .25s ease}.menu-panel.open{transform:translateX(0)}.menu-panel a,.menu-panel button{background:none;border:none;font-size:16px;padding:12px 0;text-align:left;cursor:pointer}.menu-panel a:active,.menu-panel button:active{opacity:.6}.menu-separator{border:none;border-top:.5px solid var(--color-border-tertiary,var(--border));margin:4px 0;padding:0;align-self:stretch}.menu-counter{align-self:stretch;padding:10px 12px;margin:-4px 0 4px;border-radius:var(--border-radius-md);background:var(--color-background-secondary);border:1px solid var(--color-border-tertiary)}.menu-counter-row{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.35;color:var(--color-text-secondary)}.menu-counter-row+.menu-counter-row{margin-top:6px}.menu-counter-row .menu-counter-icon{flex-shrink:0;width:1.15em;text-align:center}.menu-counter-figures{margin-left:auto;font-variant-numeric:tabular-nums;font-weight:500;color:var(--color-text-primary)}.menu-today-summary{display:flex;flex-direction:column;margin:-4px 0 2px}.menu-today-summary .menu-link{padding-bottom:4px}.menu-macro-row{display:flex;gap:10px;padding:0 0 6px;color:var(--color-text-secondary);font-size:12px}.menu-action-small{margin-top:-6px;padding-top:2px!important;font-size:12px!important;color:var(--color-text-secondary)}@media (max-width:420px){.page{padding-bottom:32px}}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(16px);background:rgba(17,24,39,.9);color:white;padding:12px 18px;border-radius:999px;font-size:14px;font-weight:500;box-shadow:0 8px 24px rgba(0,0,0,.25);animation:toast-in .3s cubic-bezier(.2,.8,.2,1);z-index:999}.toast-success{background:linear-gradient(135deg,#22c55e,#16a34a)}.toast-info{background:rgba(17,24,39,.9)}@keyframes toast-in{0%{opacity:0;transform:translateX(-50%) translateY(32px) scale(.96)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.lang-switch{display:flex;gap:12px;justify-content:center;margin-bottom:24px}.lang-switch button{background:none;border:1px solid var(--border);border-radius:999px;padding:6px 14px;font-size:14px;cursor:pointer;opacity:.6}.lang-switch button.active{background:var(--primary);color:white;opacity:1}.popup-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:999}.popup-popup{background:white;border-radius:16px;padding:24px;width:90%;max-width:360px;text-align:center;animation:pop .2s ease-out}.popup-title{font-size:18px;margin-bottom:12px}.popup-text{font-size:14px;color:#555;margin-bottom:20px}.popup-actions{display:flex;flex-direction:column;gap:12px}@keyframes popup{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.recipe-hero{margin-bottom:24px}.recipe-image{height:220px;border-radius:20px;background:linear-gradient(135deg,#22c55e,#a855f7);display:flex;align-items:center;justify-content:center;color:white;font-weight:600;margin-bottom:16px}.onboarding{width:100%;display:flex;flex-direction:column}.onboarding-header{margin-bottom:24px}.onboarding-progress{height:4px;background:var(--border);border-radius:999px;overflow:hidden;margin-bottom:12px}.onboarding-progress-bar{height:100%;background:var(--primary);transition:width .3s ease}.onboarding-back{background:none;border:none;color:var(--muted);font-size:14px;cursor:pointer}.onboarding-content{width:100%;max-width:420px;margin:0 auto;animation:fadeSlideIn .3s ease}.onboarding-footer{margin-top:32px}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.premium-trial-overlay{position:fixed;inset:0;z-index:1200;background:linear-gradient(145deg,#16a34a,#22c55e);color:#ffffff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center}.premium-trial-overlay h2{margin:0;font-size:30px;line-height:1.2}.premium-trial-overlay p{margin:0;font-size:16px;opacity:.95}.premium-trial-confetti{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.95) 3px,transparent 0),radial-gradient(circle,rgba(250,204,21,.95) 3px,transparent 0),radial-gradient(circle,rgba(236,72,153,.95) 3px,transparent 0),radial-gradient(circle,rgba(96,165,250,.95) 3px,transparent 0);background-size:28px 28px,32px 32px,24px 24px,36px 36px;animation:premiumConfettiFall 2.5s linear infinite;opacity:.75}@keyframes premiumConfettiFall{0%{background-position:0 -40px,40px -20px,-20px -10px,60px -30px}to{background-position:0 100vh,40px 100vh,-20px 100vh,60px 100vh}}.alternatives-carousel{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:16px 0}.alt-card{min-width:85%;max-width:85%;scroll-snap-align:center;background:var(--card-bg);border-radius:16px;box-shadow:var(--shadow);display:flex;flex-direction:column}.alt-image{height:200px;background:#eee;border-top-left-radius:16px;border-top-right-radius:16px;display:flex;align-items:center;justify-content:center;font-size:32px}.alt-content{padding:16px}.alt-content h2{margin-bottom:8px}.alt-meta{font-size:12px;opacity:.6;margin:8px 0 16px}.proposal-status{margin-bottom:8px}.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:500}.badge-success{background:#e6f6ec;color:#137333}.badge-muted{background:#f1f3f4;color:#5f6368}.meal-locked{display:flex;flex-direction:column;gap:8px;align-items:center;margin-top:12px}.meal-locked .badge{opacity:.7}.meal-locked .text-muted{font-size:.9rem;text-align:center}.missing-card{padding:14px;border-radius:16px;background:#fafafa;border:1px solid #eee;margin-top:12px}.missing-title{font-size:13px;color:#666;margin-bottom:8px}.missing-list{display:flex;flex-direction:column;gap:8px}.missing-item{display:flex;align-items:center;justify-content:space-between;gap:8px}.missing-name{font-size:14px;color:#111}.missing-button{font-size:12px;padding:6px 10px;border-radius:10px;background:#111;color:white;border:none;cursor:pointer;transition:opacity .2s ease}.missing-button:hover{opacity:.8}.missing-item-main{display:flex;align-items:center;gap:8px}.missing-badge{font-size:11px;padding:3px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}.missing-badge.premium{background:#ffe8d6;color:#8b4513}.missing-badge.convenience{background:#e8f6ff;color:#005f99}.missing-badge.fresh{background:#e8ffea;color:#1a6f2b}.missing-badge.staple{background:#f4f4f4;color:#333}.missing-badge.other{background:#f0f0ff;color:#3c3c7a}.missing-card-shopping .missing-shopping-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.missing-shopping-item{display:flex;align-items:stretch;gap:0}.missing-shopping-row{display:flex;align-items:flex-start;gap:10px;width:100%;padding:8px 6px;margin:0;border:none;border-radius:12px;background:transparent;cursor:pointer;text-align:left;transition:background .15s ease}.missing-shopping-row:hover{background:rgba(0,0,0,.04)}.missing-shopping-row.is-checked .missing-name{text-decoration:none;opacity:1}.missing-shopping-check{flex-shrink:0;width:18px;height:18px;margin-top:2px;border-radius:4px;border:2px solid #bbb;background:linear-gradient(145deg,#f8f8f8,#fff);box-shadow:inset 0 1px 0 rgba(255,255,255,.8);position:relative}.missing-shopping-check.is-checked{background:#111;border-color:#111;box-shadow:none}.missing-shopping-check.is-checked:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.missing-shopping-cta{width:100%;margin-top:12px;font-size:14px;padding:10px 14px}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px)}.loading-content{background:white;border-radius:20px;padding:32px;text-align:center;max-width:300px;width:90%;box-shadow:0 20px 40px rgba(0,0,0,.3)}.loading-spinner{width:48px;height:48px;border:4px solid #f3f3f3;border-top-color:#111;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.accepting-overlay{position:fixed;inset:0;background:rgba(255,255,255,.85);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;gap:12px}.accepting-spinner{width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#22c55e;border-radius:50%;animation:spin .8s linear infinite}.loading-title{font-size:18px;font-weight:600;color:#111;margin-bottom:16px}.loading-progress{width:100%;height:4px;background:#f3f3f3;border-radius:2px;margin-bottom:12px;overflow:hidden}.loading-progress-bar{height:100%;background:linear-gradient(90deg,#111,#666);border-radius:2px;transition:width .1s ease}.loading-counter{font-size:14px;color:#666;margin:0}.meal-celebration-overlay{position:fixed;inset:0;z-index:50;background:var(--color-background-primary);overflow-y:auto;display:flex;align-items:center;justify-content:center;padding:40px 24px;box-sizing:border-box}.meal-celebration-inner{width:100%;max-width:420px;margin:auto;text-align:center}.meal-celebration-check{width:72px;height:72px;margin:0 auto 20px;border-radius:50%;background:var(--color-background-success);color:var(--color-text-success);display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;line-height:1}.meal-celebration-title{font-size:26px;font-weight:700;margin-bottom:8px;color:var(--text)}.meal-celebration-subtitle{font-size:15px;color:var(--muted);margin-bottom:28px;line-height:1.5}.meal-celebration-card{text-align:left;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px 18px;margin-bottom:24px;box-shadow:0 4px 16px rgba(0,0,0,.06)}.meal-celebration-card-row{display:flex;gap:12px;align-items:flex-start}.meal-celebration-card-thumb{position:relative;flex-shrink:0;overflow:hidden}.meal-celebration-card-image,.meal-celebration-card-thumb{width:52px;height:52px;border-radius:var(--border-radius-md)}.meal-celebration-card-image{display:block;object-fit:cover}.meal-celebration-card-placeholder{width:52px;height:52px;border-radius:var(--border-radius-md);background:var(--color-background-tertiary)}.meal-celebration-card-body{flex:1;min-width:0}.meal-celebration-card-title{font-size:18px;font-weight:600;margin-bottom:6px;color:var(--text)}.meal-celebration-card-meta{font-size:14px;color:var(--muted)}.meal-celebration-weekly-summary{font-size:15px;color:var(--color-text-secondary);text-align:center;margin:1rem 0}.meal-celebration-stack{display:flex;flex-direction:column;gap:12px;width:100%}.meal-celebration-btn-primary{width:100%;padding:14px 20px;border-radius:12px;border:none;background:#111827;color:#fff;font-size:16px;font-weight:600;cursor:pointer}.meal-celebration-btn-primary:active{transform:scale(.98);opacity:.95}.meal-celebration-rate-link{display:block;width:100%;margin-top:12px;padding:0;border:none;background:none;font-size:14px;color:var(--color-text-secondary);text-decoration:underline;cursor:pointer;text-align:center;font-family:inherit}.meal-celebration-rate-link:disabled{cursor:default;opacity:.7}.meal-celebration-vote-column{width:100%}.meal-celebration-vote{margin-top:8px;margin-bottom:8px}.meal-celebration-stars{display:flex;justify-content:center;gap:6px;margin-top:10px}.meal-celebration-star{font-size:28px;line-height:1;padding:4px 6px;background:none;border:none;cursor:pointer;color:var(--muted);transition:color .15s ease,transform .1s ease}.meal-celebration-star:focus-visible,.meal-celebration-star:hover{color:var(--primary);transform:scale(1.1);outline:none}.meal-celebration-thanks{font-size:16px;font-weight:600;color:var(--primary);margin-top:8px}.meal-finish-cooking{margin-top:20px;width:100%}.meal-archive-stars{display:flex;gap:6px;margin:16px 0 24px;justify-content:center;flex-wrap:wrap}.meal-archive-star{font-size:22px;line-height:1;user-select:none}.meal-archive-star--filled{color:var(--primary)}.meal-archive-star--empty{color:var(--muted);opacity:.45}.tutorial-dimmer,.tutorial-overlay{position:fixed;inset:0;z-index:9998;pointer-events:none}.tutorial-dimmer{background:rgba(0,0,0,.6)}.tutorial-dimmer--hidden{opacity:0}.tutorial-spotlight{position:fixed;border-radius:12px;box-shadow:0 0 0 9999px rgba(0,0,0,.7);z-index:9999;pointer-events:none;transition:all .35s cubic-bezier(.4,0,.2,1)}.tutorial-spotlight--pulse{animation:spotlightPulse 1.8s ease-in-out infinite}@keyframes spotlightPulse{0%,to{box-shadow:0 0 0 9999px rgba(0,0,0,.7)}50%{box-shadow:0 0 0 9999px rgba(0,0,0,.65)}}.tutorial-tooltip{position:absolute;background:white;border-radius:16px;padding:1.25rem 1.5rem;max-width:320px;box-shadow:0 8px 32px rgba(0,0,0,.2);pointer-events:all;z-index:10000;animation:tooltipFadeIn .25s ease}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tutorial-tooltip--fixed-bottom{position:fixed;bottom:1.5rem;left:1rem;right:1rem;max-width:none}.tutorial-tooltip--fixed-top{position:fixed;top:5rem;left:1rem;right:1rem;max-width:none}.tutorial-progress{height:3px;background:#e5e7eb;border-radius:100px;margin-bottom:12px;overflow:hidden}.tutorial-progress-fill{height:100%;background:#22c55e;border-radius:100px;transition:width .3s ease}.tutorial-step-label{font-size:.75rem;color:#9ca3af;margin-bottom:.5rem}.tutorial-tooltip h3{font-size:1rem;font-weight:600;margin-bottom:.5rem}.tutorial-tooltip p{font-size:.9rem;color:#6b7280;line-height:1.5;margin-bottom:1rem}.tutorial-skip{position:fixed;top:1rem;left:1rem;z-index:10000;background:#ffffff;color:#166534;border:1px solid #22c55e;border-radius:100px;padding:.5rem 1rem;font-size:.85rem;font-weight:500;cursor:pointer;pointer-events:all}