:root{--bg-main:#0b0c0e;--bg-card:#141619;--bg-card-hover:#1c1e22;--bg-input:#181a1d;--border-card:#22262b;--border-active:#15803d;--border-glow:#22c55e;--text-primary:#fff;--text-secondary:#8e9296;--text-muted:#53575c;--color-green:#22c55e;--color-green-dark:#15803d;--color-orange:#ef562f;--btn-gradient:linear-gradient(180deg, #1b532f 0%, #11341e 100%);--btn-gradient-hover:linear-gradient(180deg, #22673b 0%, #154125 100%);--ambient-green-glow:radial-gradient(circle, #22c55e1a 0%, #0b0c0e00 70%);--ambient-orange-glow:radial-gradient(circle, #ef562f14 0%, #0b0c0e00 70%)}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);background-color:var(--bg-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-card);border-radius:2px}.title-gradient{background:linear-gradient(#fff 0%,#b3b7bc 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-weight:800}.glow-container{width:100%;min-height:100vh;padding-bottom:24px;position:relative;overflow-x:hidden}.glow-container:before{content:"";background:var(--ambient-green-glow);pointer-events:none;z-index:0;width:70%;height:60%;position:absolute;top:-10%;left:-20%}.glow-container:after{content:"";background:var(--ambient-orange-glow);pointer-events:none;z-index:0;width:70%;height:60%;position:absolute;bottom:-10%;right:-20%}.glow-content{z-index:1;position:relative}.app-layout{flex-direction:column;min-height:100vh;padding:16px 16px 80px;display:flex;position:relative}.header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.header-logo{background:linear-gradient(135deg,#22c55e 0%,#ef562f 100%);border-radius:50%;width:38px;height:38px;position:relative;box-shadow:0 0 12px #22c55e66}.header-logo:after{content:"";background:#0b0c0e;border-radius:50%;position:absolute;inset:4px}.header-title{color:var(--text-primary);font-size:19px;font-weight:800;line-height:1.2}.header-status{align-items:center;gap:6px;margin-top:2px;display:flex}.premium-glow-badge{text-transform:uppercase;color:#22c55e;letter-spacing:.03em;background-color:#22c55e0d;border:1px solid #22c55e4d;border-radius:4px;padding:1px 6px;font-size:9px;font-weight:800;box-shadow:0 0 8px #22c55e1a}.standard-glow-badge{text-transform:uppercase;color:var(--text-secondary);border:1px solid var(--border-card);background-color:#14161966;border-radius:4px;padding:1px 6px;font-size:9px;font-weight:700}.pause-badge{text-transform:uppercase;color:#3b82f6;background-color:#3b82f60d;border:1px solid #3b82f64d;border-radius:4px;padding:1px 6px;font-size:9px;font-weight:700}.toast-message{z-index:999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;align-items:center;padding:12px 16px;font-size:13px;font-weight:700;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideDown;display:flex;position:fixed;top:16px;left:16px;right:16px;box-shadow:0 8px 24px #00000080}.toast-message.is-success{color:#fff;background-color:#1b532ff2;border:1px solid #22c55e}.toast-message.is-error{color:#fff;background-color:#ef562f26;border:1px solid #ef562f}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.tabs-nav{border-top:1px solid var(--border-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;height:64px;padding-bottom:env(safe-area-inset-bottom);background-color:#0b0c0ee6;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;width:25%;padding:8px 0;font-size:10px;font-weight:600;transition:all .2s;display:flex}.tab-btn.is-active{color:var(--color-green)}.tab-icon{font-size:20px;transition:transform .2s}.tab-btn:active .tab-icon{transform:scale(1.2)}.profile-card{background-color:var(--bg-card);border:1px solid var(--border-card);border-radius:18px;margin-bottom:20px;padding:20px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0003}.profile-card-glow{pointer-events:none;background:radial-gradient(circle,#22c55e26 0%,#0b0c0e00 70%);width:120px;height:120px;position:absolute;top:-40px;right:-40px}.profile-header-row{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.profile-name{margin-bottom:2px;font-size:24px;font-weight:800}.profile-subtitle{align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.profile-class{color:var(--color-green);text-transform:uppercase;letter-spacing:.05em}.bullet-sep{color:var(--text-muted)}.profile-rank{color:var(--text-secondary)}.level-hexagon{border:1px solid var(--color-green);background-color:#22c55e1a;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 0 10px #22c55e26}.level-num{color:#fff;font-size:16px;font-weight:900;line-height:1}.level-lbl{color:var(--color-green);font-size:8px;font-weight:800}.buffs-container{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.buff-badge{border:1px solid var(--border-card);background-color:#14161999;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex}.buff-badge.is-debuff{color:#ef562f;background-color:#ef562f0d;border-color:#ef562f66}.buff-badge.is-buff{color:var(--color-green);background-color:#22c55e0d;border-color:#22c55e66}.stats-row-cards{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;display:grid}.small-resource-card{border:1px solid var(--border-card);background-color:#0b0c0e80;border-radius:12px;align-items:center;gap:8px;padding:10px 8px;display:flex}.res-icon{font-size:18px}.res-val{color:#fff;font-size:13px;font-weight:800}.res-lbl{color:var(--text-secondary);font-size:9px}.xp-section{margin-top:16px}.xp-header{color:var(--text-secondary);justify-content:space-between;margin-bottom:6px;font-size:11px;font-weight:600;display:flex}.xp-glow{box-shadow:0 0 8px #22c55e80}.rpg-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.rpg-stat-card{background-color:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.rpg-stat-card.full-width{grid-column:span 2}.rpg-stat-header{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.rpg-stat-pct{color:#fff;font-size:13px;font-weight:800}.stat-progress{height:4px}.skills-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.skill-box{background-color:var(--bg-card);border:1px solid var(--border-card);border-radius:10px;justify-content:space-between;align-items:center;padding:12px;display:flex}.skill-name{color:#fff;font-size:12px;font-weight:700}.skill-level{color:var(--color-green);background-color:#22c55e1a;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:800}.list-section{margin-top:24px}.list-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:12px;font-size:15px;font-weight:800}.tags-container{flex-direction:column;gap:8px;display:flex}.tag-item{background-color:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;align-items:flex-start;gap:10px;padding:12px;display:flex}.tag-icon{margin-top:2px;font-size:16px}.tag-name{color:#fff;font-size:13px;font-weight:800;line-height:1.2}.tag-desc{color:var(--text-secondary);margin-top:3px;font-size:11px;line-height:1.3}.tag-item.constraint-tag{border-color:#ef562f33}.tag-item.constraint-tag .tag-name{color:#ef562f}.referral-section{background-color:var(--bg-card);border:1px solid var(--border-card);border-radius:16px;margin-top:24px;padding:18px}.referral-intro-desc{color:var(--text-secondary);margin-bottom:14px;font-size:12px;line-height:1.4}.referral-stats{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px;display:grid}.ref-stat-block{border:1px solid var(--border-card);background-color:#0b0c0e66;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:10px;display:flex}.ref-stat-value{color:#fff;font-size:18px;font-weight:900}.ref-stat-label{color:var(--text-secondary);text-align:center;margin-top:2px;font-size:9px}.ref-copy-wrapper{gap:8px;display:flex}.ref-link-input{background-color:var(--bg-input);border:1px solid var(--border-card);color:var(--text-secondary);border-radius:8px;outline:none;flex:1;padding:8px 12px;font-family:monospace;font-size:11px}.ref-copy-btn{background-color:var(--color-green);color:#0b0c0e;cursor:pointer;border:none;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:800;transition:all .15s}.ref-copy-btn:active{background-color:var(--color-green-dark);transform:scale(.95)}.ref-copy-btn.is-copied{color:#fff;background-color:#22c55e}.insights-stack{flex-direction:column;gap:8px;display:flex}.insight-card{background-color:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;padding:14px}.insight-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.insight-type{border:1px solid var(--border-card);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;background-color:#141619cc;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:800}.insight-conf{color:var(--text-muted);font-size:10px;font-weight:600}.insight-content{color:#e2e8f0;font-size:13px;font-style:italic;line-height:1.4}.quest-title-card{background-color:var(--bg-card);border:1px solid var(--border-card);border-radius:16px;margin-bottom:16px;padding:20px;position:relative;overflow:hidden}.empty-quest-box{flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.empty-quest-icon{margin-bottom:12px;font-size:40px}.quest-headline{margin-bottom:6px;font-size:20px;font-weight:800;line-height:1.2}.quest-desc{color:var(--text-secondary);font-size:13px;line-height:1.45}.steps-list{flex-direction:column;gap:10px;display:flex}.step-card{background-color:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;align-items:flex-start;gap:12px;padding:14px 16px;transition:all .2s;display:flex}.step-card.is-active{border-color:var(--border-active);background:linear-gradient(#141619 0%,#112516 100%);box-shadow:0 0 14px #22c55e0f}.step-card.is-locked{opacity:.55}.step-number{color:var(--text-secondary);width:18px;margin-top:1px;font-size:13px;font-weight:900}.step-body-container{flex-direction:column;flex:1;gap:6px;display:flex}.step-text{color:#fff;font-size:13px;font-weight:600;line-height:1.4}.step-action-row{margin-top:2px;display:flex}.step-hint-btn{color:var(--color-green);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:11px;font-weight:700;text-decoration:underline}.step-card.is-completed .step-number{color:var(--color-green)}.step-card.is-completed .step-text{color:var(--text-secondary);font-weight:500;text-decoration:line-through}.checkbox-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;display:flex}.checkbox-btn.is-completed{color:var(--color-green)}.checkbox-btn.is-active{color:var(--color-green);animation:2.2s infinite pulse}.checkmark-icon,.circle-icon,.lock-icon{font-size:18px;line-height:1}@keyframes pulse{0%{opacity:.55}50%{opacity:1}to{opacity:.55}}.history-analysis-card{background-color:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;padding:16px}.history-analysis-card h4{color:#fff;margin-bottom:4px;font-size:14px;font-weight:800}.history-analysis-card p{color:var(--text-secondary);margin-bottom:12px;font-size:12px;line-height:1.4}.tariffs-container{flex-direction:column;gap:12px;display:flex}.tariff-card{background-color:var(--bg-card);border:1px solid var(--border-card);border-radius:16px;justify-content:space-between;align-items:center;padding:16px;transition:all .2s;display:flex;position:relative}.tariff-card.is-popular{background:linear-gradient(#141619 0%,#112316 100%);border-color:#22c55e66;box-shadow:0 4px 15px #22c55e0a}.popular-badge{text-transform:uppercase;background-color:var(--color-green);color:#0b0c0e;letter-spacing:.05em;border-radius:4px;padding:2px 6px;font-size:8px;font-weight:800;position:absolute;top:-8px;right:16px}.tariff-info{flex-direction:column;max-width:60%;display:flex}.tariff-name{color:#fff;margin-bottom:2px;font-size:16px;font-weight:800}.tariff-desc{color:var(--text-secondary);font-size:11px;line-height:1.3}.tariff-buy-options{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.tariff-price{color:var(--color-green);font-size:18px;font-weight:900}.buy-card-btn,.buy-bonus-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:6px 12px;font-size:11px;font-weight:800;transition:all .15s}.buy-card-btn{background-color:var(--color-green-dark);color:#fff}.buy-card-btn:hover{background-color:var(--color-green)}.buy-bonus-btn{color:#eab308;background-color:#eab3081a;border:1px solid #eab3084d}.buy-bonus-btn:hover{background-color:#eab30833}.buy-card-btn:active,.buy-bonus-btn:active{transform:scale(.95)}.consult-banner{border:1px solid var(--border-active);background:linear-gradient(135deg,#141619 0%,#112516 100%);border-radius:18px;padding:20px;position:relative;overflow:hidden;box-shadow:0 0 20px #22c55e1a}.consult-tag{text-transform:uppercase;color:var(--color-green);border:1px solid var(--color-green);letter-spacing:.05em;border-radius:3px;margin-bottom:6px;padding:1px 4px;font-size:7px;font-weight:900;display:inline-block}.consult-title{color:#fff;margin-bottom:8px;font-size:18px;font-weight:800}.consult-desc{color:var(--text-secondary);margin-bottom:12px;font-size:12px;line-height:1.4}.consult-bullets{flex-direction:column;gap:4px;margin-bottom:16px;padding-left:14px;display:flex}.consult-bullets li{color:var(--text-secondary);font-size:11px;list-style-type:disc}.consult-price-box{border:1px solid var(--border-card);background-color:#0b0c0e66;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:10px 12px;display:flex}.consult-old-price{color:var(--text-muted);font-size:12px;text-decoration:line-through}.consult-new-price{color:var(--color-green);margin-left:6px;font-size:20px;font-weight:900}.consult-gift-label{color:#eab308;text-align:right;font-size:10px;font-weight:700}.action-button{background:var(--btn-gradient);width:100%;color:var(--text-primary);cursor:pointer;text-align:center;border:1px solid #1e4627;border-radius:12px;padding:12px;font-size:14px;font-weight:700;transition:all .2s;box-shadow:0 4px 10px #0003}.action-button:hover{background:var(--btn-gradient-hover);border-color:var(--color-green)}.action-button:active{transform:scale(.98)}.action-button.secondary-btn{border:1px solid var(--border-card);color:var(--text-secondary);box-shadow:none;background:#14161999}.action-button.secondary-btn:hover{border-color:var(--border-card);background:#1c1e22cc}.settings-group{background-color:var(--bg-card);border:1px solid var(--border-card);border-radius:16px;margin-bottom:16px;padding:18px}.settings-group-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:12px;font-size:14px;font-weight:800}.settings-group-desc{color:var(--text-secondary);font-size:12px;line-height:1.4}.current-goal-display{color:var(--color-green);background-color:#22c55e0d;border:1px solid #22c55e26;border-radius:8px;margin-top:4px;padding:10px 12px;font-size:13px;font-weight:700;line-height:1.4}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em;font-size:11px;font-weight:700}.form-input{background-color:var(--bg-input);border:1px solid var(--border-card);width:100%;color:var(--text-primary);border-radius:8px;outline:none;padding:10px 12px;font-size:13px}.form-input:focus{border-color:var(--border-active)}select.form-input{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-position:right 8px center;background-repeat:no-repeat;padding-right:32px}.tone-selector{flex-direction:column;gap:10px;display:flex}.tone-option{background-color:var(--bg-input);border:1px solid var(--border-card);cursor:pointer;border-radius:12px;align-items:flex-start;gap:12px;padding:12px;transition:all .15s;display:flex}.tone-option.is-selected{border-color:var(--border-active);background-color:#22c55e0a}.tone-emoji{margin-top:2px;font-size:20px}.tone-label{color:#fff;font-size:13px;font-weight:800}.tone-desc{color:var(--text-secondary);margin-top:2px;font-size:11px;line-height:1.35}.toggle-row{justify-content:space-between;align-items:center;display:flex}.toggle-label-desc{color:var(--text-secondary);margin-top:2px;font-size:11px;line-height:1.3}.switch{width:42px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--bg-input);border:1px solid var(--border-card);border-radius:24px;transition:all .25s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .25s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--color-green);border-color:var(--color-green)}input:checked+.slider:before{transform:translate(18px)}.pause-active-banner{background-color:#3b82f60d;border:1px solid #3b82f633;border-radius:12px;align-items:flex-start;gap:12px;padding:12px;display:flex}.pause-active-banner strong{color:#3b82f6;margin-bottom:2px;font-size:13px;display:block}.pause-active-banner div{color:var(--text-secondary);font-size:11px;line-height:1.35}.feedback-cat-grid{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.feedback-cat-btn{background-color:var(--bg-input);border:1px solid var(--border-card);cursor:pointer;color:var(--text-secondary);border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:8px 2px;font-size:8px;font-weight:700;transition:all .15s;display:flex}.feedback-cat-btn.is-selected{border-color:var(--border-active);color:var(--color-green);background-color:#22c55e0d}.feedback-textarea{resize:none;font-family:inherit;line-height:1.4}.btn-reset{color:#ef562f;cursor:pointer;background-color:#ef562f14;border:1px solid #ef562f40;border-radius:12px;width:100%;padding:12px;font-size:13px;font-weight:700;transition:all .15s}.btn-reset:hover{background-color:#ef562f26;border-color:#ef562f}.modal-overlay{z-index:200;background-color:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background-color:var(--bg-card);border:1px solid var(--border-card);border-radius:18px;width:100%;max-width:320px;padding:24px;animation:.2s cubic-bezier(.16,1,.3,1) forwards modalIn;box-shadow:0 10px 30px #0009}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-title{color:#ef562f;margin-bottom:10px;font-size:18px;font-weight:900}.modal-desc{color:var(--text-secondary);margin-bottom:16px;font-size:12px;line-height:1.45}.modal-instruction-box{border:1px solid var(--border-card);background-color:#0b0c0e80;border-radius:10px;flex-direction:column;gap:4px;padding:12px;display:flex}.modal-instruction-box span{color:var(--text-muted);font-size:10px;font-weight:700}.modal-instruction-box pre{color:var(--color-green);border:1px solid var(--border-card);background-color:#141619cc;border-radius:4px;padding:4px 8px;font-family:monospace;font-size:11px;overflow-x:auto}.modal-actions{gap:8px;display:flex}.modal-btn{cursor:pointer;border:1px solid var(--border-card);color:var(--text-primary);background:0 0;border-radius:8px;flex:1;padding:10px;font-size:13px;font-weight:700}.modal-btn.is-danger{color:#fff;background-color:#ef562f;border-color:#ef562f}.loading-box{min-height:100vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.spinner{border:3px solid var(--border-card);border-top-color:var(--color-green);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-box{border:1px solid var(--color-orange);color:var(--text-primary);text-align:center;background-color:#ef562f1a;border-radius:12px;margin-bottom:16px;padding:16px}.fade-in{animation:.25s forwards fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.desktop-sidebar{display:none}.mobile-only{display:block}@media (width>=768px){.mobile-only{display:none!important}.app-layout{flex-direction:row;align-items:flex-start;gap:32px;max-width:1200px;min-height:100vh;margin:0 auto;padding:32px 24px;display:flex}.desktop-sidebar{border:1px solid var(--border-card);-webkit-backdrop-filter:blur(20px);background-color:#14161966;border-radius:20px;flex-direction:column;width:280px;height:calc(100vh - 64px);padding:24px;display:flex;position:sticky;top:32px}.sidebar-brand{align-items:center;gap:12px;margin-bottom:32px;display:flex}.sidebar-title{margin:0;font-size:18px;font-weight:800;line-height:1.2}.sidebar-nav{flex-direction:column;gap:8px;margin-bottom:auto;display:flex}.sidebar-nav-btn{color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.sidebar-nav-btn:hover{color:var(--text-primary);background-color:#ffffff08}.sidebar-nav-btn.is-active{color:var(--color-green);background-color:#22c55e14;border-color:#22c55e33;box-shadow:0 0 12px #22c55e0d}.sidebar-nav-btn .tab-icon{font-size:18px}.main-content-pane{flex:1;width:calc(100% - 312px);min-height:100vh;padding-bottom:40px}}.onboarding-wizard{z-index:1000;background-color:#07090e;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.onboarding-bg-glow{pointer-events:none;background:radial-gradient(circle,#22c55e14 0%,#07090e00 70%);width:50%;height:50%;position:absolute;top:-10%;left:-10%}.onboarding-container{-webkit-backdrop-filter:blur(30px);background:#141619b3;border:1px solid #ffffff0f;border-radius:24px;width:100%;max-width:480px;padding:32px;position:relative;box-shadow:0 20px 50px #0009}.onboarding-progress{margin-bottom:28px}.onboarding-step-lbl{color:var(--text-secondary);text-transform:uppercase;text-align:right;letter-spacing:.05em;margin-top:8px;font-size:11px;font-weight:700}.onboarding-step{flex-direction:column;display:flex}.onboarding-title{text-align:center;letter-spacing:-.02em;margin-bottom:12px;font-size:28px;font-weight:900}.onboarding-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:32px;font-size:14px;line-height:1.5}.welcome-benefits{flex-direction:column;gap:20px;margin-bottom:32px;display:flex}.benefit-card{background:#ffffff05;border:1px solid #ffffff0a;border-radius:16px;gap:16px;padding:16px;display:flex}.benefit-icon{flex-shrink:0;font-size:24px}.benefit-title{color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:700}.benefit-desc{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.4}.onboarding-btn{margin-top:12px}.onboarding-step-title{letter-spacing:-.01em;margin-bottom:8px;font-size:24px;font-weight:800}.onboarding-step-desc{color:var(--text-secondary);margin-bottom:24px;font-size:13px;line-height:1.4}.input-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.input-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:700}.premium-input{width:100%;color:var(--text-primary);background-color:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:14px 16px;font-size:15px;font-weight:500;transition:all .25s}.premium-input:focus{border-color:var(--color-green);background-color:#ffffff0d;outline:none;box-shadow:0 0 12px #22c55e26}.gender-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.gender-card{color:var(--text-secondary);cursor:pointer;background-color:#ffffff05;border:1px solid #ffffff0f;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:16px 10px;font-size:13px;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.gender-card:hover{color:var(--text-primary);background-color:#ffffff0a}.gender-card.is-active{border-color:var(--color-green);color:var(--text-primary);background-color:#22c55e14;box-shadow:0 0 16px #22c55e1f}.gender-icon{font-size:22px}.onboarding-nav-buttons{gap:12px;margin-top:32px;display:flex}.onboarding-back-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:14px;padding:16px 24px;font-size:15px;font-weight:600;transition:all .2s}.onboarding-back-btn:hover{color:var(--text-primary);background-color:#ffffff08}.onboarding-next-btn{flex:1;margin:0;padding:16px}.onboarding-next-btn:disabled{opacity:.4;cursor:not-allowed;background:var(--bg-card);border-color:var(--border-card);box-shadow:none}.tone-selector-stack{flex-direction:column;gap:12px;display:flex}.tone-card-btn{text-align:left;cursor:pointer;background-color:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;align-items:flex-start;width:100%;padding:16px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.tone-card-btn:hover{background-color:#ffffff0a}.tone-card-btn.is-active{border-color:var(--color-green);background-color:#22c55e0f;box-shadow:0 0 16px #22c55e1a}.tone-card-header{align-items:center;gap:12px;margin-bottom:6px;display:flex}.tone-card-icon{font-size:20px}.tone-card-name{color:var(--text-primary);margin:0;font-size:15px;font-weight:700}.tone-card-summary{text-transform:uppercase;color:var(--color-green);letter-spacing:.03em;margin-top:2px;font-size:10px;font-weight:700}.tone-card-description{color:var(--text-secondary);margin:0;font-size:12.5px;line-height:1.4}.timezone-status-card{background-color:#22c55e0d;border:1px solid #22c55e26;border-radius:16px;align-items:center;gap:16px;margin-bottom:24px;padding:16px;display:flex}.tz-icon{font-size:28px}.tz-detected-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px;font-size:12px;font-weight:700}.tz-detected-value{color:#fff;margin:0;font-size:15px;font-weight:800}.premium-select{width:100%;color:var(--text-primary);cursor:pointer;background-color:#141619cc;border:1px solid #ffffff14;border-radius:12px;outline:none;padding:14px 16px;font-size:14px;font-weight:600;transition:all .2s}.premium-select:focus{border-color:var(--color-green);box-shadow:0 0 12px #22c55e26}.onboarding-launch-notice{text-align:center;color:var(--text-secondary);margin-top:24px;font-size:12px;line-height:1.4}.pulse-glow-btn{animation:2s infinite pulseGlow}@keyframes pulseGlow{0%{box-shadow:0 0 #22c55e66}70%{box-shadow:0 0 0 12px #22c55e00}to{box-shadow:0 0 #22c55e00}}