:root{--ho-accent:#06b6d4;--ho-accent-light:#22d3ee;--ho-accent-bg:rgba(6, 182, 212, 0.08);--ho-accent-border:rgba(6, 182, 212, 0.2);--ho-accent-glow:rgba(6, 182, 212, 0.15);--ho-surface:rgba(15, 23, 42, 0.4);--ho-surface-raised:rgba(28, 28, 46, 0.8);--ho-border:rgba(255, 255, 255, 0.06);--ho-border-med:rgba(255, 255, 255, 0.1);--ho-text:#e5e7eb;--ho-text-muted:#9ca3af;--ho-green:#22c55e;--ho-green-bg:rgba(34, 197, 94, 0.08);--ho-green-border:rgba(34, 197, 94, 0.2)}.handson-header{background:linear-gradient(135deg,rgba(6,182,212,.06) 0,rgba(34,197,94,.04) 50%,rgba(15,23,42,.8) 100%);border:1px solid var(--ho-border-med);border-radius:12px;padding:1.5rem;margin-bottom:1.25rem;position:relative;overflow:hidden}.handson-header::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--ho-accent),var(--ho-green),var(--ho-accent));opacity:.6}.handson-header-top{display:flex;align-items:flex-start;gap:1.25rem;margin-bottom:.75rem}.ho-lab-image{width:64px;height:64px;border-radius:14px;object-fit:cover;flex-shrink:0;box-shadow:0 4px 16px rgba(0,0,0,.3)}.ho-lab-image.border-green{border:2px solid #22c55e}.ho-lab-image.border-blue{border:2px solid #3b82f6}.ho-lab-image.border-orange{border:2px solid #f59e0b}.ho-lab-image.border-red{border:2px solid #ef4444}.ho-lab-image.border-purple{border:2px solid #a855f7}.ho-lab-image.border-dark{border:2px solid rgba(255,255,255,.15)}.ho-lab-info{flex:1;min-width:0}.ho-lab-title{font-size:1.375rem;font-weight:700;color:#fff;margin:0 0 .75rem 0;line-height:1.25;display:flex;align-items:center;gap:.625rem;flex-wrap:wrap;letter-spacing:-.01em}.ho-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .625rem;border-radius:6px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,rgba(6,182,212,.15) 0,rgba(6,182,212,.08) 100%);color:var(--ho-accent-light);border:1px solid var(--ho-accent-border);white-space:nowrap;backdrop-filter:blur(4px)}.ho-teaser-title{font-size:1rem;font-weight:500;color:var(--ho-text);margin:0 0 .375rem 0;line-height:1.4;opacity:.85}.ho-teaser-body{font-size:.875rem;color:var(--ho-text-muted);line-height:1.7;margin:.625rem 0 0 0;max-width:720px}.ho-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:.25rem}.ho-meta-item{display:inline-flex;align-items:center;gap:.3rem;font-size:.8125rem;color:var(--ho-text-muted)}.ho-meta-item i{font-size:.9375rem;opacity:.7}.ho-meta-item.ho-meta-difficulty{font-weight:600;text-decoration:none}a.ho-meta-item.ho-meta-difficulty:hover{text-decoration:none;color:var(--ho-text)}.ho-meta-separator{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.2)}.ho-badges-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.ho-skill-pill{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .625rem;border-radius:6px;font-size:.75rem;color:var(--ho-text-muted);background:rgba(255,255,255,.05);border:1px solid var(--ho-border);transition:all .2s ease}.ho-skill-pill:hover{background:rgba(255,255,255,.08);border-color:var(--ho-border-med)}.ho-skill-pill i{font-size:.6875rem;opacity:.5}.ho-progress{display:flex;align-items:center;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--ho-border)}.ho-progress-label{font-size:.75rem;color:var(--ho-text-muted);white-space:nowrap;flex-shrink:0;font-weight:500}.ho-progress-track{flex:1;height:6px;background:rgba(255,255,255,.06);border-radius:3px;overflow:hidden}.ho-progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--ho-accent),var(--ho-green));transition:width .8s cubic-bezier(.4, 0, .2, 1);box-shadow:0 0 8px rgba(6,182,212,.4)}.handson-split{display:flex;min-height:calc(100vh - 250px);gap:1.25rem}.handson-panel-left{flex:1;overflow-y:auto;min-width:0}.handson-panel-right{width:50%;flex-shrink:0;align-self:stretch;border:1px solid var(--ho-border-med);border-radius:12px;background:linear-gradient(180deg,rgba(15,23,42,.6) 0,rgba(15,23,42,.3) 100%);display:flex;flex-direction:column;overflow:hidden}@media (min-width:992px){body.ho-has-machine .layout-page{max-width:50%!important}body.ho-has-machine .handson-panel-right{position:fixed;top:0;right:0;bottom:0;width:50%;max-height:none;border-radius:0;border:none;border-left:1px solid var(--ho-border-med);background:#0b1221;z-index:1050}}.ho-task{border-radius:12px;margin-bottom:.875rem;position:relative;overflow:hidden;transition:all .3s ease}.ho-task-completed{background:linear-gradient(135deg,rgba(34,197,94,.05) 0,rgba(34,197,94,.01) 100%);border:1px solid var(--ho-green-border);cursor:pointer}.ho-task-completed::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,#22c55e 0,#16a34a 100%)}.ho-task-completed:hover{border-color:rgba(34,197,94,.4);background:linear-gradient(135deg,rgba(34,197,94,.08) 0,rgba(34,197,94,.03) 100%);transform:translateY(-1px);box-shadow:0 4px 12px rgba(34,197,94,.1)}.ho-task-completed-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem}.ho-task-check{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,rgba(34,197,94,.2) 0,rgba(34,197,94,.1) 100%);color:var(--ho-green);font-size:1rem;flex-shrink:0}.ho-task-completed-title{flex:1;font-size:.9375rem;font-weight:500;color:var(--ho-text);margin:0}.ho-task-completed-meta{display:flex;align-items:center;gap:.5rem}.ho-task-completed-xp{font-size:.75rem;color:var(--ho-green);background:rgba(34,197,94,.1);padding:.2rem .5rem;border-radius:6px;font-weight:600}.ho-task-completed-time{font-size:.75rem;color:var(--ho-text-muted);display:flex;align-items:center;gap:.25rem}.ho-task-expand-icon{color:var(--ho-text-muted);font-size:1rem;transition:transform .2s ease}.ho-task-completed.expanded .ho-task-expand-icon{transform:rotate(180deg)}.ho-task-completed-body{display:none;padding:.75rem 1rem 1rem 2.75rem;border-top:1px solid var(--ho-green-border)}.ho-task-completed.expanded .ho-task-completed-body{display:block}.ho-task-active{background:0 0;border:none;box-shadow:none}.ho-task-active::before{display:none}.ho-task-active-header{display:flex;align-items:center;gap:.625rem;padding:0 0 .75rem}.ho-task-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,rgba(6,182,212,.15) 0,rgba(6,182,212,.08) 100%);border:2px solid var(--ho-accent-border);color:var(--ho-accent-light);font-size:.875rem;font-weight:700;flex-shrink:0}.ho-task-active-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ho-accent)}.ho-task-active-body{padding:0}.ho-learn{background:linear-gradient(135deg,rgba(59,130,246,.07) 0,rgba(59,130,246,.02) 100%);border:1px solid rgba(59,130,246,.2);border-radius:10px;padding:1.5rem;margin-bottom:1.25rem;position:relative;overflow:hidden}.ho-learn::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,#3b82f6 0,#2563eb 100%)}.ho-learn-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:#60a5fa;font-weight:600;text-transform:uppercase;font-size:.8125rem;letter-spacing:.05em}.ho-learn-header i{font-size:1.125rem}.ho-learn-content{line-height:1.85;color:var(--ho-text);width:100%;max-width:100%;font-size:.9375rem}.ho-learn-content>*{max-width:100%}.ho-task-completed-body .ho-learn{background:0 0;border:none;border-radius:0;padding:0;margin-bottom:0}.ho-task-completed-body .ho-learn::before{display:none}.ho-task-completed-body .ho-learn-header{display:none}.ho-question{background:linear-gradient(135deg,rgba(34,197,94,.07) 0,rgba(34,197,94,.02) 100%);border:1px solid var(--ho-green-border);border-radius:10px;padding:1.5rem;position:relative;overflow:hidden}.ho-question::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,#22c55e 0,#16a34a 100%)}.ho-question-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:#4ade80;font-weight:600;text-transform:uppercase;font-size:.8125rem;letter-spacing:.05em}.ho-question-header i{font-size:1.125rem}.ho-question-title{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.ho-task-icon{color:var(--ho-text);font-size:1.25rem}.ho-question-text{color:#fff;font-size:1.0625rem;font-weight:600;margin:0;flex:1;line-height:1.4}.ho-answer-row{display:flex;gap:.5rem;flex-wrap:wrap}.ho-answer-row .answer-input-learning{flex:1;min-width:200px}.ho-answer-row .btn-submit-learning{flex-shrink:0}.ho-task-locked{background:rgba(255,255,255,.02);border:1px solid var(--ho-border);opacity:.45;transition:opacity .2s ease}.ho-task-locked:hover{opacity:.55}.ho-task-locked::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:rgba(255,255,255,.08)}.ho-task-locked-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem}.ho-task-lock-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.04);border:1px dashed rgba(255,255,255,.1);color:var(--ho-text-muted);font-size:.8125rem;flex-shrink:0}.ho-task-locked-title{flex:1;font-size:.9375rem;font-weight:500;color:var(--ho-text-muted);margin:0}.ho-task-locked-xp{font-size:.75rem;color:var(--ho-text-muted);background:rgba(255,255,255,.04);padding:.2rem .5rem;border-radius:6px}.ho-task-locked.ho-task-locked-start{opacity:1;border-color:var(--ho-green-border);background:rgba(34,197,94,.03)}.ho-task-locked.ho-task-locked-start::before{background:rgba(34,197,94,.5)}.ho-task-lock-icon-start{color:var(--ho-green);border-color:rgba(34,197,94,.3)}.ho-task-locked-start-action{padding:.25rem 1.25rem 1rem}.ho-btn-start-step{width:100%;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;border-radius:8px;transition:box-shadow .2s ease,transform .15s ease}.ho-btn-start-step:hover{box-shadow:0 0 20px rgba(34,197,94,.25);transform:translateY(-1px)}.ho-btn-start-step:active{transform:translateY(0)}.ho-panel-start{display:flex;flex-direction:column;align-items:center;padding:1.5rem;text-align:center;gap:1.25rem}.ho-badge-pill{border-radius:999px}.ho-start-header{display:flex;align-items:center;gap:.875rem;text-align:left}.ho-start-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(6,182,212,.15) 0,rgba(6,182,212,.05) 100%);border:1px solid var(--ho-accent-border);flex-shrink:0}.ho-start-icon i{font-size:1.375rem;color:var(--ho-accent-light)}.ho-start-header-text{min-width:0}.ho-start-title{font-size:1rem;font-weight:700;color:#fff;margin-bottom:.125rem}.ho-start-desc{font-size:.8125rem;color:var(--ho-text-muted);line-height:1.4}.ho-machine{padding:.75rem 1rem;border-bottom:1px solid var(--ho-border);flex-shrink:0}body.ho-has-machine .ho-machine{padding-top:0}.ho-machine-status{display:flex;align-items:center;gap:.375rem;margin-bottom:.5rem}.ho-machine-status-left{display:flex;align-items:center;gap:.375rem;flex:1;min-width:0;overflow:hidden}.ho-machine-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ho-machine-controls{display:flex;gap:.25rem;flex-shrink:0}.ho-machine-status-dot.status-ready{background:var(--ho-green);box-shadow:0 0 8px rgba(34,197,94,.6)}.ho-machine-status-dot.status-starting{background:#f59e0b;animation:ho-blink 1s ease-in-out infinite}@keyframes ho-blink{0%,100%{opacity:1}50%{opacity:.3}}.ho-machine-status-text{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ho-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ho-machine-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;border:1px solid var(--ho-border-med);background:rgba(255,255,255,.04);color:var(--ho-text-muted);cursor:pointer;transition:all .2s ease;font-size:.8125rem;flex-shrink:0;overflow:hidden}.ho-warning-icon{color:#f59e0b}.ho-machine-btn:hover{background:rgba(255,255,255,.1);color:var(--ho-text);border-color:rgba(255,255,255,.2);transform:translateY(-1px)}.ho-machine-btn-stop:hover{background:rgba(239,68,68,.12);color:#ef4444;border-color:rgba(239,68,68,.3)}.ho-machine-countdown-inline{display:inline-flex;align-items:center;gap:.25rem;margin-left:auto;font-size:.75rem;color:var(--ho-text-muted)}.ho-machine-countdown-inline i{opacity:.6}.ho-machine-countdown{font-family:'JetBrains Mono',Monaco,Menlo,monospace;font-size:.75rem;color:var(--ho-text-muted)}.ho-machine-target{background:rgba(2,6,23,.7);border:1px solid var(--ho-border-med);border-radius:8px;padding:.5rem .75rem;display:flex;align-items:center;gap:.5rem;transition:border-color .2s ease;min-width:0;overflow:hidden}.ho-machine-target:hover{border-color:var(--ho-accent-border)}.ho-machine-target i{color:var(--ho-accent);font-size:1.125rem}.ho-machine-target-link{flex:1;font-family:'JetBrains Mono',Monaco,Menlo,monospace;font-size:.8125rem;color:var(--ho-accent-light);text-decoration:none;word-break:break-all;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis}.ho-machine-target-link:hover{color:#fff;text-decoration:underline}.ho-machine-copy-btn{display:flex;align-items:center;gap:.3rem;padding:.375rem .625rem;border-radius:6px;border:1px solid var(--ho-border-med);background:rgba(255,255,255,.04);color:var(--ho-text-muted);font-size:.75rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-weight:500}.ho-machine-copy-btn:hover{background:rgba(255,255,255,.1);color:var(--ho-text)}.ho-machine-copy-btn.copy-success{background:rgba(34,197,94,.15);color:var(--ho-green);border-color:var(--ho-green-border)}.ho-machine-starting{text-align:center;padding:2rem 1rem}.ho-machine-starting i{font-size:1.75rem;color:var(--ho-accent);margin-bottom:.75rem}.ho-machine-starting-text{font-size:.875rem;color:var(--ho-text-muted)}.ho-machine-power-badge{font-size:.6875rem;padding:.15rem .4rem;border-radius:4px;font-weight:600;display:inline-flex;align-items:center;gap:.25rem;white-space:nowrap;flex-shrink:0}.ho-machine-power-badge.power-pro{background:rgba(34,197,94,.12);color:var(--ho-green);border:1px solid var(--ho-green-border)}.ho-machine-power-badge.power-max{background:rgba(245,158,11,.12);color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.ho-machine-power-badge.power-standard{background:rgba(255,255,255,.04);color:var(--ho-text-muted);border:1px solid var(--ho-border)}.ho-machine-power-badge a{color:var(--ho-accent);text-decoration:none;font-weight:600}body:has(.handson-header) .stb-bar{display:none!important}.ho-terminal-section#attack-terminal-section{display:flex!important;flex-direction:column;flex:1 1 0;min-height:300px;position:relative!important;opacity:1!important;transform:none!important;width:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;z-index:auto!important;border-left:none!important;margin:0!important;padding:0!important}.ho-terminal-section .attack-terminal-card{flex:1 1 0;display:flex;flex-direction:column;border-radius:0 0 12px 0;margin:0;height:100%;background:var(--ho-bg-card);border-top:1px solid var(--ho-border)}.ho-terminal-section .attack-terminal-header{padding:.625rem .875rem;background:var(--ho-bg-card);border-bottom:1px solid var(--ho-border)}.ho-terminal-section .attack-terminal-title{color:var(--ho-accent);font-size:.8rem;gap:.4rem}.ho-terminal-section .attack-terminal-title .attack-terminal-icon{font-size:1.125rem;color:var(--ho-accent)}.ho-terminal-section .attack-terminal-btn{border-color:var(--ho-border);color:var(--ho-text-muted)}.ho-terminal-section .attack-terminal-btn:hover{border-color:var(--ho-accent-border);color:var(--ho-accent-light);background:rgba(6,182,212,.08)}.ho-terminal-section .attack-terminal-body{flex:1 1 0;min-height:250px;background:rgba(13,17,23,.7)}.ho-terminal-section .attack-terminal-waiting{background:var(--ho-bg-card)}.ho-terminal-section .terminal-waiting-spinner{color:var(--ho-accent)}.ho-terminal-section .attack-terminal-waiting span{color:var(--ho-text-muted)}.ho-terminal-section .terminal-quota-badge{border-color:var(--ho-border)}.ho-terminal-section #attack-terminal-container{height:100%;min-height:250px}.ho-completion-area{padding:0}.ho-guest-cta{margin-top:1.5rem}.ho-pro-gate-banner{padding:1rem;border-radius:10px;background:linear-gradient(135deg,rgba(255,171,0,.08) 0,rgba(255,107,0,.04) 100%);border:1px solid rgba(255,171,0,.2)}.ho-pro-gate-banner .ho-pro-gate-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffab00 0,#ff6b00 100%);flex-shrink:0;box-shadow:0 4px 16px rgba(255,171,0,.3)}.ho-pro-gate-banner .ho-pro-gate-icon i{font-size:1.5rem;color:#fff}.ho-pro-gate-title{color:#ffab00;font-weight:700}.ho-pro-gate-desc{font-size:.875rem}.ho-pro-gate-btn{background:linear-gradient(135deg,#ffab00 0,#ff6b00 100%);border:none;color:#fff;font-weight:600;border-radius:8px;box-shadow:0 2px 8px rgba(255,171,0,.3);transition:all .2s ease}.ho-pro-gate-btn:hover{color:#fff;transform:translateY(-1px);box-shadow:0 4px 16px rgba(255,171,0,.4)}.ho-lm-lock{padding:3rem 2rem;text-align:center}.ho-lm-lock-icon{width:72px;height:72px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6c757d 0,#495057 100%);box-shadow:0 8px 32px rgba(108,117,125,.3);margin-bottom:1.25rem}.ho-lm-lock-icon i{font-size:2rem;color:#fff}.ho-lm-lock-text{max-width:400px;margin:0 auto}@media (max-width:991.98px){.handson-split{flex-direction:column;gap:0}.handson-panel-right{width:100%;position:static;height:auto;max-height:none;order:-1;border-left:none;border-radius:12px;margin-bottom:1rem;flex-direction:column}.handson-header{padding:1.25rem}}@media (max-width:575.98px){.ho-lab-title{font-size:1.125rem}.ho-lab-image{width:48px;height:48px}.handson-header{padding:1rem}.ho-meta{gap:.5rem}.ho-badges-row{gap:.375rem}.ho-task-active-body{padding:0 1rem 1rem}.ho-task-active-header{padding:1rem 1rem .75rem}}.handson-panel-right .loading-promo-blocks{padding:1rem}.ho-how-it-works{width:100%;border-top:1px solid var(--ho-border);padding-top:1rem}.ho-how-it-works-title{font-size:.8125rem;font-weight:600;color:var(--ho-text-muted);margin-bottom:.875rem;display:flex;align-items:center;gap:.375rem}.ho-how-it-works-steps{display:flex;flex-direction:column;gap:.625rem}.ho-hiw-step{display:flex;align-items:flex-start;gap:.625rem}.ho-hiw-number{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,rgba(6,182,212,.15) 0,rgba(6,182,212,.05) 100%);border:1px solid var(--ho-accent-border);display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:700;color:var(--ho-accent-light);flex-shrink:0}.ho-hiw-text{font-size:.8125rem;color:var(--ho-text-muted);line-height:1.5}.ho-badge-pro{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border-radius:6px;font-size:.6875rem;font-weight:600;background:rgba(255,171,0,.12);color:#ffab00;border:1px solid rgba(255,171,0,.25);margin-left:.25rem}.ho-badge-free{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border-radius:6px;font-size:.6875rem;font-weight:600;background:rgba(34,197,94,.1);color:var(--ho-green);border:1px solid var(--ho-green-border)}.ho-task-active .dna-chat-container{margin-top:1.25rem}body.ho-has-machine .modern-sidebar{transform:translateX(-100%)}body.ho-has-machine .layout-page{padding-left:0!important}body.ho-has-machine .sidebar-toggle{display:flex}body.ho-has-machine.sidebar-open .modern-sidebar{transform:translateX(0);z-index:1200}body.ho-has-machine.sidebar-open .sidebar-overlay{opacity:1;visibility:visible;z-index:1199}.ho-has-machine .handson-header{padding:.75rem 1rem;margin-bottom:.75rem}.ho-has-machine .handson-header::before{display:none}.ho-has-machine .handson-header .handson-header-top{margin-bottom:0;gap:.75rem;align-items:center}.ho-has-machine .handson-header .ho-lab-image{width:36px;height:36px;border-radius:8px}.ho-has-machine .handson-header .ho-lab-title{font-size:1rem;margin-bottom:0}.ho-has-machine .handson-header .ho-badges-row,.ho-has-machine .handson-header .ho-teaser-body,.ho-has-machine .handson-header .ho-teaser-title{display:none}.ho-has-machine .handson-header .ho-meta{font-size:.75rem;gap:.375rem}.ho-has-machine .handson-header .ho-progress{margin-top:.5rem!important}.ho-celebrate{position:relative;overflow:visible}.ho-celebrate .ho-answer-row{animation:hoSuccessPulse .6s ease-out}@keyframes hoSuccessPulse{0%{transform:scale(1)}30%{transform:scale(1.02)}100%{transform:scale(1)}}.ho-xp-popup{position:absolute;top:-.5rem;right:1rem;font-size:1.1rem;font-weight:700;color:#22c55e;text-shadow:0 0 12px rgba(34,197,94,.5);pointer-events:none;animation:hoXpFly 1.2s ease-out forwards;z-index:10}@keyframes hoXpFly{0%{opacity:0;transform:translateY(0) scale(.5)}20%{opacity:1;transform:translateY(-10px) scale(1.1)}100%{opacity:0;transform:translateY(-40px) scale(.9)}}.ho-success-flash{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at center,rgba(34,197,94,.15) 0,transparent 70%);pointer-events:none;animation:hoFlash .8s ease-out forwards}@keyframes hoFlash{0%{opacity:0}30%{opacity:1}100%{opacity:0}}.ho-confetti-burst{position:absolute;top:50%;left:50%;width:0;height:0;pointer-events:none;z-index:20}.ho-confetti-particle{position:absolute;width:6px;height:6px;border-radius:2px;animation:hoConfettiFall 1s ease-out forwards}@keyframes hoConfettiFall{0%{opacity:1;transform:translate(0,0) rotate(0) scale(1)}100%{opacity:0;transform:translate(var(--cx),var(--cy)) rotate(var(--cr)) scale(.3)}}