@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg:#fff;--surface:#f7f7f7;--border:#eee;--nav:#1a1a2e;--text:#1a1a2e;--text2:#666680;--text3:#aab;--green:#00c27c;--green-dark:#009960;--green-bg:#e6faf3;--blue:#4361ee;--blue-bg:#eaedff;--orange:#ff6b2b;--orange-bg:#fff0ea;--yellow:#ffb800;--yellow-bg:#fff8e6;--red:#ff4757;--red-bg:#fff0f1;--purple:#7b2fff;--purple-bg:#f3eeff;--chart-sma50:#ffb800;--chart-sma200:#64b5f6;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--fs-display:32px;--fs-h1:26px;--fs-h2:22px;--fs-h3:19px;--fs-h4:17px;--fs-body-lg:16px;--fs-body:14px;--fs-body-sm:13px;--fs-caption:12px;--fs-micro:11px;--fs-eyebrow:10px;--lh-tight:1.15;--lh-snug:1.3;--lh-body:1.5;--lh-relaxed:1.6;--tracking-eyebrow:2px;--tracking-tight:-.8px;--tracking-tighter:-1px;--space-1:4px;--space-2:8px;--space-3:10px;--space-4:12px;--space-5:14px;--space-6:16px;--space-7:20px;--space-8:24px;--space-9:28px;--space-10:32px;--radius-sm:8px;--radius-md:10px;--radius-lg:13px;--radius-xl:14px;--radius-2xl:16px;--radius:18px;--radius-3xl:24px;--radius-pill:99px;--shadow-card:0 2px 12px #0000000f;--shadow-card-hover:0 8px 20px #00000014;--shadow-glow-green:0 8px 20px #00c27c26;--shadow-btn-green:0 5px 0 var(--green-dark);--shadow-btn-blue:0 5px 0 #2845d4;--shadow-btn-orange:0 5px 0 #d4521e;--shadow-btn-dark:0 5px 0 #0000004d;--shadow-btn-disabled:0 5px 0 var(--border);--app-width:390px;--sidebar-w:240px}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-sans);color:var(--text);background:var(--bg);margin:0}.t-display{font-family:var(--font-sans);font-size:var(--fs-display);letter-spacing:var(--tracking-tighter);font-weight:900;line-height:var(--lh-tight)}.t-h1{font-family:var(--font-sans);font-size:var(--fs-h1);letter-spacing:var(--tracking-tight);font-weight:900;line-height:var(--lh-tight)}.t-h2{font-family:var(--font-sans);font-size:var(--fs-h2);letter-spacing:-.5px;font-weight:900;line-height:1.2}.t-h3{font-family:var(--font-sans);font-size:var(--fs-h3);letter-spacing:-.4px;font-weight:900;line-height:1.2}.t-h4{font-family:var(--font-sans);font-size:var(--fs-h4);font-weight:800;line-height:var(--lh-snug)}.t-body{font-family:var(--font-sans);font-size:var(--fs-body);font-weight:500;line-height:var(--lh-body);color:var(--text)}.t-body-strong{font-family:var(--font-sans);font-size:var(--fs-body);font-weight:700;line-height:var(--lh-body)}.t-caption{font-family:var(--font-sans);font-size:var(--fs-caption);color:var(--text2);font-weight:600}.t-eyebrow{font-family:var(--font-mono);font-size:var(--fs-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text3);font-weight:700}.t-mono-num{font-family:var(--font-mono);font-weight:700}.t-logo{font-family:var(--font-sans);letter-spacing:-.8px;color:var(--text);font-size:22px;font-weight:900}.t-logo .dot{color:var(--green)}html,body,#root{min-height:100svh}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit}button{cursor:pointer;font-family:inherit}#root{flex-direction:column;min-height:100svh;display:flex}.game-over{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:stretch;gap:12px;padding:36px 22px;display:flex}.game-over-emoji{margin-bottom:8px;font-size:64px;line-height:1}.game-over-title{letter-spacing:-.5px;color:var(--text);margin:0;font-size:24px;font-weight:800;line-height:1.2}.game-over-body{color:var(--text2);align-self:center;max-width:320px;margin:0 0 16px;font-size:14px;font-weight:500;line-height:1.55}.l-btn-ghost{color:var(--text2);box-shadow:none;border:1.5px solid var(--border);background:0 0}.l-btn-ghost:hover{background:var(--surface)}.badge-popup-backdrop{z-index:1000;background:#0f121e8c;justify-content:center;align-items:center;padding:24px;animation:.2s ease-out badge-fade-in;display:flex;position:fixed;inset:0}.badge-popup-card{background:var(--bg);border-radius:var(--radius);text-align:center;width:100%;max-width:340px;box-shadow:var(--shadow-card-hover);padding:28px 24px 20px;animation:.3s cubic-bezier(.2,.9,.3,1.1) badge-scale-in}.badge-popup-emoji{margin-bottom:10px;font-size:64px;line-height:1}.badge-popup-tag{font-family:var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--green-dark);background:var(--green-bg);border-radius:var(--radius-md);margin-bottom:10px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.badge-popup-title{letter-spacing:-.5px;color:var(--text);margin:0 0 8px;font-size:22px;font-weight:900}.badge-popup-description{color:var(--text2);margin:0 0 20px;font-size:14px;font-weight:500;line-height:1.55}.badge-popup-cta{background:var(--green);color:#fff;border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-btn-green);border:none;padding:14px 0;font-size:16px;font-weight:800;transition:transform .1s}.badge-popup-cta:hover{background:var(--green-dark)}.badge-popup-cta:active{transform:translateY(2px)}@keyframes badge-fade-in{0%{opacity:0}to{opacity:1}}@keyframes badge-scale-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.admin-dashboard{width:100%;max-width:1000px;color:var(--text);margin:0 auto;padding:24px 20px 60px}.admin-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.admin-dashboard h1{letter-spacing:-.5px;margin:0 0 4px;font-size:26px;font-weight:900}.admin-subtitle{color:var(--text2);margin:0;font-size:14px}.admin-refresh{background:var(--green);color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-btn-green);border:none;padding:10px 16px;font-size:13px;font-weight:700}.admin-refresh:disabled{opacity:.6;cursor:not-allowed}.admin-error{color:#7a5500;border-radius:var(--radius-md);background:#fff3cd;margin-bottom:16px;padding:10px 14px;font-size:13px}.admin-empty{color:var(--text3);font-size:13px;font-style:italic}.admin-dashboard section{margin-bottom:32px}.admin-dashboard h2{letter-spacing:.5px;text-transform:uppercase;color:var(--text2);margin:0 0 12px;font-size:16px;font-weight:800}.admin-stat-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.admin-stat{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:16px}.admin-stat-num{color:var(--text);font-size:28px;font-weight:900}.admin-stat-label{color:var(--text2);margin-top:4px;font-size:12px;font-weight:600}.admin-table{border-collapse:collapse;width:100%;font-size:13px}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:8px 10px}.admin-table th{background:var(--surface);text-transform:uppercase;letter-spacing:.5px;color:var(--text2);font-size:12px;font-weight:700}.admin-num{text-align:right;font-family:var(--font-mono);font-weight:700}.admin-mono{font-family:var(--font-mono);color:var(--text2);white-space:nowrap;font-size:11px}.admin-pre{font-family:var(--font-mono);color:var(--text2);white-space:pre-wrap;word-break:break-all;max-width:480px;margin:0;font-size:11px}.level-lock-badge{background:var(--surface-2,var(--surface));color:var(--text-muted,var(--text3));font-family:var(--font-mono);letter-spacing:.5px;text-transform:uppercase;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-flex}.landing-root{background:var(--bg);color:var(--text);font-family:var(--font-sans);width:100%;line-height:1.5;overflow-x:hidden}.landing-root,.landing-root *,.landing-root :before,.landing-root :after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}.landing-root .wrap{max-width:390px;margin:0 auto;padding:0 20px}.landing-root .section{padding:56px 0}.landing-root .eyebrow{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--text3);margin-bottom:12px;font-size:11px;font-weight:700;display:block}.landing-root .eyebrow.green{color:var(--green)}.landing-root .h1{letter-spacing:-1.2px;text-wrap:balance;font-size:38px;font-weight:900;line-height:1.05}.landing-root .h2{letter-spacing:-.8px;text-wrap:balance;font-size:28px;font-weight:900;line-height:1.1}.landing-root .h3{letter-spacing:-.4px;font-size:19px;font-weight:900;line-height:1.2}.landing-root .lead{color:var(--text2);margin-top:14px;font-size:16px;font-weight:500;line-height:1.5}.landing-root .site-header{z-index:50;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#ffffffeb;position:sticky;top:0}.landing-root .site-header-inner{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:16px 20px;display:flex}.landing-root .logo{letter-spacing:-.8px;color:var(--text);font-size:22px;font-weight:900;text-decoration:none}.landing-root .logo .dot{color:var(--green)}.landing-root .login-link{font-family:var(--font-sans);color:var(--text2);border-radius:10px;padding:8px 12px;font-size:14px;font-weight:700;text-decoration:none;transition:color .15s,background .15s}.landing-root .login-link:hover{color:var(--text);background:var(--surface)}.landing-root .btn-cta{background:var(--green);color:#fff;font-family:var(--font-sans);letter-spacing:-.3px;cursor:pointer;box-shadow:0 5px 0 var(--green-dark);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;max-width:360px;padding:18px 32px;font-size:17px;font-weight:900;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.landing-root .btn-cta:hover{box-shadow:0 7px 0 var(--green-dark);transform:translateY(-2px)}.landing-root .btn-cta:active{box-shadow:0 2px 0 var(--green-dark);transform:translateY(3px)}.landing-root .btn-cta .arrow{transition:transform .15s}.landing-root .btn-cta:hover .arrow{transform:translate(3px)}.landing-root .btn-cta.white{color:var(--green-dark);background:#fff;box-shadow:0 5px #00000040}.landing-root .btn-cta.white:hover{box-shadow:0 7px #00000040}.landing-root .btn-cta.white:active{box-shadow:0 2px #00000040}.landing-root .micro{color:var(--text3);text-align:center;margin-top:14px;font-size:12px;font-weight:600}.landing-root .hero{text-align:center;padding:48px 0 64px;position:relative}.landing-root .hero .h1{letter-spacing:-1.6px;font-size:42px;line-height:1.02}.landing-root .hero .h1 .accent{color:var(--green)}.landing-root .hero .lead{max-width:520px;margin-left:auto;margin-right:auto;font-size:17px}.landing-root .hero-cta-wrap{margin-top:32px}.landing-root .proof-row{background:var(--surface);border:2px solid var(--border);font-family:var(--font-mono);letter-spacing:1.5px;color:var(--text2);text-transform:uppercase;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin-top:56px;padding:18px 16px;font-size:11px;font-weight:700;display:flex}.landing-root .proof-row span{align-items:center;gap:8px;display:inline-flex}.landing-root .proof-row .sep{color:var(--text3);display:none}.landing-root .problem-cards{gap:16px;margin-top:32px;display:grid}.landing-root .problem-card{border:2px solid #0000;border-radius:18px;padding:28px 24px}.landing-root .problem-card.orange{background:var(--orange-bg);border-color:#ff6b2b2e}.landing-root .problem-card.blue{background:var(--blue-bg);border-color:#4361ee2e}.landing-root .problem-card .emoji{margin-bottom:18px;font-size:44px;line-height:1;display:block}.landing-root .problem-card .card-title{letter-spacing:-.5px;margin-bottom:10px;font-size:20px;font-weight:900}.landing-root .problem-card.orange .card-title{color:var(--orange)}.landing-root .problem-card.blue .card-title{color:var(--blue)}.landing-root .problem-card .card-text{color:var(--text);font-size:15px;font-weight:500;line-height:1.55}.landing-root .transition-quote{text-align:center;letter-spacing:-.5px;color:var(--text);text-wrap:balance;margin-top:36px;padding:28px 8px 8px;font-size:22px;font-weight:800;line-height:1.25}.landing-root .transition-quote .dim{color:var(--text2);margin-top:10px;font-size:18px;font-weight:600;display:block}.landing-root .method-grid{gap:12px;margin-top:28px;display:grid}.landing-root .method-card{border:2px solid var(--border);background:#fff;border-radius:18px;padding:22px;transition:transform .15s,box-shadow .15s,border-color .15s}.landing-root .method-card:hover{border-color:var(--green);transform:translateY(-3px);box-shadow:0 8px 20px #00c27c1a}.landing-root .method-card .emoji{margin-bottom:14px;font-size:32px;line-height:1;display:block}.landing-root .method-card .card-title{letter-spacing:-.3px;margin-bottom:8px;font-size:17px;font-weight:900}.landing-root .method-card .card-text{color:var(--text2);font-size:14px;font-weight:500;line-height:1.5}.landing-root .timeline{margin-top:32px;position:relative}.landing-root .timeline:before{content:"";background:linear-gradient(to bottom, var(--green), var(--border));width:2px;position:absolute;top:24px;bottom:24px;left:27px}.landing-root .timeline-step{margin-bottom:22px;padding-left:70px;position:relative}.landing-root .timeline-step:last-child{margin-bottom:0}.landing-root .timeline-dot{background:var(--surface);border:2px solid var(--border);width:56px;height:56px;font-family:var(--font-mono);color:var(--text);border-radius:16px;justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex;position:absolute;top:0;left:0}.landing-root .timeline-step.zero .timeline-dot{background:var(--nav);color:#fff;border-color:var(--nav);box-shadow:0 0 0 4px var(--green-bg)}.landing-root .timeline-step.zero .timeline-dot .num{color:var(--green)}.landing-root .timeline-card{border:2px solid var(--border);background:#fff;border-radius:16px;padding:18px 20px}.landing-root .timeline-tag{font-family:var(--font-mono);letter-spacing:2px;color:var(--green);text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:700}.landing-root .timeline-name{letter-spacing:-.4px;margin-bottom:6px;font-size:18px;font-weight:900}.landing-root .timeline-text{color:var(--text2);margin-bottom:8px;font-size:13px;line-height:1.5}.landing-root .timeline-time{font-family:var(--font-mono);color:var(--text3);letter-spacing:1px;font-size:11px;font-weight:700}.landing-root .timeline-foot{background:var(--green-bg);text-align:center;color:var(--text);text-wrap:balance;border-radius:16px;margin-top:28px;padding:22px 24px;font-size:16px;font-weight:700;line-height:1.4}.landing-root .how-grid{gap:16px;margin-top:32px;display:grid}.landing-root .how-step{border:2px solid var(--border);background:#fff;border-radius:18px;align-items:flex-start;gap:18px;padding:24px;display:flex}.landing-root .how-num{font-family:var(--font-mono);color:var(--green);letter-spacing:-1px;flex-shrink:0;font-size:36px;font-weight:700;line-height:1}.landing-root .how-body{flex:1}.landing-root .how-emoji{margin-bottom:10px;font-size:24px;line-height:1;display:block}.landing-root .how-title{letter-spacing:-.3px;margin-bottom:6px;font-size:17px;font-weight:900}.landing-root .how-text{color:var(--text2);font-size:14px;line-height:1.5}.landing-root .mockups{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:16px;margin:32px -20px 0;padding:0 20px 8px;display:flex;overflow-x:auto}.landing-root .mockups::-webkit-scrollbar{display:none}.landing-root .mockup-item{scroll-snap-align:start;flex-direction:column;flex:0 0 260px;gap:14px;display:flex}.landing-root .phone{aspect-ratio:9/18;background:#0d0d1c;border-radius:36px;padding:8px;position:relative;box-shadow:0 12px 32px #1a1a2e2e}.landing-root .phone-screen{background:#fff;border-radius:28px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.landing-root .phone-notch{z-index:5;background:#0d0d1c;border-radius:0 0 12px 12px;width:56px;height:16px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.landing-root .mockup-caption{color:var(--text2);text-align:center;padding:0 4px;font-size:13px;font-weight:500;line-height:1.45}.landing-root .m1-top{border-bottom:1.5px solid var(--border);align-items:center;gap:8px;padding:24px 14px 8px;display:flex}.landing-root .m1-x{color:var(--text3);font-size:16px;font-weight:700}.landing-root .m1-progress{background:var(--border);border-radius:99px;flex:1;height:6px;overflow:hidden}.landing-root .m1-progress-fill{background:var(--green);width:60%;height:100%}.landing-root .m1-lives{color:var(--red);font-size:11px;font-weight:800}.landing-root .m1-tag{font-family:var(--font-mono);letter-spacing:1.5px;color:var(--text3);text-transform:uppercase;margin:12px 14px 6px;font-size:8px;font-weight:700}.landing-root .m1-q{letter-spacing:-.3px;margin:0 14px 12px;font-size:13px;font-weight:900;line-height:1.2}.landing-root .m1-chart{background:var(--nav);border-radius:10px;height:70px;margin:0 14px 12px;position:relative;overflow:hidden}.landing-root .m1-chart svg{width:100%;height:100%;display:block}.landing-root .m1-options{flex-direction:column;gap:8px;padding:0 14px;display:flex}.landing-root .m1-opt{border:2px solid var(--border);background:#fff;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:11px;font-weight:700;display:flex}.landing-root .m1-opt.sel{border-color:var(--green);background:var(--green-bg)}.landing-root .m1-letter{background:var(--surface);width:22px;height:22px;font-family:var(--font-mono);color:var(--text2);border-radius:6px;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.landing-root .m1-opt.sel .m1-letter{background:var(--green);color:#fff}.landing-root .m2-top{border-bottom:1.5px solid var(--border);padding:24px 14px 14px}.landing-root .m2-eye{font-family:var(--font-mono);letter-spacing:1.5px;color:var(--text3);text-transform:uppercase;margin-bottom:4px;font-size:8px;font-weight:700}.landing-root .m2-title{letter-spacing:-.3px;font-size:14px;font-weight:900}.landing-root .m2-body{flex-direction:column;flex:1;gap:12px;padding:14px;display:flex}.landing-root .m2-met{background:var(--yellow-bg);border-radius:12px;padding:12px}.landing-root .m2-met-label{font-family:var(--font-mono);letter-spacing:1.5px;color:var(--orange);text-transform:uppercase;margin-bottom:5px;font-size:8px;font-weight:700}.landing-root .m2-met-text{color:var(--text);font-size:11px;font-weight:600;line-height:1.4}.landing-root .m2-temps{gap:6px;display:flex}.landing-root .m2-temp{border:1.5px solid var(--border);text-align:center;background:#fff;border-radius:8px;flex:1;padding:8px}.landing-root .m2-temp-num{font-family:var(--font-mono);letter-spacing:-.3px;font-size:14px;font-weight:700}.landing-root .m2-temp.hot .m2-temp-num{color:var(--orange)}.landing-root .m2-temp.cold .m2-temp-num{color:var(--blue)}.landing-root .m2-temp-lab{color:var(--text2);margin-top:2px;font-size:9px;font-weight:600}.landing-root .m2-tip{color:var(--text2);font-size:11px;font-weight:500;line-height:1.45}.landing-root .m2-tip strong{color:var(--text);font-weight:800}.landing-root .m3-screen,.landing-root .m3-screen .phone-notch{background:var(--nav)}.landing-root .m3-body{color:#fff;text-align:center;flex-direction:column;flex:1;align-items:center;gap:12px;padding:32px 14px 14px;display:flex}.landing-root .m3-trophy{background:var(--green);border-radius:22px;justify-content:center;align-items:center;width:70px;height:70px;margin-top:8px;font-size:36px;display:flex;box-shadow:0 0 0 6px #00c27c2e}.landing-root .m3-eye{font-family:var(--font-mono);letter-spacing:1.5px;color:var(--green);text-transform:uppercase;font-size:8px;font-weight:700}.landing-root .m3-title{letter-spacing:-.4px;font-size:16px;font-weight:900;line-height:1.15}.landing-root .m3-stats{gap:8px;width:100%;margin-top:4px;display:flex}.landing-root .m3-stat{background:#ffffff0f;border-radius:10px;flex:1;padding:10px 6px}.landing-root .m3-stat-num{font-family:var(--font-mono);color:var(--green);font-size:14px;font-weight:700}.landing-root .m3-stat-lab{color:#ffffff8c;letter-spacing:.5px;text-transform:uppercase;margin-top:2px;font-size:8px;font-weight:700}.landing-root .m3-streak{background:var(--green);color:#fff;border-radius:10px;justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding:8px 10px;font-size:10px;font-weight:800;display:flex}.landing-root .m3-streak .right{font-family:var(--font-mono)}.landing-root .next-cards{gap:14px;margin-top:32px;display:grid}.landing-root .next-card{border:2px solid var(--border);background:#fff;border-radius:16px;align-items:flex-start;gap:16px;padding:22px;transition:transform .15s,border-color .15s;display:flex}.landing-root .next-card:hover{border-color:var(--text3);transform:translateY(-2px)}.landing-root .next-emoji{flex-shrink:0;font-size:32px;line-height:1}.landing-root .next-body{flex:1}.landing-root .next-title{letter-spacing:-.3px;margin-bottom:4px;font-size:17px;font-weight:900}.landing-root .next-text{color:var(--text2);font-size:13px;line-height:1.5}.landing-root .next-foot{text-align:center;color:var(--text2);text-wrap:balance;margin-top:28px;font-size:15px;font-weight:600;line-height:1.5}.landing-root .next-foot strong{color:var(--text);font-weight:800}.landing-root .faq-list{flex-direction:column;gap:10px;margin-top:28px;display:flex}.landing-root .faq-item{border:2px solid var(--border);background:#fff;border-radius:14px;transition:border-color .15s;overflow:hidden}.landing-root .faq-item.open{border-color:var(--text3)}.landing-root .faq-q{cursor:pointer;letter-spacing:-.2px;color:var(--text);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:18px 20px;font-family:inherit;font-size:15px;font-weight:800;line-height:1.3;list-style:none;display:flex}.landing-root .faq-q-icon{font-family:var(--font-mono);color:var(--text3);text-align:center;flex-shrink:0;width:22px;font-size:22px;font-weight:400;transition:transform .2s,color .2s;display:inline-block}.landing-root .faq-item.open .faq-q-icon{color:var(--green);transform:rotate(45deg)}.landing-root .faq-a{color:var(--text2);padding:0 20px 20px;font-size:14px;font-weight:500;line-height:1.55}.landing-root .final-cta{background:var(--nav);color:#fff;padding:80px 0 96px;position:relative;overflow:hidden}.landing-root .final-cta:before{content:"";pointer-events:none;background:radial-gradient(circle at 15% 20%,#00c27c2e,#0000 45%),radial-gradient(circle at 85% 80%,#4361ee29,#0000 50%);position:absolute;inset:0}.landing-root .final-cta-inner{text-align:center;max-width:540px;margin:0 auto;padding:0 20px;position:relative}.landing-root .final-cta .h2{color:#fff;letter-spacing:-1.2px;font-size:34px}.landing-root .final-cta .lead{color:#ffffffb3}.landing-root .final-cta .btn-cta{margin-top:32px}.landing-root .final-cta .micro{color:#ffffff8c}.landing-root .final-cta .micro a{color:#fff;text-underline-offset:3px;text-decoration:underline}.landing-root .site-footer{background:var(--nav);color:#ffffffb3;border-top:1px solid #ffffff14;padding:48px 0 32px}.landing-root .footer-inner{max-width:1100px;margin:0 auto;padding:0 20px}.landing-root .footer-top{gap:36px;margin-bottom:36px;display:grid}.landing-root .footer-logo{color:#fff;letter-spacing:-.8px;font-size:22px;font-weight:900}.landing-root .footer-logo .dot{color:var(--green)}.landing-root .footer-tagline{color:#ffffff80;max-width:280px;margin-top:14px;font-size:13px;line-height:1.5}.landing-root .footer-cols{grid-template-columns:1fr 1fr;gap:28px;display:grid}.landing-root .footer-col-title{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:#fff6;margin-bottom:14px;font-size:10px;font-weight:700}.landing-root .footer-links{flex-direction:column;gap:10px;display:flex}.landing-root .footer-links a{color:#ffffffbf;font-size:14px;font-weight:600;text-decoration:none;transition:color .15s}.landing-root .footer-links a:hover{color:#fff}.landing-root .footer-bottom{color:#ffffff73;border-top:1px solid #ffffff14;padding-top:24px;font-size:11px;font-weight:500;line-height:1.6}@media (width>=720px){.landing-root .wrap{max-width:1100px;padding:0 32px}.landing-root .section{padding:88px 0}.landing-root .hero{padding:80px 0 96px}.landing-root .hero .h1{letter-spacing:-2.4px;font-size:64px}.landing-root .hero .lead{font-size:19px}.landing-root .h1{letter-spacing:-1.6px;font-size:48px}.landing-root .h2{letter-spacing:-1.2px;font-size:38px}.landing-root .lead{max-width:640px;font-size:18px}.landing-root .proof-row{flex-direction:row;gap:28px;max-width:720px;margin-left:auto;margin-right:auto;font-size:12px}.landing-root .proof-row .sep{display:inline}.landing-root .problem-cards{grid-template-columns:1fr 1fr;gap:20px}.landing-root .problem-card{padding:36px 32px}.landing-root .transition-quote{max-width:780px;margin-left:auto;margin-right:auto;padding-top:48px;font-size:28px}.landing-root .transition-quote .dim{font-size:22px}.landing-root .method-grid{grid-template-columns:1fr 1fr;gap:16px}.landing-root .timeline{max-width:760px;margin-left:auto;margin-right:auto}.landing-root .how-grid{grid-template-columns:repeat(3,1fr);gap:20px}.landing-root .how-step{flex-direction:column}.landing-root .how-num{font-size:48px}.landing-root .mockups{justify-content:center;gap:28px;margin:40px 0 0;padding:0;overflow-x:visible}.landing-root .mockup-item{flex:0 0 280px}.landing-root .next-cards{grid-template-columns:repeat(3,1fr);gap:18px}.landing-root .next-card{flex-direction:column}.landing-root .faq-list{max-width:780px;margin-left:auto;margin-right:auto}.landing-root .final-cta{padding:120px 0 130px}.landing-root .final-cta .h2{letter-spacing:-2px;font-size:56px}.landing-root .footer-top{grid-template-columns:1.4fr 3fr;align-items:start;gap:60px}.landing-root .footer-cols{grid-template-columns:repeat(3,1fr);gap:40px}.landing-root .site-header-inner{padding:18px 32px}.landing-root .hero-cta-wrap .btn-cta{width:auto}.landing-root .final-cta .btn-cta{width:auto;min-width:280px}}.onboarding-root{background:var(--bg);width:100%;min-height:100svh;max-width:var(--app-width);flex-direction:column;margin:0 auto;display:flex}.onboarding-root .ob-top-bar{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 22px 14px;display:flex}.onboarding-root .ob-back-link{font-family:var(--font-sans);color:var(--text2);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:13px;font-weight:700}.onboarding-root .ob-back-link.hidden{visibility:hidden}.onboarding-root .ob-logo{letter-spacing:-.8px;color:var(--text);font-size:20px;font-weight:900}.onboarding-root .ob-logo .dot{color:var(--green)}.onboarding-root .ob-top-spacer{width:48px}.onboarding-root .ob-progress-dots{flex-shrink:0;justify-content:center;gap:6px;padding:18px 20px 0;display:flex}.onboarding-root .ob-progress-dots.hidden{visibility:hidden}.onboarding-root .ob-dot{background:var(--border);border-radius:99px;width:24px;height:6px;transition:width .2s,background .2s}.onboarding-root .ob-dot.done{background:var(--green);opacity:.45}.onboarding-root .ob-dot.active{background:var(--green);width:32px}.onboarding-root .ob-body{flex-direction:column;flex:1;padding:28px 24px 16px;display:flex;overflow-y:auto}.onboarding-root .ob-body::-webkit-scrollbar{width:0}.onboarding-root .ob-screen-emoji{text-align:center;margin-bottom:18px;font-size:56px}.onboarding-root .ob-screen-title{letter-spacing:-.8px;margin-bottom:8px;font-size:26px;font-weight:900;line-height:1.2}.onboarding-root .ob-screen-title .accent{color:var(--green)}.onboarding-root .ob-screen-sub{color:var(--text2);margin-bottom:24px;font-size:14px;font-weight:500;line-height:1.5}.onboarding-root .ob-big-input{background:var(--surface);border:2.5px solid var(--green);width:100%;font-size:20px;font-weight:800;font-family:var(--font-sans);color:var(--text);border-radius:14px;outline:none;padding:18px 20px;box-shadow:0 0 0 4px #00c27c1a}.onboarding-root .ob-input-hint{font-family:var(--font-mono);color:var(--text3);margin-top:10px;font-size:11px;font-weight:700}.onboarding-root .ob-option-cards{flex-direction:column;gap:10px;display:flex}.onboarding-root .ob-option-card{background:var(--surface);border:2.5px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;font-family:var(--font-sans);width:100%;padding:16px 18px;transition:all .2s}.onboarding-root .ob-option-card.selected{border-color:var(--green);background:var(--green-bg)}.onboarding-root .ob-option-title{letter-spacing:-.2px;color:var(--text);margin-bottom:4px;font-size:15px;font-weight:900}.onboarding-root .ob-option-card.selected .ob-option-title{color:var(--green-dark)}.onboarding-root .ob-option-desc{color:var(--text2);font-size:12px;font-weight:500;line-height:1.4}.onboarding-root .ob-welcome-wrap{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:0 8px;display:flex}.onboarding-root .ob-welcome-emoji{margin-bottom:24px;font-size:80px}.onboarding-root .ob-welcome-title{letter-spacing:-1px;margin-bottom:14px;font-size:30px;font-weight:900;line-height:1.15}.onboarding-root .ob-welcome-title .accent{color:var(--green)}.onboarding-root .ob-welcome-sub{color:var(--text2);max-width:300px;margin-bottom:8px;font-size:15px;font-weight:500;line-height:1.6}.onboarding-root .ob-bottom-bar{border-top:1.5px solid var(--border);background:var(--bg);flex-shrink:0;padding:14px 24px 22px}.onboarding-root .ob-btn-green{background:var(--green);color:#fff;width:100%;font-family:var(--font-sans);letter-spacing:-.2px;cursor:pointer;box-shadow:0 5px 0 var(--green-dark);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:16px 22px;font-size:16px;font-weight:900;transition:transform .12s,box-shadow .12s,background .12s;display:flex}.onboarding-root .ob-btn-green:hover:not(:disabled){box-shadow:0 7px 0 var(--green-dark);transform:translateY(-2px)}.onboarding-root .ob-btn-green:active:not(:disabled){box-shadow:0 2px 0 var(--green-dark);transform:translateY(3px)}.onboarding-root .ob-btn-green:disabled{background:var(--text3);box-shadow:0 5px 0 var(--border);cursor:not-allowed}.profile-root{background:var(--bg);width:100%;min-height:100svh;max-width:var(--app-width);flex-direction:column;margin:0 auto;display:flex;position:relative}.profile-root .pf-scroll{flex:1;padding-bottom:110px;overflow-y:auto}.profile-root .pf-scroll::-webkit-scrollbar{width:0}.profile-root .pf-header{justify-content:space-between;align-items:center;padding:18px 22px 14px;display:flex}.profile-root .pf-logo{letter-spacing:-.8px;color:var(--text);font-size:22px;font-weight:900}.profile-root .pf-logo .dot{color:var(--green)}.profile-root .pf-settings-icon{background:var(--surface);border:2px solid var(--border);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.profile-root .pf-head{align-items:center;gap:14px;padding:8px 22px 22px;display:flex}.profile-root .pf-avatar{background:var(--green-bg);width:64px;height:64px;font-family:var(--font-mono);color:var(--green-dark);letter-spacing:-.5px;border:2px solid var(--green);border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex}.profile-root .pf-info{flex:1;min-width:0}.profile-root .pf-name{letter-spacing:-.5px;font-size:20px;font-weight:900}.profile-root .pf-email{font-family:var(--font-mono);color:var(--text2);word-break:break-all;margin-top:2px;font-size:11px;font-weight:500}.profile-root .pf-since{font-family:var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--text3);margin-top:6px;font-size:10px;font-weight:700;display:inline-block}.profile-root .pf-tabs{background:var(--surface);border-radius:13px;gap:4px;margin:0 22px 16px;padding:4px;display:flex}.profile-root .pf-tab{text-align:center;color:var(--text2);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;padding:10px 8px;font-family:inherit;font-size:13px;font-weight:800}.profile-root .pf-tab.active{background:var(--bg);color:var(--text);box-shadow:var(--shadow-card)}.profile-root .pf-section{padding:0 22px}.profile-root .pf-section-tit{letter-spacing:-.3px;margin:18px 0 12px;font-size:16px;font-weight:900}.profile-root .pf-eyebrow{font-family:var(--font-mono);letter-spacing:2px;color:var(--text3);text-transform:uppercase;margin-bottom:10px;font-size:10px;font-weight:700}.profile-root .pf-level-card{background:var(--nav);border-radius:var(--radius);color:#fff;align-items:center;gap:16px;margin-bottom:14px;padding:18px 20px;display:flex;position:relative;overflow:hidden}.profile-root .pf-level-card:before{content:"";background:radial-gradient(circle,#00c27c33,#0000 70%);width:180px;height:180px;position:absolute;top:-60px;right:-60px}.profile-root .pf-ring-wrap{z-index:1;flex-shrink:0;width:60px;height:60px;position:relative}.profile-root .pf-ring-svg{width:60px;height:60px;transform:rotate(-90deg)}.profile-root .pf-ring-bg{fill:none;stroke:#ffffff1f;stroke-width:6px}.profile-root .pf-ring-fill{fill:none;stroke:var(--green);stroke-width:6px;stroke-linecap:round;stroke-dasharray:151;transition:stroke-dashoffset .4s}.profile-root .pf-ring-pct{color:#fff;font-size:13px;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.profile-root .pf-level-info{z-index:1;flex:1;min-width:0;position:relative}.profile-root .pf-level-tag{font-family:var(--font-mono);letter-spacing:2px;color:#ffffff80;text-transform:uppercase;margin-bottom:2px;font-size:10px;font-weight:700}.profile-root .pf-level-name{letter-spacing:-.4px;margin-bottom:7px;font-size:18px;font-weight:900}.profile-root .pf-xp-bar{background:#ffffff1f;border-radius:99px;height:5px;overflow:hidden}.profile-root .pf-xp-fill{background:var(--green);border-radius:99px;height:100%;transition:width .4s}.profile-root .pf-xp-nums{font-family:var(--font-mono);color:#ffffff80;margin-top:5px;font-size:10px;font-weight:700}.profile-root .pf-stats-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;margin-bottom:6px;display:grid}.profile-root .pf-stat-card{background:var(--surface);border:2px solid var(--border);box-shadow:var(--shadow-card);border-radius:16px;align-items:center;gap:11px;padding:14px;display:flex}.profile-root .pf-stat-icon{border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.profile-root .pf-stat-num{font-family:var(--font-mono);letter-spacing:-.5px;font-size:18px;font-weight:700;line-height:1}.profile-root .pf-stat-label{color:var(--text2);margin-top:3px;font-size:11px;font-weight:600}.profile-root .pf-activity-wrap{background:var(--surface);border:2px solid var(--border);box-shadow:var(--shadow-card);border-radius:16px;margin-top:14px;padding:16px}.profile-root .pf-activity-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.profile-root .pf-day{aspect-ratio:1;background:var(--border);border-radius:5px}.profile-root .pf-day.l1{background:#b7f5da}.profile-root .pf-day.l2{background:#5ee0a8}.profile-root .pf-day.l3{background:var(--green)}.profile-root .pf-day.l4{background:var(--green-dark)}.profile-root .pf-activity-foot{font-family:var(--font-mono);color:var(--text3);justify-content:space-between;align-items:center;margin-top:12px;font-size:10px;font-weight:700;display:flex}.profile-root .pf-legend{align-items:center;gap:4px;display:flex}.profile-root .pf-legend-sq{border-radius:3px;width:10px;height:10px}.profile-root .pf-badge-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.profile-root .pf-badge-card{background:var(--bg);border:2px solid var(--border);text-align:center;box-shadow:var(--shadow-card);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:96px;max-height:110px;padding:10px 8px;display:flex;position:relative}.profile-root .pf-badge-card.unlocked{background:var(--green-bg);border-color:var(--green)}.profile-root .pf-badge-card.locked{opacity:.55}.profile-root .pf-badge-card.locked .pf-badge-emoji{filter:grayscale()}.profile-root .pf-badge-emoji{margin-bottom:4px;font-size:36px;line-height:1}.profile-root .pf-badge-name{letter-spacing:-.2px;font-size:13px;font-weight:900;line-height:1.15}.profile-root .pf-badge-card.unlocked .pf-badge-name{color:var(--green-dark)}.profile-root .pf-badge-desc{display:none}.profile-root .pf-badge-tag{font-family:var(--font-mono);border-radius:4px;padding:2px 4px;font-size:10px;font-weight:800;line-height:1;position:absolute;top:6px;right:6px}.profile-root .pf-badge-card.unlocked .pf-badge-tag{display:none}.profile-root .pf-badge-card.locked .pf-badge-tag{color:var(--text3);background:0 0}.profile-root .pf-conv-card{background:var(--nav);border-radius:var(--radius);color:#fff;margin-top:22px;padding:22px 20px;position:relative;overflow:hidden}.profile-root .pf-conv-card:before{content:"";background:radial-gradient(circle,#00c27c40,#0000 70%);width:220px;height:220px;position:absolute;top:-80px;right:-50px}.profile-root .pf-conv-card:after{content:"";background:radial-gradient(circle,#4361ee33,#0000 70%);width:200px;height:200px;position:absolute;bottom:-60px;left:-60px}.profile-root .pf-conv-eyebrow{font-family:var(--font-mono);letter-spacing:2px;color:var(--green);text-transform:uppercase;z-index:1;margin-bottom:8px;font-size:10px;font-weight:700;position:relative}.profile-root .pf-conv-tit{letter-spacing:-.4px;z-index:1;margin-bottom:8px;font-size:18px;font-weight:900;line-height:1.25;position:relative}.profile-root .pf-conv-sub{color:#ffffffa6;z-index:1;margin-bottom:16px;font-size:13px;font-weight:500;line-height:1.5;position:relative}.profile-root .pf-btn-conv{color:var(--text);font-family:var(--font-sans);letter-spacing:-.2px;cursor:pointer;z-index:1;background:#fff;border:none;border-radius:13px;padding:12px 22px;font-size:14px;font-weight:900;transition:transform .12s,box-shadow .12s;position:relative;box-shadow:0 5px #0000004d}.profile-root .pf-btn-conv:hover{transform:translateY(-2px);box-shadow:0 7px #0000004d}.profile-root .pf-logout-wrap{text-align:center;padding:24px 22px 8px}.profile-root .pf-btn-logout{cursor:pointer;font-family:var(--font-sans);color:var(--text3);letter-spacing:-.1px;background:0 0;border:none;padding:8px 16px;font-size:13px;font-weight:700;text-decoration:none;display:inline-block}.profile-root .pf-bottom-nav{background:var(--nav);z-index:100;border-radius:24px 24px 0 0;justify-content:space-around;padding:14px 0 24px;display:flex;position:sticky;bottom:0;left:0;right:0}.profile-root .pf-nav-item{font-family:var(--font-mono);letter-spacing:.3px;color:#fff6;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:4px 12px;font-size:10px;font-weight:700;text-decoration:none;display:flex}.profile-root .pf-nav-item.active{color:#fff}.profile-root .pf-nav-icon{font-size:22px;line-height:1}.profile-root .pf-nav-icon.locked{opacity:.55}.profile-root .pf-nav-dot{background:var(--green);opacity:0;border-radius:99px;width:4px;height:4px}.profile-root .pf-nav-item.active .pf-nav-dot{opacity:1}.profile-root .pf-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#1a1a2e80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.profile-root .pf-modal{background:var(--bg);border-radius:18px;width:100%;max-width:360px;padding:24px;box-shadow:0 20px 60px #00000040}.profile-root .pf-modal-eye{font-family:var(--font-mono);letter-spacing:2px;color:var(--green);text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:700}.profile-root .pf-modal-title{letter-spacing:-.4px;margin-bottom:6px;font-size:18px;font-weight:900;line-height:1.25}.profile-root .pf-modal-sub{color:var(--text2);margin-bottom:16px;font-size:13px;font-weight:500;line-height:1.5}.profile-root .pf-modal-input{background:var(--surface);border:2px solid var(--border);width:100%;font-size:15px;font-weight:600;font-family:var(--font-sans);color:var(--text);border-radius:12px;outline:none;margin-bottom:12px;padding:14px 16px}.profile-root .pf-modal-input:focus{border-color:var(--green)}.profile-root .pf-modal-error{color:var(--red);margin-bottom:12px;font-size:12px;font-weight:700}.profile-root .pf-modal-actions{gap:8px;display:flex}.profile-root .pf-btn-modal-primary{background:var(--green);color:#fff;font-family:var(--font-sans);cursor:pointer;box-shadow:0 4px 0 var(--green-dark);border:none;border-radius:12px;flex:1;padding:12px 16px;font-size:14px;font-weight:900}.profile-root .pf-btn-modal-primary:disabled{background:var(--text3);box-shadow:0 4px 0 var(--border);cursor:not-allowed}.profile-root .pf-btn-modal-secondary{color:var(--text2);font-family:var(--font-sans);border:2px solid var(--border);cursor:pointer;background:0 0;border-radius:12px;padding:12px 16px;font-size:14px;font-weight:700}.cs-root{--bg:#fff;--surface:#f7f7f7;--border:#eee;--border-2:#e2e8f0;--nav:#0f172a;--text:#0f172a;--text2:#64748b;--text3:#aab;--green:#10b981;--green-dark:#059669;--green-bg:#ecfdf5;--green-bg-2:#d1fae5;--warn:#fcd34d;--warn-bg:#fef9e7;--warn-text:#92400e;background:var(--bg);width:100%;min-height:100svh;max-width:var(--app-width);font-family:var(--font-sans);color:var(--text);flex-direction:column;margin:0 auto;display:flex}.cs-root .cs-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 22px 14px;display:flex}.cs-root .cs-back-btn{background:var(--surface);border:1px solid var(--border);width:40px;height:40px;color:var(--text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;font-size:16px;font-weight:900;display:flex}.cs-root .cs-logo{letter-spacing:-.8px;color:var(--text);font-size:20px;font-weight:900}.cs-root .cs-logo .dot{color:var(--green)}.cs-root .cs-h-spacer{width:40px}.cs-root .cs-scroll{flex:1;padding:24px 18px 140px;overflow-y:auto}.cs-root .cs-scroll::-webkit-scrollbar{width:0}.cs-root .head{text-align:left;margin-bottom:22px}.cs-root .head-eyebrow{font-family:var(--font-mono);letter-spacing:1.4px;color:var(--green-dark);text-transform:uppercase;background:var(--green-bg);border:1px solid var(--green-bg-2);border-radius:99px;align-items:center;gap:8px;margin-bottom:14px;padding:5px 11px 5px 9px;font-size:11px;font-weight:700;display:inline-flex}.cs-root .head-eyebrow-dot{background:var(--green);border-radius:50%;width:7px;height:7px;animation:1.6s ease-out infinite cs-pulse;box-shadow:0 0 #10b9818c}@keyframes cs-pulse{0%{box-shadow:0 0 #10b9818c}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}.cs-root .head-title{letter-spacing:-.8px;color:var(--text);margin:0 0 8px;font-size:28px;font-weight:900;line-height:1.1}.cs-root .head-title em{color:var(--green);font-style:normal}.cs-root .head-sub{color:var(--text2);margin:0;font-size:14.5px;font-weight:500;line-height:1.45}.cs-root .cards{flex-direction:column;gap:12px;display:flex}.cs-root .card{text-align:left;width:100%;color:var(--text);cursor:pointer;border:1px solid var(--border-2);background:var(--bg);border-radius:18px;padding:14px;font-family:inherit;transition:border-color .18s,box-shadow .18s,background .18s;position:relative}.cs-root .card:disabled,.cs-root .card.is-full{opacity:.5;cursor:not-allowed}.cs-root .card:focus-visible{outline:2px solid var(--green);outline-offset:2px}.cs-root .card-tavolo{background:var(--nav);color:#fff;border:1.5px solid var(--nav)}.cs-root .card-tavolo .card-eyebrow{color:#ffffff8c}.cs-root .card-tavolo .card-select{border-color:#ffffff40}.cs-root .card-tavolo .tier-name{color:#fff;font-size:22px;font-weight:900}.cs-root .card-tavolo .tier-accent{color:var(--green)}.cs-root .card-tavolo .tier-tribe{color:#ffffffb3;font-size:13px}.cs-root .card-tavolo .capacity-bar{background:#ffffff1f;height:6px}.cs-root .card-tavolo .capacity-text{color:#ffffffd9;font-size:11px}.cs-root .card-tavolo .card-discover{color:var(--green)}.cs-root .card-tavolo.is-selected{box-shadow:0 0 0 3px var(--green-bg-2), 0 18px 36px #10b98138, 0 14px 30px #0f172a2e}.cs-root .card-salotto{color:var(--text);border:1.5px solid var(--green-bg-2);background:#fff}.cs-root .card-salotto .card-eyebrow{color:var(--green-dark)}.cs-root .card-salotto .tier-name{color:var(--text);font-size:17px;font-weight:900}.cs-root .card-salotto .tier-tribe{color:var(--text2)}.cs-root .card-salotto .card-discover{color:var(--green-dark)}.cs-root .card-salotto.is-selected{border:2px solid var(--green);box-shadow:0 0 0 3px var(--green-bg), 0 4px 14px #10b9811a}.cs-root .card-bacheca{background:var(--surface);color:var(--text);border:1px solid var(--border)}.cs-root .card-bacheca .card-eyebrow{color:var(--text2)}.cs-root .card-bacheca .tier-name{color:var(--text);font-size:16px;font-weight:900}.cs-root .card-bacheca .tier-tribe,.cs-root .card-bacheca .card-discover{color:var(--text2)}.cs-root .card-bacheca.is-selected{border:2px solid var(--green);box-shadow:0 0 0 3px var(--green-bg), 0 4px 14px #10b9811a}.cs-root .card-eyebrow-row{flex-wrap:wrap;align-items:center;gap:8px;min-height:22px;margin-bottom:8px;padding-right:36px;display:flex}.cs-root .card-eyebrow{font-family:var(--font-mono);letter-spacing:1.4px;text-transform:uppercase;color:var(--green-dark);font-size:10.5px;font-weight:700;line-height:1.2}.cs-root .card-badge{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;background:var(--green-bg);color:var(--green-dark);border:1px solid var(--green-bg-2);border-radius:99px;align-items:center;gap:6px;padding:3px 8px 3px 7px;font-size:10px;font-weight:700;display:inline-flex}.cs-root .card-badge-dot{background:var(--green);border-radius:50%;width:6px;height:6px}.cs-root .card-select{border:2px solid var(--border-2);color:#0000;pointer-events:none;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:background .18s,border-color .18s,transform .18s,color .18s;display:flex;position:absolute;top:14px;right:14px}.cs-root .card.is-selected .card-select{background:var(--green);border-color:var(--green);color:#fff;transform:scale(1.04);box-shadow:0 4px 10px #10b98159}.cs-root .tier-name{letter-spacing:-.4px;color:var(--text);margin-bottom:2px;font-size:18px;font-weight:900;line-height:1.2}.cs-root .tier-accent{color:var(--green)}.cs-root .tier-tribe{color:var(--text2);margin-bottom:12px;font-size:12.5px;font-weight:500}.cs-root .capacity{margin-bottom:12px}.cs-root .capacity-bar,.cs-root .capacity-bar.light{background:var(--border);border-radius:99px;height:5px;overflow:hidden}.cs-root .capacity-fill{background:linear-gradient(90deg, var(--green), #34d399);border-radius:99px;height:100%;transition:width .4s}.cs-root .capacity-text,.cs-root .capacity-text.light{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text2);margin-top:6px;font-size:10.5px;font-weight:700}.cs-root .card-discover{font-family:var(--font-sans);color:var(--green-dark);text-align:center;letter-spacing:-.1px;margin-top:4px;font-size:12.5px;font-weight:700}.cs-root .perks{flex-direction:column;gap:10px;margin-top:4px;display:flex}.cs-root .perk{border-radius:12px;align-items:flex-start;gap:10px;padding:8px 10px;display:flex}.cs-root .perk-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:15px;display:flex}.cs-root .perk-icon-mono{font-family:var(--font-mono);letter-spacing:-.02em;width:auto;min-width:36px;padding:0 6px;font-size:10px;font-weight:700}.cs-root .perk-icon-glyph{font-size:14px}.cs-root .perk-text{flex-direction:column;flex:1;gap:2px;min-width:0;line-height:1.3;display:flex}.cs-root .perk-text strong{letter-spacing:-.1px;font-size:13.5px;font-weight:700}.cs-root .perk-sub{font-size:11.5px;font-weight:500}.cs-root .card-tavolo .perk{background:#ffffff0a}.cs-root .card-tavolo .perk-highlight{background:#10b9811f;border:1px solid #10b98140}.cs-root .card-tavolo .perk-icon{color:var(--green);background:#10b9812e;border:1px solid #10b9814d}.cs-root .card-tavolo .perk-text strong{color:#fff}.cs-root .card-tavolo .perk-sub{color:#ffffff8c}.cs-root .card-salotto .perk-icon{background:var(--green-bg);border:1px solid var(--green-bg-2);color:var(--green-dark)}.cs-root .card-salotto .perk-text strong{color:var(--text)}.cs-root .card-salotto .perk-sub{color:var(--text2)}.cs-root .card-bacheca .perk-icon{border:1px solid var(--border-2);color:var(--text2);background:#fff}.cs-root .card-bacheca .perk-text strong{color:var(--text)}.cs-root .card-bacheca .perk-sub{color:var(--text2)}.cs-root .cs-form-error{color:#b91c1c;text-align:center;margin-top:14px;font-size:12.5px;font-weight:700}.cs-root .footnote{text-align:center;color:var(--text2);margin:18px 0 0;font-size:11.5px;font-weight:500;line-height:1.4}.cs-root .dock{padding:14px 18px calc(14px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border);z-index:10;background:#ffffffeb;flex-shrink:0;position:sticky;bottom:0;left:0;right:0}.cs-root .dock-cta{background:var(--text);color:#fff;width:100%;font-family:var(--font-sans);letter-spacing:-.2px;cursor:pointer;border:none;border-radius:14px;padding:16px 20px;font-size:15.5px;font-weight:900;transition:transform .12s,box-shadow .12s,background .18s;box-shadow:0 5px #00000080}.cs-root .dock-cta:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px #00000080}.cs-root .dock-cta:active:not(:disabled){transform:translateY(2px);box-shadow:0 3px #00000080}.cs-root .dock-cta:disabled{opacity:.55;cursor:not-allowed;box-shadow:0 5px #00000040}.cs-root .dock.is-premium .dock-cta{background:var(--green);box-shadow:0 5px 0 var(--green-dark)}.cs-root .dock.is-premium .dock-cta:hover:not(:disabled){box-shadow:0 6px 0 var(--green-dark)}.cs-root .dock.is-premium .dock-cta:active:not(:disabled){box-shadow:0 3px 0 var(--green-dark)}.cs-root .contact-line{text-align:center;color:var(--text2);margin-top:10px;font-size:12.5px;font-style:italic;font-weight:500}.cs-root .contact-email{font-family:var(--font-mono);color:var(--text);word-break:break-all;font-style:normal;font-weight:600}.cs-root .cs-confirm{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:36px 28px;display:flex}.cs-root .confirm-circle{background:var(--green-bg);border:3px solid var(--green);width:104px;height:104px;color:var(--green);border-radius:50%;justify-content:center;align-items:center;margin-bottom:22px;animation:.4s cubic-bezier(.34,1.56,.64,1) cs-confirmPop;display:flex;box-shadow:0 8px 24px #10b98133}.cs-root .confirm-circle.is-tavolo{background:var(--nav);border-color:var(--green);box-shadow:0 0 0 6px #10b98126,0 0 0 12px #10b98114,0 12px 32px #10b9814d}@keyframes cs-confirmPop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.cs-root .confirm-eyebrow{font-family:var(--font-mono);letter-spacing:1.6px;text-transform:uppercase;color:var(--green-dark);margin-bottom:12px;font-size:11px;font-weight:700}.cs-root .confirm-title{letter-spacing:-.8px;color:var(--text);margin:0 0 10px;font-size:30px;font-weight:900;line-height:1.1}.cs-root .confirm-sub{color:var(--text2);max-width:280px;margin:0 0 28px;font-size:14.5px;font-weight:500;line-height:1.5}.cs-root .confirm-btn{background:var(--text);color:#fff;font-family:var(--font-sans);letter-spacing:-.2px;cursor:pointer;border:none;border-radius:13px;padding:14px 26px;font-size:15px;font-weight:900;transition:transform .12s,box-shadow .12s;box-shadow:0 5px #0006}.cs-root .confirm-btn:hover{transform:translateY(-1px);box-shadow:0 6px #0006}.cs-root .confirm-btn:active{transform:translateY(2px);box-shadow:0 3px #0006}.cs-root .cs-modal-backdrop{z-index:100;background:#0009;justify-content:center;align-items:center;padding:24px;animation:.2s ease-out cs-modalFade;display:flex;position:fixed;inset:0}.cs-root .cs-modal{background:var(--bg);text-align:center;border-radius:16px;width:100%;max-width:320px;padding:24px;animation:.25s cubic-bezier(.34,1.56,.64,1) cs-modalPop;box-shadow:0 20px 50px #0000004d}@keyframes cs-modalFade{0%{opacity:0}to{opacity:1}}@keyframes cs-modalPop{0%{opacity:0;transform:scale(.92)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.cs-root .cs-modal-eyebrow{font-family:var(--font-mono);letter-spacing:1.6px;color:var(--green-dark);text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:700}.cs-root .cs-modal-title{letter-spacing:-.6px;color:var(--text);margin:0 0 12px;font-size:24px;font-weight:900;line-height:1.15}.cs-root .cs-modal-body{color:var(--text2);margin:0 0 20px;font-size:14.5px;font-weight:500;line-height:1.5}.cs-root .cs-modal-actions{flex-direction:column;gap:10px;display:flex}.cs-root .cs-modal-btn{letter-spacing:-.2px;cursor:pointer;border:none;border-radius:13px;width:100%;padding:14px 18px;font-family:inherit;font-size:15px;font-weight:900;transition:transform .12s,box-shadow .12s,background .18s}.cs-root .cs-modal-btn.primary{background:var(--green);color:#fff;box-shadow:0 5px 0 var(--green-dark)}.cs-root .cs-modal-btn.primary:hover{box-shadow:0 6px 0 var(--green-dark);transform:translateY(-1px)}.cs-root .cs-modal-btn.primary:active{box-shadow:0 3px 0 var(--green-dark);transform:translateY(2px)}.cs-root .cs-modal-btn.outline{background:var(--bg);color:var(--text);border:1.5px solid var(--border-2)}.cs-root .cs-modal-btn.outline:hover{background:var(--surface)}.lesson-root{background:var(--bg);min-height:100svh;max-width:var(--app-width);flex-direction:column;width:100%;margin:0 auto;display:flex}.top-bar{background:var(--bg);border-bottom:1.5px solid var(--border);flex-shrink:0;align-items:center;gap:14px;padding:16px 18px 12px;display:flex}.top-bar .close-btn{cursor:pointer;width:30px;height:30px;color:var(--text3);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:22px;line-height:1;display:flex}.top-bar .progress-track{background:var(--surface);border:1.5px solid var(--border);border-radius:99px;flex:1;height:10px;overflow:hidden}.top-bar .progress-fill{background:var(--green);border-radius:99px;height:100%;transition:width .3s}.top-bar .lives{flex-shrink:0;gap:1px;font-size:16px;display:flex}.top-bar .lives .gone{filter:grayscale()opacity(.35)}.lesson-body{flex:1;padding:22px 20px 24px;overflow-y:auto}.lesson-foot{border-top:1.5px solid var(--border);background:var(--bg);flex-shrink:0;padding:14px 20px 22px}.l-chip{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;border:1.5px solid var(--border);background:var(--surface);color:var(--text2);border-radius:8px;align-items:center;gap:6px;margin-bottom:14px;padding:6px 11px;font-size:10px;font-weight:700;display:inline-flex}.l-chip.activation{color:var(--orange);background:var(--orange-bg);border-color:#ffcc80}.l-chip.studio{color:var(--red);background:var(--red-bg);border-color:#ffcdd2}.l-chip.easy{color:var(--green);background:var(--green-bg);border-color:#a5d6a7}.l-chip.medium{color:var(--blue);background:var(--blue-bg);border-color:#c5cae9}.l-chip.hard{color:var(--purple);background:var(--purple-bg);border-color:#d1c4e9}.h-big{letter-spacing:-.7px;margin:0 0 6px;font-size:26px;font-weight:800;line-height:1.1}.h-sub{color:var(--text2);margin:0 0 18px;font-size:14px;font-weight:500;line-height:1.5}.l-btn{width:100%;font-family:var(--font-sans);letter-spacing:-.2px;cursor:pointer;text-align:center;border:none;border-radius:14px;padding:14px 18px;font-size:15px;font-weight:900;transition:transform .12s,box-shadow .12s;display:block}.l-btn-green{background:var(--green);color:#fff;box-shadow:var(--shadow-btn-green)}.l-btn-green:hover{box-shadow:0 7px 0 var(--green-dark);transform:translateY(-2px)}.l-btn-green:active{box-shadow:0 2px 0 var(--green-dark);transform:translateY(3px)}.l-btn-disabled{background:var(--surface);color:var(--text3);box-shadow:var(--shadow-btn-disabled);cursor:not-allowed}.scenario{background:var(--surface);border:2px solid var(--border);border-radius:18px;margin-bottom:16px;padding:18px 18px 20px}.scenario-body{color:var(--text);margin:0 0 14px;font-size:14px;font-weight:500;line-height:1.55}.scenario-q{color:var(--text);margin:0;font-size:15px;font-weight:700;line-height:1.35}.opts{flex-direction:column;gap:9px;margin-bottom:16px;display:flex}.opt{border:2.5px solid var(--border);cursor:pointer;color:var(--text);text-align:left;width:100%;font-size:14px;font-weight:600;line-height:1.35;font-family:var(--font-sans);background:#fff;border-radius:14px;align-items:center;gap:12px;padding:13px 14px;transition:all .15s;display:flex}.opt:not(:disabled):hover{border-color:var(--blue);background:var(--blue-bg)}.opt:disabled{cursor:default}.opt-letter{background:var(--surface);width:26px;height:26px;font-family:var(--font-mono);color:var(--text2);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex}.opt-text{flex:1}.opt-text.dim{opacity:.4}.opt.is-selected{border-color:var(--blue);background:var(--blue-bg)}.opt.is-selected .opt-letter{background:var(--blue);color:#fff}.opt.is-correct{border-color:var(--green);background:var(--green-bg);color:var(--green-dark)}.opt.is-correct .opt-letter{background:var(--green);color:#fff}.opt.is-wrong{border-color:var(--red);background:var(--red-bg);color:var(--red)}.opt.is-wrong .opt-letter{background:var(--red);color:#fff}.opt.is-correct-mark{border-color:var(--green);background:#fff}.opt.is-correct-mark .opt-letter{background:var(--green);color:#fff}.opt-icon{flex-shrink:0;margin-left:auto;font-size:18px}.feedback{border:2px solid;border-radius:16px;margin-bottom:16px;padding:16px 16px 18px}.feedback-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.feedback-icon{font-size:22px}.feedback-title{letter-spacing:-.3px;font-size:17px;font-weight:900}.feedback-text{margin:0;font-size:13px;font-weight:500;line-height:1.6}.feedback.ok{background:var(--green-bg);border-color:#a5d6a7}.feedback.ok .feedback-title{color:var(--green-dark)}.feedback.ok .feedback-text{color:var(--text)}.feedback.warn{background:var(--yellow-bg);border-color:#ffe082}.feedback.warn .feedback-title{color:#b07d00}.feedback.warn .feedback-text{color:var(--text)}.studio-section{margin-bottom:24px}.studio-section-tag{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--text3);margin-bottom:8px;font-size:10px;font-weight:700}.studio-p{color:var(--text);margin:0 0 12px;font-size:14px;font-weight:500;line-height:1.65}.studio-p strong{font-weight:800}.metaphor{background:var(--yellow-bg);border:2px solid #ffe082;border-radius:14px;gap:10px;margin:14px 0 16px;padding:14px 14px 16px;display:flex}.metaphor-i{flex-shrink:0;font-size:22px}.metaphor-t{font-size:13px;font-weight:600;line-height:1.55}.example-box{background:var(--surface);border:2px solid var(--border);border-radius:16px;margin-bottom:16px;padding:16px 16px 18px}.example-title{letter-spacing:-.2px;margin:0 0 12px;font-size:15px;font-weight:800}.example-step{border-top:1px solid var(--border);gap:12px;padding:10px 0;display:flex}.example-step:first-of-type{border-top:none;padding-top:4px}.example-step-num{background:var(--green);color:#fff;width:24px;height:24px;font-family:var(--font-mono);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex}.example-step-text{font-size:13px;font-weight:500;line-height:1.5}.quiz-collapse{border:2px solid var(--border);width:100%;font-family:var(--font-sans);background:#fff;border-radius:14px;margin-bottom:8px;overflow:hidden}.quiz-collapse-head-btn{text-align:left;cursor:pointer;width:100%;font-family:var(--font-sans);color:inherit;background:0 0;border:none;padding:12px 14px;display:block}.quiz-collapse-head{align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex}.quiz-collapse-num{font-family:var(--font-mono);color:var(--blue);background:var(--blue-bg);text-align:center;border-radius:6px;flex-shrink:0;min-width:28px;padding:3px 8px;font-size:11px;font-weight:800}.quiz-collapse-num.is-correct{background:var(--green);color:#fff}.quiz-collapse-num.is-wrong{background:var(--yellow);color:#fff}.quiz-collapse-text{flex:1;line-height:1.35}.quiz-collapse-arrow{color:var(--text3);flex-shrink:0;font-size:13px}.quiz-body{border-top:1px dashed var(--border);color:var(--text);padding:12px 14px 14px;font-size:13px;font-weight:500;line-height:1.55}.quiz-body p{margin:0 0 8px}.quiz-body p:last-child{margin-bottom:0}.quiz-opts{flex-direction:column;gap:8px;margin:0 0 12px;padding:0;list-style:none;display:flex}.quiz-opt{border:1.5px solid var(--border);color:var(--text);text-align:left;cursor:pointer;width:100%;font-size:13px;font-weight:600;font-family:var(--font-sans);background:#fff;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;line-height:1.35;transition:all .15s;display:flex}.quiz-opt:not(:disabled):hover{border-color:var(--blue);background:var(--blue-bg)}.quiz-opt:disabled{cursor:default}.quiz-opt-text{flex:1}.quiz-opt-icon{flex-shrink:0;margin-left:auto;font-size:15px}.quiz-opt.is-correct{border-color:var(--green);background:var(--green-bg);color:var(--green-dark)}.quiz-opt.is-wrong{border-color:var(--yellow);background:var(--yellow-bg);color:var(--text)}.quiz-opt.is-correct-mark{border-color:var(--green);color:var(--green-dark);background:#fff}.quiz-opt.is-dim{opacity:.4}.quiz-vf-row{gap:8px;margin:0 0 12px;display:flex}.quiz-vf-btn{border:1.5px solid var(--border);color:var(--text);cursor:pointer;font-size:13px;font-weight:700;font-family:var(--font-sans);text-align:center;background:#fff;border-radius:10px;flex:1;padding:10px 12px;transition:all .15s}.quiz-vf-btn:not(:disabled):hover{border-color:var(--blue);background:var(--blue-bg)}.quiz-vf-btn:disabled{cursor:default}.quiz-vf-btn.is-correct{border-color:var(--green);background:var(--green-bg);color:var(--green-dark)}.quiz-vf-btn.is-wrong{border-color:var(--yellow);background:var(--yellow-bg);color:var(--text)}.quiz-vf-btn.is-correct-mark{border-color:var(--green);color:var(--green-dark);background:#fff}.quiz-vf-btn.is-dim{opacity:.4}.quiz-cta-hint{color:var(--text3);text-align:center;margin:0 0 10px;font-size:12px;font-weight:500}.quiz-continue-btn{width:auto;min-width:180px;margin-top:12px;padding:10px 18px;font-size:13px;display:inline-block}.top-bar.top-bar-completion{background:var(--green);border-bottom-color:var(--green-dark)}.top-bar.top-bar-completion .close-btn{color:#ffffff80}.top-bar.top-bar-completion .progress-track{background:var(--green-dark);border-color:#ffffff4d}.top-bar.top-bar-completion .progress-fill{background:#fff}.completion{background:var(--green);color:#fff;flex-direction:column;flex:1;align-items:stretch;padding:36px 22px 26px;display:flex;position:relative;overflow:hidden}.completion:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff2e,#0000 70%);width:220px;height:220px;position:absolute;top:-80px;right:-60px}.completion:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1a,#0000 70%);width:260px;height:260px;position:absolute;bottom:-100px;left:-80px}.complete-trophy{text-align:center;filter:drop-shadow(0 6px #0000001f);margin-bottom:14px;font-size:80px}.complete-title{text-align:center;letter-spacing:-.8px;margin-bottom:6px;font-size:28px;font-weight:900;line-height:1.1;position:relative}.complete-sub{text-align:center;color:#ffffffd9;margin-bottom:24px;font-size:15px;font-weight:600;position:relative}.stat-row{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:20px;display:grid;position:relative}.stat{text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff24;border:1.5px solid #ffffff38;border-radius:14px;padding:12px 8px 10px}.stat-num{font-family:var(--font-mono);color:#fff;margin-bottom:6px;font-size:19px;font-weight:800;line-height:1}.stat-label{font-family:var(--font-mono);letter-spacing:1.4px;text-transform:uppercase;color:#ffffffd9;font-size:9px;font-weight:700;line-height:1.3}.complete-box{background:#ffffff1f;border:1.5px solid #ffffff38;border-radius:16px;margin-bottom:12px;padding:14px 16px;position:relative}.complete-box-tag{font-family:var(--font-mono);letter-spacing:1.8px;text-transform:uppercase;color:#ffffffc7;margin-bottom:10px;font-size:10px;font-weight:700}.complete-bullet{gap:10px;padding:6px 0;font-size:13px;font-weight:600;line-height:1.45;display:flex}.complete-bullet:not(:last-child){border-bottom:1px solid #ffffff26;margin-bottom:2px;padding-bottom:8px}.complete-bullet-dot{flex-shrink:0;margin-top:1px;font-size:14px}.l-btn-white{color:var(--green-dark);background:#fff;box-shadow:0 5px #00000014}.l-btn-white:hover{transform:translateY(-2px);box-shadow:0 7px #00000014}.complete-cta{margin-top:18px;position:relative}.scenario-dark{background:var(--nav,#1a1a2e);color:#fff;border-radius:18px;margin-bottom:16px;padding:20px 18px;position:relative;overflow:hidden}.scenario-dark:before{content:"";pointer-events:none;background:radial-gradient(circle,#ff6b2b40,#0000 70%);width:140px;height:140px;position:absolute;top:-40px;right:-40px}.scenario-dark-headline{letter-spacing:-.3px;margin-bottom:10px;font-size:16px;font-weight:900;line-height:1.3;position:relative}.scenario-dark-body{color:#ffffffc7;margin:0;font-size:13px;font-weight:500;line-height:1.55;position:relative}.scenario-dark-body strong{color:var(--yellow);font-weight:800}.order-list{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.order-row{border:2px solid var(--border);background:#fff;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.order-arrows{flex-direction:column;flex-shrink:0;gap:2px;display:flex}.order-arrow{background:var(--surface);border:1.5px solid var(--border);width:26px;height:22px;color:var(--text2);cursor:pointer;font-size:13px;font-weight:800;font-family:var(--font-sans);border-radius:6px;justify-content:center;align-items:center;padding:0;line-height:1;display:flex}.order-arrow:not(:disabled):hover{border-color:var(--blue);background:var(--blue-bg);color:var(--blue)}.order-arrow:disabled{opacity:.35;cursor:default}.order-num{background:var(--surface);width:26px;height:26px;font-family:var(--font-mono);color:var(--text2);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex}.order-text{flex:1;font-size:13px;font-weight:700;line-height:1.35}.order-row.ok-row{border-color:var(--green);background:var(--green-bg)}.order-row.ok-row .order-num{background:var(--green);color:#fff}.order-row.misplaced{border-color:var(--yellow);background:var(--yellow-bg)}.order-row.misplaced .order-num{background:var(--yellow);color:#fff}.fill-sentence{letter-spacing:-.2px;margin-bottom:18px;font-size:17px;font-weight:700;line-height:1.7}.blank{background:var(--surface);border-bottom:2.5px dashed var(--text3);min-width:70px;font-family:var(--font-mono);text-align:center;color:var(--text3);cursor:pointer;border-radius:6px 6px 0 0;margin:0 2px;padding:4px 10px;font-weight:800;display:inline-block}.blank.filled{background:var(--blue-bg);border-bottom-color:var(--blue);color:var(--blue)}.blank.right{background:var(--green-bg);border-bottom-color:var(--green);color:var(--green-dark);cursor:default}.blank.bad{background:var(--red-bg);border-bottom-color:var(--red);color:var(--red);cursor:default}.fill-chips{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.fill-chip{border:2.5px solid var(--border);font-family:var(--font-mono);cursor:pointer;color:var(--text);background:#fff;border-radius:12px;padding:10px 18px;font-size:14px;font-weight:800;transition:all .15s}.fill-chip:not(:disabled):hover{border-color:var(--blue);background:var(--blue-bg);color:var(--blue);transform:translateY(-2px)}.fill-chip.used,.fill-chip:disabled{opacity:.4;cursor:default}.match-grid{grid-template-columns:1fr 1.6fr;gap:8px 10px;margin-bottom:12px;display:grid}.match-cell{border:2px solid var(--border);text-align:left;font-size:13px;line-height:1.4;font-family:var(--font-sans);color:var(--text);cursor:pointer;background:#fff;border-radius:12px;align-items:center;width:100%;padding:12px;transition:all .15s;display:flex}.match-cell:disabled{cursor:default}.match-cell.term{background:var(--surface);font-weight:800}.match-cell.term.is-selected{border-color:var(--blue);background:var(--blue-bg);color:var(--blue)}.match-cell.term.is-paired{border-color:var(--blue);background:#fff}.match-cell.def{font-weight:500}.match-cell.def.is-empty{color:var(--text3);background:var(--surface);font-style:italic}.match-cell.def.is-paired{border-color:var(--blue);background:var(--blue-bg)}.match-cell.ok-pair{border-color:var(--green);background:var(--green-bg);color:var(--green-dark)}.match-cell.bad-pair{border-color:var(--red);background:var(--red-bg);color:var(--red)}.match-counter{color:var(--text3);text-align:center;font-size:12px;font-family:var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;margin:0 0 12px}.match-pool{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.match-pool-item{border:2px solid var(--border);text-align:left;font-size:13px;font-weight:600;line-height:1.4;font-family:var(--font-sans);color:var(--text);cursor:pointer;background:#fff;border-radius:12px;padding:12px 14px;transition:all .15s}.match-pool-item:not(:disabled):hover{border-color:var(--blue);background:var(--blue-bg)}.match-pool-item:disabled{cursor:default}.match-pool-item.used{opacity:.35}.vf-statement{background:var(--surface);border:2px solid var(--border);text-align:center;letter-spacing:-.3px;border-radius:16px;margin-bottom:16px;padding:22px 18px;font-size:17px;font-weight:800;line-height:1.35}.vf-buttons{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.vf-btn{border:2.5px solid var(--border);font-family:var(--font-sans);cursor:pointer;color:var(--text);background:#fff;border-radius:14px;padding:18px 12px;font-size:16px;font-weight:900;transition:all .15s;box-shadow:0 4px #0000000a}.vf-btn:not(:disabled):hover{border-color:var(--blue);background:var(--blue-bg);transform:translateY(-2px)}.vf-btn:disabled{cursor:default}.vf-btn.is-selected{border-color:var(--blue);background:var(--blue-bg);color:var(--blue)}.vf-btn.is-correct{border-color:var(--green);background:var(--green-bg);color:var(--green-dark);box-shadow:0 4px #a5d6a7}.vf-btn.is-wrong{border-color:var(--red);background:var(--red-bg);color:var(--red);box-shadow:0 4px #ffcdd2}.vf-btn.is-correct-mark{border-color:var(--green);color:var(--green-dark);box-shadow:0 4px #a5d6a7}.vf-btn.is-dim{opacity:.4}.lesson-status{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.lesson-status h2{margin:0;font-size:20px;font-weight:800}.lesson-status p{color:var(--text2);margin:0;font-size:14px;line-height:1.5}.lesson-status .l-btn{max-width:280px;margin-top:16px}.bottom-nav{width:100%;max-width:var(--app-width);background:var(--nav);z-index:100;border-radius:24px 24px 0 0;justify-content:space-around;padding:14px 0 24px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav .nav-item{font-family:var(--font-mono);letter-spacing:.3px;color:#fff6;cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:4px 12px;font-size:10px;font-weight:700;display:flex}.bottom-nav .nav-item.active{color:#fff}.bottom-nav .nav-item.locked{opacity:.55}.bottom-nav .nav-icon{font-size:22px;line-height:1}.bottom-nav .nav-dot{background:var(--green);opacity:0;border-radius:99px;width:4px;height:4px}.bottom-nav .nav-item.active .nav-dot{opacity:1}.tier-chip{font-family:var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;border-radius:6px;align-items:center;gap:4px;padding:3px 7px;font-size:9px;font-weight:800;display:inline-flex}.tier-chip.free{background:var(--green-bg);color:var(--green-dark)}.tier-chip.core{background:var(--blue-bg);color:var(--blue)}.tier-chip.pro{background:var(--purple-bg);color:var(--purple)}.cluster{border-radius:var(--radius);border:2px solid var(--border);background:var(--bg);cursor:pointer;text-align:left;align-items:center;gap:12px;width:100%;margin-bottom:10px;padding:14px;font-family:inherit;transition:transform .12s,box-shadow .12s;display:flex}.cluster:hover{box-shadow:var(--shadow-card);transform:translateY(-1px)}.cluster.done{background:var(--green-bg);border-color:#00c27c40}.cluster.future{opacity:.5;cursor:not-allowed;background:var(--surface)}.cluster.future:hover{box-shadow:none;transform:none}.cluster .cluster-ic{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:900;display:flex}.cluster.done .cluster-ic{background:var(--green);color:#fff;box-shadow:0 3px 0 var(--green-dark)}.cluster.future .cluster-ic{background:var(--bg);border:2px solid var(--border);color:var(--text3);font-size:14px}.cluster .cluster-info{flex:1;min-width:0}.cluster .cluster-name-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cluster .cluster-name{letter-spacing:-.2px;color:var(--text);font-size:14px;font-weight:800}.cluster .cluster-meta{font-family:var(--font-mono);letter-spacing:1px;color:var(--text2);text-transform:uppercase;margin-top:3px;font-size:10px;font-weight:700}.cluster .cluster-arrow{color:var(--text3);margin-left:4px;font-size:20px;font-weight:600;line-height:1}.bubble{width:76px;height:76px;font-family:var(--font-mono);letter-spacing:-.3px;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-weight:900;transition:transform .12s,box-shadow .12s;display:flex;position:relative}.bubble.done{background:var(--green);color:#fff;border:3px solid var(--green-dark);box-shadow:0 5px 0 var(--green-dark);font-size:32px}.bubble.done:hover{box-shadow:0 7px 0 var(--green-dark);transform:translateY(-2px)}.bubble.done:active{box-shadow:0 2px 0 var(--green-dark);transform:translateY(3px)}.bubble.current{color:var(--text);border:4px solid var(--green);box-shadow:0 5px 0 var(--green);background:#fff;font-size:20px;animation:2.2s ease-in-out infinite bubble-pulse}.bubble.current:hover{animation-play-state:paused}.bubble.locked{background:var(--surface);color:var(--text3);border:3px solid var(--border);box-shadow:0 5px 0 var(--border);opacity:.7;cursor:not-allowed;font-size:22px}.bubble.locked:hover{transform:none}@keyframes bubble-pulse{0%,to{box-shadow:0 5px 0 var(--green);transform:translateY(0)}50%{box-shadow:0 7px 0 var(--green);transform:translateY(-2px)}}.slot.current-slot .bubble.current:after{content:"INIZIA QUI";font-family:var(--font-mono);letter-spacing:1.5px;background:var(--green);color:#fff;white-space:nowrap;box-shadow:0 3px 0 var(--green-dark);border-radius:7px;padding:5px 10px;font-size:10px;font-weight:800;animation:2.2s ease-in-out infinite label-pulse;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)}.slot.current-slot .bubble.current:before{content:"";border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid var(--green);width:0;height:0;animation:2.2s ease-in-out infinite label-pulse;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}@keyframes label-pulse{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-2px)}}.serpentine{width:320px;max-width:100%;margin:8px auto 0;padding-top:32px;position:relative}.serpentine .serp-paths{pointer-events:none;z-index:0;width:320px;position:absolute;top:32px;left:0;overflow:visible}.serpentine .serp-paths .path-bg{fill:none;stroke:var(--border);stroke-width:3px;stroke-dasharray:7 7;stroke-linecap:round}.serpentine .serp-paths .path-fg{fill:none;stroke:var(--green);stroke-width:4px;stroke-linecap:round}.serpentine .slot{z-index:1;width:76px;height:76px;transform:translateX(var(--off,0));margin:18px auto 0;position:relative}.serpentine>.slot:first-of-type{margin-top:0}.serpentine .slot:nth-of-type(4n+1){--off:0}.serpentine .slot:nth-of-type(4n+2){--off:80px}.serpentine .slot:nth-of-type(4n+3){--off:0}.serpentine .slot:nth-of-type(4n){--off:-80px}.level-block{margin:18px 0 8px}.level-block .level-head{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);margin-bottom:14px;padding:16px 18px;position:relative;overflow:hidden}.level-block.current .level-head{background:var(--nav);border-color:var(--nav);color:#fff}.level-block.current .level-head:before{content:"";pointer-events:none;background:radial-gradient(circle,#00c27c40,#0000 70%);width:160px;height:160px;position:absolute;top:-50px;right:-50px}.level-block .level-eyebrow{z-index:1;align-items:center;gap:8px;margin-bottom:6px;display:flex;position:relative}.level-block .level-num{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;font-size:10px;font-weight:700}.level-block.current .level-num{color:#ffffff8c}.level-block:not(.current) .level-num{color:var(--text2)}.level-block .level-name{letter-spacing:-.6px;z-index:1;margin-bottom:8px;font-size:22px;font-weight:900;line-height:1.1;position:relative}.level-block:not(.current) .level-name{color:var(--text)}.level-block .level-progress{font-family:var(--font-mono);letter-spacing:1px;z-index:1;margin-bottom:8px;font-size:11px;font-weight:700;position:relative}.level-block.current .level-progress{color:#ffffffa6}.level-block:not(.current) .level-progress{color:var(--text2)}.level-block .level-bar{z-index:1;background:#ffffff1f;border-radius:99px;height:6px;position:relative;overflow:hidden}.level-block:not(.current) .level-bar{background:var(--border)}.level-block .level-bar-fill{background:var(--green);border-radius:99px;height:100%}.level-transition{text-align:left;width:100%;max-width:300px;font-family:var(--font-sans);border-radius:16px;justify-content:center;align-items:center;gap:14px;margin:32px auto 8px;padding:18px 24px;display:flex}.level-transition .lock-icon{flex-shrink:0;font-size:22px;line-height:1}.level-transition .transition-text{flex:1;min-width:0}.level-transition .transition-label{font-family:var(--font-mono);letter-spacing:1.8px;text-transform:uppercase;margin-bottom:3px;font-size:10px;font-weight:800}.level-transition .transition-name{letter-spacing:-.2px;font-size:13px;font-weight:700;line-height:1.3}.level-transition.locked{background:var(--surface);border:2px dashed var(--border);box-shadow:0 5px 0 var(--border);color:var(--text3);opacity:.85;cursor:not-allowed}.level-transition.unlocked{background:var(--green);color:#fff;box-shadow:var(--shadow-glow-green), 0 5px 0 var(--green-dark);cursor:pointer;border:none;animation:2.4s ease-in-out infinite trans-pulse}.level-transition.unlocked:hover{box-shadow:var(--shadow-glow-green), 0 7px 0 var(--green-dark);transform:translateY(-2px)}@keyframes trans-pulse{0%,to{box-shadow:var(--shadow-glow-green), 0 5px 0 var(--green-dark)}50%{box-shadow:0 14px 30px #00c27c52, 0 5px 0 var(--green-dark)}}.level-transition.coming-soon{text-align:left;background:var(--nav);color:#fff;cursor:default;border:none;flex-direction:column;align-items:stretch;max-width:320px;padding:20px 22px;position:relative;overflow:hidden;box-shadow:0 5px #0b0b1a}.level-transition.coming-soon:before{content:"";pointer-events:none;background:radial-gradient(circle,#4361ee47,#0000 70%);width:180px;height:180px;position:absolute;top:-60px;right:-60px}.level-transition .cs-eyebrow{font-family:var(--font-mono);letter-spacing:2px;color:var(--green);text-transform:uppercase;z-index:1;margin-bottom:6px;font-size:10px;font-weight:800;position:relative}.level-transition .cs-title{letter-spacing:-.3px;z-index:1;margin-bottom:14px;font-size:15px;font-weight:900;line-height:1.25;position:relative}.level-transition .cs-btn{background:var(--green);color:#fff;font-family:var(--font-sans);letter-spacing:-.2px;cursor:pointer;box-shadow:0 5px 0 var(--green-dark);z-index:1;border:none;border-radius:12px;align-self:flex-start;padding:11px 16px;font-size:13px;font-weight:900;transition:transform .12s,box-shadow .12s;position:relative}.level-transition .cs-btn:hover{box-shadow:0 7px 0 var(--green-dark);transform:translateY(-2px)}.level-transition .cs-btn:active{box-shadow:0 2px 0 var(--green-dark);transform:translateY(3px)}.preview-eyebrow{font-family:var(--font-mono);letter-spacing:2px;color:var(--text3);text-transform:uppercase;align-items:center;gap:6px;margin:22px 0 8px;font-size:10px;font-weight:800;display:flex}.preview-eyebrow .em{font-size:13px}.preview-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);margin-bottom:0;padding:14px 16px}.preview-card .level-eyebrow{align-items:center;gap:8px;margin-bottom:4px;display:flex}.preview-card .level-num{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--text3);font-size:10px;font-weight:700}.preview-card .level-name-prev{letter-spacing:-.4px;color:var(--text);opacity:.5;margin-bottom:6px;font-size:18px;font-weight:900}.preview-card .preview-meta{font-family:var(--font-mono);letter-spacing:1px;color:var(--text3);text-transform:uppercase;font-size:11px;font-weight:700}.preview-card .preview-serp{height:340px;margin-top:-4px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#000 55%,#0000 95%);mask-image:linear-gradient(#000 55%,#0000 95%)}.div-soft{font-family:var(--font-mono);letter-spacing:2px;color:var(--text3);text-transform:uppercase;align-items:center;gap:10px;margin:18px 0 6px;font-size:10px;font-weight:700;display:flex}.div-soft:before,.div-soft:after{content:"";background:var(--border);flex:1;height:1.5px}.lessons-map-root{background:var(--bg);width:100%;min-height:100svh;max-width:var(--app-width);font-family:var(--font-sans);color:var(--text);flex-direction:column;margin:0 auto;display:flex}.lessons-map-root .map-scroll{flex:1;padding:0 20px 110px;overflow-y:auto}.lessons-map-root .map-head{z-index:50;background:var(--bg);border-bottom:1.5px solid var(--border);margin-bottom:18px;padding:18px 20px 14px;position:sticky;top:0}.lessons-map-root .header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.lessons-map-root .logo{letter-spacing:-.8px;color:var(--text);font-size:20px;font-weight:900}.lessons-map-root .logo .dot{color:var(--green)}.lessons-map-root .header-right{gap:6px;display:flex}.lessons-map-root .pill{background:var(--surface);border:2px solid var(--border);color:var(--text);border-radius:99px;align-items:center;gap:5px;padding:5px 11px;font-size:13px;font-weight:800;display:inline-flex}.lessons-map-root .pill .num{font-family:var(--font-mono);font-weight:700}.lessons-map-root .page-title{letter-spacing:-.6px;font-size:22px;font-weight:900;line-height:1.1}.lessons-map-root .page-title-sub{font-family:var(--font-mono);letter-spacing:2px;color:var(--text3);text-transform:uppercase;margin-top:4px;font-size:10px;font-weight:700}.lessons-map-root .map-placeholder{text-align:center;color:var(--text2);padding:40px 20px;font-size:14px}.lessons-map-root .map-loading,.lessons-map-root .map-error{text-align:center;padding:80px 20px;font-size:14px}.lessons-map-root .map-loading{color:var(--text2)}.lessons-map-root .map-error{color:var(--red,#ef4444);font-weight:600}