@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500&family=JetBrains+Mono&family=Outfit:wght@500;600&display=swap";#virtual-pet-root{--brand-core: #4A3FC0;--brand-light: #7B6EFF;--accent-teal: #2EDCB8;--accent-warm: #FF7E5A;--coin-gold: #FAC775;--dark-bg: #0D0D1A;--surface-ui: #1A1A2E;--dialog-bg-light: #EEEDFE;--dialog-text-dark: #3C3489}#virtual-pet-root{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:999999}.virtual-pet-entity{position:absolute;width:64px;height:64px;pointer-events:auto;transition:transform .1s ease-out,opacity .3s ease-in;opacity:0;cursor:grab;-webkit-user-select:none;user-select:none}.virtual-pet-entity.dragging{cursor:grabbing;transition:opacity .3s ease-in!important}.virtual-pet-entity.fade-in{opacity:1}.virtual-pet-sprite{width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.virtual-pet-canvas{position:absolute;bottom:0;left:-32px;width:128px;height:96px;image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.custom-scrollbar::-webkit-scrollbar{width:4px;height:4px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--accent-teal, #2EDCB8);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#50eacb}.embedded-panel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box;background:var(--dark-bg);z-index:100}.panel-header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.panel-back-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;border:1px solid var(--brand-core, #4a3fc0);border-radius:6px;background:var(--surface-ui, #2a2a3c);cursor:pointer;color:#e0e0e0;transition:background .15s ease,transform .1s ease}.panel-back-btn:hover{background:#7b6eff33;transform:scale(1.05)}.panel-title{font-family:Outfit,sans-serif;font-weight:600;font-size:14px;color:var(--brand-light);text-transform:uppercase;flex:1}.panel-content{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:16px;box-sizing:border-box}.panel-footer{padding:12px 16px;border-top:1px solid rgba(255,255,255,.08);margin-top:auto;flex-shrink:0}.icon-sm{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon-md{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon-lg{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon-sm svg,.icon-md svg,.icon-lg svg{width:100%;height:100%;display:block}.text-title{font-family:Outfit,sans-serif;font-weight:600;font-size:14px;color:var(--brand-light)}.text-subtitle{font-family:Outfit,sans-serif;font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#ffffff80}.text-body{font-family:Inter,-apple-system,sans-serif;font-weight:400;font-size:12px;color:#e0e0e0;line-height:1.4}.text-meta{font-family:Inter,sans-serif;font-weight:400;font-size:10px;color:#8a8aa3}.app-shell{display:flex;flex-direction:column;flex:1;min-height:0;position:relative;background:transparent}.hub-app-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05);background:#0003;flex-shrink:0;z-index:200}.hub-header-pills{display:flex;align-items:center;gap:8px;flex:1;min-width:0;justify-content:center}.hub-header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.icon-btn-subtle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.2,.8,.2,1);padding:0}.icon-btn-subtle:hover{background:#ffffff14;border-color:var(--brand-light);color:#fff}.app-content-area{display:flex;flex-direction:column;flex:1;overflow-y:auto;overflow-x:hidden;position:relative}.hub-widget-header{display:flex;justify-content:flex-start;align-items:center;padding:12px 16px 0;margin-bottom:12px;flex-shrink:0}.hub-widget-tab{background:#ffffff08;border:1px solid rgba(255,255,255,.06);color:var(--text-secondary);padding:6px 14px;border-radius:20px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease}.hub-widget-tab:hover{background:#ffffff14;color:#fff}.virtual-pet-hub-nav{display:flex;align-items:center;justify-content:space-around;padding:8px 12px;background:#0000004d;border-top:1px solid rgba(255,255,255,.05);flex-shrink:0}.hub-nav-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 12px;border-radius:10px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.hub-nav-chip.active{color:var(--accent-teal);background:#2dd4bf1a}.hub-nav-chip.active .hub-nav-icon{transform:scale(1.1)}.virtual-pet-menu,.virtual-pet-menu *{box-sizing:border-box}.virtual-pet-menu{position:absolute;background:var(--dark-bg);border:1px solid var(--brand-core);border-radius:14px;box-shadow:0 8px 24px #00000080;display:flex;flex-direction:column;padding:2px 2px 0;z-index:1000000;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#e0e0e0;pointer-events:auto;-webkit-user-select:none;user-select:none;width:300px;height:480px;overflow:hidden}.virtual-pet-hub-nav{display:flex;align-items:center;justify-content:space-around;gap:2px;margin-top:auto;padding:2px 2px 1px;border-top:1px solid rgba(255,255,255,.08)}.hub-nav-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 6px;border-radius:10px;background:transparent;border:1px solid transparent;color:#ffffff8c;cursor:pointer;transition:all .2s ease;flex:1;font-size:10px;font-weight:500}.hub-nav-chip:hover{background:#ffffff0f;color:#fff}.hub-nav-chip.active{background:#8b5cf62e;border:1px solid rgba(139,92,246,.4);color:#2dd4bf;font-weight:700;box-shadow:0 2px 8px #8b5cf633}.hub-nav-chip.active .hub-nav-icon{color:#2dd4bf;transform:scale(1.1)}.app-content-area{display:flex;flex-direction:column;width:100%;flex:1;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;padding:0}.hub-widget-mount{height:auto;max-height:none;overflow:visible;box-sizing:border-box;width:100%}.virtual-pet-menu-categories{display:grid;grid-template-columns:1fr 1fr;gap:12px}.menu-category{display:grid;grid-template-columns:repeat(2,40px);grid-template-rows:repeat(2,40px);gap:6px;background:var(--surface-ui);padding:8px;border-radius:8px;border:1px solid rgba(74,63,192,.3)}.menu-icon-btn{display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-size:20px;border-radius:6px;cursor:pointer;background:var(--dark-bg);color:#e0e0e0;border:1px solid rgba(74,63,192,.5);transition:background .2s ease,transform .1s ease,border-color .2s ease;position:relative}.menu-icon-btn svg{width:20px;height:20px;display:block}.menu-icon-btn:hover{background:var(--brand-light);color:#fff;border-color:var(--brand-light);transform:scale(1.05)}.menu-icon-btn:active{transform:scale(.95)}.menu-icon-btn:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--surface-ui);border:1px solid var(--brand-core);color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:10;box-shadow:0 4px 6px #0000004d}.menu-icon-btn:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:var(--surface-ui) transparent transparent transparent;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:10}.menu-icon-btn:hover:after,.menu-icon-btn:hover:before{opacity:1;visibility:visible;transition-delay:2s}.virtual-pet-hub{width:320px}.virtual-pet-hub-header{background:linear-gradient(145deg,#4a3fc026,#0003);border:1px solid rgba(74,63,192,.4);border-radius:12px;padding:16px;margin-bottom:16px;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden}.hub-pet-card-bg{position:absolute;top:-20px;left:-20px;width:100px;height:100px;background:radial-gradient(circle,color-mix(in srgb,var(--accent-teal) 15%,transparent) 0%,transparent 70%);z-index:0;pointer-events:none}.hub-change-pet-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid rgba(255,255,255,.2);background:#ffffff1f;color:#fff;cursor:pointer;border-radius:6px;transition:all .2s ease;padding:0;position:relative;z-index:10}.hub-change-pet-btn:hover{background:#ffffff4d!important;border-color:#ffffff80!important;transform:scale(1.1)}.virtual-pet-hub-pet-info{display:flex;align-items:center;gap:14px;z-index:1}.hub-pet-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#0000004d;border:1px solid color-mix(in srgb,var(--accent-teal) 30%,transparent);border-radius:12px;box-shadow:0 0 10px color-mix(in srgb,var(--accent-teal) 10%,transparent);overflow:hidden}.hub-pet-icon{width:24px;height:24px;color:var(--accent-teal);display:flex;align-items:center;justify-content:center}.hub-pet-icon svg{width:100%;height:100%}.hub-pet-details{display:flex;flex-direction:column}.hub-pet-name{font-weight:700;font-size:16px;color:#fff;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.hub-session-time{font-size:12px;color:#ffffff80;margin-top:2px}.hub-stats-container{display:flex;gap:8px;z-index:1}.hub-stat-pill{display:flex;align-items:center;background:#0000004d;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:8px 12px;flex:1;gap:8px;position:relative;overflow:hidden}.hub-stat-icon{width:16px;height:16px;min-width:16px;min-height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.hub-stat-icon svg{width:100%;height:100%}.level-pill .hub-stat-icon{color:gold}.gems-pill .hub-stat-icon{color:var(--accent-teal)}.hub-stat-text{font-size:13px;font-weight:600;color:#fff;white-space:nowrap}.hub-level-progress{position:absolute;bottom:0;left:0;height:2px;width:100%;background:#ffd7001a}.hub-level-fill{height:100%;background:gold;box-shadow:0 0 4px gold;border-radius:2px;transition:width .6s cubic-bezier(.4,0,.2,1)}.virtual-pet-hub-nav{display:flex;flex-direction:row;justify-content:space-around;padding-top:8px;border-top:1px solid rgba(255,255,255,.05)}.hub-widget-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:8px;margin-top:-4px}.hub-widget-tab{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease}.hub-widget-tab:hover{background:#ffffff1a;color:#fff}.hub-widget-tab.active{background:var(--brand-core);border-color:var(--accent-teal);color:#fff}.hub-nav-chip{display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;border:none;cursor:pointer;color:var(--text-secondary);transition:color .2s ease;padding:4px;position:relative}.hub-nav-chip:hover{color:var(--brand-light)}.hub-nav-chip .hub-nav-icon{width:18px;height:18px;color:inherit;display:flex;align-items:center;justify-content:center}.hub-nav-chip .hub-nav-icon svg{width:100%;height:100%}.hub-nav-chip .hub-nav-label{font-size:10px;font-weight:500;color:inherit}.hub-stats-gems{color:#4ade80;background:#4ade801a}.hub-stat-delta{position:absolute;right:12px;font-size:.85em;font-weight:800;opacity:0;transform:translateY(0);transition:opacity .3s ease,transform .3s ease;text-shadow:0 1px 2px rgba(0,0,0,.5)}.hub-stat-delta.show-positive{color:var(--accent-positive, #4ade80);opacity:1;transform:translateY(-2px)}.hub-stat-delta.show-negative{color:var(--accent-negative, #f87171);opacity:1;transform:translateY(2px)}.hub-nav-badge{background:var(--brand-core);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;margin-right:8px}.virtual-pet-menu-header{display:flex;align-items:center;margin-bottom:16px;gap:12px}.virtual-pet-menu-back-btn{width:28px;height:28px;border-radius:6px;background:var(--surface-ui);border:1px solid rgba(74,63,192,.5);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:16px}.virtual-pet-menu-back-btn svg{width:16px;height:16px}.virtual-pet-menu-back-btn:hover{background:var(--brand-light);color:#fff}.virtual-pet-menu-title{font-size:14px;font-weight:600;color:#fff}.hub-wellbeing-indicator{width:100%;height:4px;background:var(--accent-teal, #2EDCB8);border-radius:2px;margin-top:6px;overflow:hidden}.hub-wellbeing-fill{height:100%;border-radius:2px;transition:width .3s ease,background-color .3s ease}.virtual-pet-hub-header.hub-critical{border-color:#ff3c3c80;background:linear-gradient(145deg,#ff3c3c26,#0003)}@keyframes gemBump{0%{transform:scale(1)}50%{transform:scale(1.3);color:#fff}to{transform:scale(1)}}.gems-pill.gem-bump .hub-stat-icon,.gems-pill.gem-bump .hub-stat-text,.level-pill.level-bump .hub-stat-icon,.level-pill.level-bump .hub-stat-text{animation:gemBump .4s ease}.hub-info-module{margin-top:0;background:var(--surface-ui, rgba(15, 15, 20, .7));border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 12px;font-size:11px;color:#fffc;line-height:1.4;text-align:left;word-break:break-word;white-space:normal;overflow:hidden}.hub-header-fab-container{position:relative;z-index:100;display:flex;align-items:center;justify-content:center}.hub-fab-btn{position:relative;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);transition:transform .2s,background .2s;z-index:2}.hub-fab-btn:hover{background:#ffffff1a;transform:scale(1.05)}.hub-header-fab-container.expanded .hub-fab-btn{transform:rotate(90deg);background:#0009}.hub-fab-menu{position:absolute;top:0;left:0;width:32px;height:32px;pointer-events:none;z-index:1}.hub-fab-item{position:absolute;top:0;left:0;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--accent-teal);opacity:0;transform:scale(.5);transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.hub-header-fab-container.expanded .hub-fab-menu{pointer-events:auto}.hub-header-fab-container.expanded .hub-fab-item-1{opacity:1;transform:translate(-64px) scale(1)}.hub-header-fab-container.expanded .hub-fab-item-2{opacity:1;transform:translate(-45px,45px) scale(1);transition-delay:.04s}.hub-header-fab-container.expanded .hub-fab-item-3{opacity:1;transform:translateY(64px) scale(1);transition-delay:.08s}.hub-fab-item:hover{background:#ffffff1a}.hub-header-fab-container.expanded .hub-fab-item-1:hover{transform:translate(-64px) scale(1.1)}.hub-header-fab-container.expanded .hub-fab-item-2:hover{transform:translate(-45px,45px) scale(1.1)}.hub-header-fab-container.expanded .hub-fab-item-3:hover{transform:translateY(64px) scale(1.1)}.pet-action-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 4px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.2,.8,.2,1);box-sizing:border-box;height:100%;text-align:center}.pet-action-card:hover{background:#ffffff1f;border-color:var(--brand-light, #7b6eff);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.pet-action-card:active{transform:translateY(0);background:#ffffff14}.pet-action-card.disabled{opacity:.4;cursor:not-allowed;pointer-events:none;filter:grayscale(100%)}@keyframes chargePulse{0%{opacity:.8;filter:drop-shadow(0 0 2px var(--accent-teal))}50%{opacity:1;filter:drop-shadow(0 0 8px var(--accent-teal));transform:scale(1.1);color:var(--accent-teal)}to{opacity:.8;filter:drop-shadow(0 0 2px var(--accent-teal))}}.energy-charging-icon svg{animation:chargePulse 2s infinite ease-in-out}@keyframes sleepBtnPulse{0%{box-shadow:0 0 #ff7e5a66;border-color:#ff7e5acc}70%{box-shadow:0 0 0 10px #ff7e5a00;border-color:#ff7e5a00}to{box-shadow:0 0 #ff7e5a00;border-color:#ff7e5a00}}.needs-sleep-pulse{animation:sleepBtnPulse 2s infinite!important;border:1px solid var(--accent-warm)!important;background:#ff7e5a1a!important}.wardrobe-empty-state{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;cursor:pointer;padding:12px;border-radius:12px;background:#ffffff08;border:1px dashed rgba(255,255,255,.15);transition:all .2s ease;box-sizing:border-box}.wardrobe-empty-state:hover{background:#ffffff0f;border-color:#ffffff4d}.wardrobe-empty-slots{display:flex;gap:10px;justify-content:center}.wardrobe-empty-slot{width:36px;height:36px;border-radius:8px;border:1px dashed rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff6;background:#0003;transition:all .2s ease}.wardrobe-empty-slot.has-item{border:1px solid rgba(255,255,255,.1);background:#ffffff0d;padding:4px;border-style:solid}.wardrobe-empty-slot.has-item img{width:100%;height:100%;object-fit:contain}.gem-pack-card{background-color:var(--surface-ui);border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:16px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;transition:all .2s cubic-bezier(.2,.8,.2,1);cursor:pointer;overflow:hidden;flex-shrink:0}.gem-pack-card:hover{transform:translateY(-4px);border-color:var(--brand-light);box-shadow:0 8px 24px #7b6eff33}.gem-pack-card.premium-badge{border-color:var(--accent-warm);background:linear-gradient(180deg,rgba(255,126,90,.05) 0%,var(--surface-ui) 100%)}.gem-pack-card.popular-badge{border-color:var(--accent-teal);background:linear-gradient(180deg,color-mix(in srgb,var(--accent-teal) 5%,transparent) 0%,var(--surface-ui) 100%)}.gem-pack-badge{position:absolute;top:-1px;right:12px;padding:2px 8px;font-size:.65rem;font-weight:700;text-transform:uppercase;border-radius:0 0 4px 4px;letter-spacing:.5px}.gem-pack-badge.popular{background-color:var(--accent-teal);color:#000}.gem-pack-badge.best_value{background-color:var(--brand-light);color:#fff}.gem-pack-badge.premium{background-color:var(--accent-warm);color:#000}.gem-pack-icon{font-size:2.5rem;margin-bottom:8px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));display:flex;justify-content:center;align-items:center;width:48px;height:48px}.gem-pack-icon svg{width:100%;height:100%}.gem-pack-amount{font-size:1.25rem;font-weight:700;color:var(--brand-light);display:flex;align-items:center;gap:4px;margin-bottom:4px}.gem-pack-amount svg{width:20px;height:20px;color:var(--brand-light)}.gem-pack-bonus{font-size:.75rem;color:var(--accent-teal);font-weight:600;min-height:14px;margin-bottom:12px}.gem-pack-price{font-size:1rem;font-weight:600;color:var(--brand-light);background-color:#7b6eff1a;padding:6px 16px;border-radius:20px;width:100%;box-sizing:border-box;transition:all .2s}.gem-pack-card:hover .gem-pack-price{background-color:var(--brand-light);color:#fff}.gem-pack-card.popular-badge:hover .gem-pack-price{background-color:var(--accent-teal);color:#000}.gem-pack-card.premium-badge:hover .gem-pack-price{background-color:var(--accent-warm);color:#000}.gem-store-loading{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0d0d1acc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;opacity:0;pointer-events:none;transition:opacity .3s}.gem-store-loading.active{opacity:1;pointer-events:all}.gem-store-spinner{width:40px;height:40px;border:3px solid rgba(123,110,255,.3);border-top-color:var(--brand-light);border-radius:50%;animation:gem-spin 1s linear infinite;margin-bottom:16px}@keyframes gem-spin{to{transform:rotate(360deg)}}.gem-store-loading-text{font-size:.9rem;color:#fffc}.gem-store-success{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--surface-ui);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;opacity:0;pointer-events:none;transform:scale(.95);transition:all .4s cubic-bezier(.34,1.56,.64,1)}.gem-store-success.active{opacity:1;pointer-events:all;transform:scale(1)}.gem-store-success-icon{font-size:4rem;margin-bottom:16px;animation:pop-in .5s cubic-bezier(.34,1.56,.64,1) forwards;transform:scale(0);display:flex;justify-content:center;align-items:center;width:80px;height:80px;color:var(--accent-teal);filter:drop-shadow(0 0 16px rgba(50,224,196,.6))}.gem-store-success-icon svg{width:100%;height:100%}@keyframes pop-in{to{transform:scale(1)}}.gem-store-success-title{font-size:1.5rem;font-weight:700;color:var(--accent-teal);margin-bottom:8px}.gem-store-success-desc{color:#ffffffb3;font-size:.9rem;margin-bottom:24px}.gem-store-success-btn{background-color:var(--brand-light);color:#fff;border:none;padding:10px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s}.gem-store-success-btn:hover{background-color:var(--brand-core)}.gem-store-cancel-btn{margin-top:15px;padding:6px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}.gem-store-cancel-btn:hover{background:#fff3}.gem-store-timeout{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--surface-ui);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;opacity:0;pointer-events:none;transform:scale(.95);transition:all .4s cubic-bezier(.34,1.56,.64,1)}.gem-store-timeout.active{opacity:1;pointer-events:all;transform:scale(1)}.gem-store-timeout-icon{font-size:3rem;color:var(--accent-warm);margin-bottom:16px;animation:pulse-slow 2s infinite}@keyframes pulse-slow{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.gem-store-timeout-title{font-size:1.25rem;font-weight:700;color:var(--accent-warm);margin-bottom:8px}.gem-store-timeout-desc{color:#ffffffb3;font-size:.9rem;margin-bottom:24px;text-align:center;max-width:80%}.gem-store-timeout-btn{background-color:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:10px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.gem-store-timeout-btn:hover{background-color:#fff3}.pet-actions-list{display:flex;flex-direction:column;gap:8px}.tool-action-btn{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.tool-action-btn:hover{background:#ffffff12;border-color:#8b5cf659;transform:translateY(-1px)}.tool-action-btn:active{transform:translateY(0)}.tool-action-btn--disabled{cursor:default;opacity:.55}.tool-action-btn--disabled:hover{background:#ffffff08;border-color:#ffffff0f;transform:none}.tool-action-icon{flex-shrink:0;width:36px;height:36px;border-radius:10px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;color:#e0e0e0}.tool-action-text-container{display:flex;flex-direction:column;min-width:0;flex:1}.tool-action-check{margin-left:auto;flex-shrink:0;color:var(--accent-teal, #2EDCB8)}.tools-score-banner{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#8b5cf62e,#0f0f14b3);border:1px solid rgba(245,158,11,.35);border-radius:12px;padding:12px;margin-bottom:2px}.tools-score-banner-left{display:flex;align-items:center;gap:10px}.tools-score-banner-icon{width:28px;height:28px;border-radius:8px;background:#f59e0b40;display:flex;align-items:center;justify-content:center;color:#f59e0b}.tools-score-banner-title{font-size:13px;font-weight:700;color:#fff}.tools-score-banner-value{font-size:16px;font-weight:700;color:#f59e0b}.tools-panel-content{display:flex;flex-direction:column;gap:16px}.tools-action-title{font-weight:600}.tools-action-desc{margin-top:2px}.tools-featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tools-featured-card{border-radius:12px;padding:12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;transition:transform .2s}.tools-featured-card:hover{transform:translateY(-2px)}.tools-featured-card-header{display:flex;align-items:center;justify-content:space-between}.tools-featured-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center}.tools-featured-card-body{display:flex;flex-direction:column;margin-top:2px}.tools-featured-title{font-weight:700;color:#fff}.tools-backpack-card{background:linear-gradient(135deg,#8b5cf62e,#0f0f14b3);border:1px solid rgba(139,92,246,.35)}.tools-backpack-icon{background:#8b5cf640;color:#a78bfa}.tools-backpack-subtitle{color:#a78bfa}.tools-dashboard-card{background:linear-gradient(135deg,#2edcb82e,#0f0f14b3);border:1px solid rgba(46,220,184,.35)}.tools-dashboard-icon{background:#2edcb840;color:#2edcb8}.tools-dashboard-subtitle{color:#2edcb8}.settings-content svg{width:100%;height:100%}.settings-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;display:flex;flex-direction:column;width:100%;box-sizing:border-box}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.03)}.settings-item:last-child{border-bottom:none}.settings-label{font-size:13px;font-weight:500;color:#ffffffe6;display:flex;align-items:center;gap:10px}.settings-card-title{padding:14px 14px 4px;font-size:11px;font-weight:700;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.virtual-pet-hub-pet-info{display:flex;align-items:center;gap:16px;padding:0 16px;z-index:1}.hub-pet-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:#0003;border:1px solid rgba(255,255,255,.06);border-radius:14px;overflow:hidden}.hub-pet-avatar-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none;object-fit:contain;transform:none;transform-origin:center}#hub-pet-preview-fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block;z-index:0}.hub-wellbeing-chips-container{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:6px 8px;margin-top:6px;transition:all .2s ease}.hub-wellbeing-chips-container:hover{background:#ffffff0d;border-color:#ffffff1a}.chip-neutral,.chip-positive,.chip-negative,.chip-gap{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600}.chip-icon{display:inline-flex;width:12px;height:12px}.chip-neutral{background:#ffffff1a;color:var(--text-secondary)}.chip-gap{background:#a855f726;color:var(--brand-light, #a855f7);border:1px solid rgba(168,85,247,.2)}.chip-positive{background:#2edcb826;color:var(--accent-teal, #2EDCB8)}.chip-negative{background:#ff3c3c26;color:var(--accent-warm, #FF3C3C)}.hub-wellbeing-detail-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.05)}.hub-wellbeing-detail-row:last-child{border-bottom:none}.detail-label{font-size:11px;color:var(--text-secondary)}.row-critical .detail-label{color:var(--accent-warm, #FF3C3C);font-weight:700}.hub-stats-container{display:flex;gap:8px;padding:12px 16px}.hub-stat-pill{display:flex;align-items:center;gap:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);padding:10px 12px;border-radius:10px;font-size:12px;color:var(--text-primary);flex:1}#hub-active-outfit-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:12px 16px;margin:0 16px;transition:all .2s cubic-bezier(.2,.8,.2,1)}#hub-active-outfit-card:hover{background:#ffffff14;border-color:var(--brand-light)}.hub-outfit-badge{font-size:9px;font-weight:700;padding:4px 8px;border-radius:6px;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.hub-outfit-badge--default{background:#ffffff0d;color:var(--text-secondary);border:1px solid rgba(255,255,255,.1)}.hub-outfit-badge--active{background:#2edcb81a;color:var(--accent-teal);border:1px solid rgba(46,220,184,.2)}.hub-widget-header{display:flex;justify-content:center;align-items:center;padding:12px 16px 0;margin-bottom:12px;flex-shrink:0}.hub-widget-tab{display:inline-flex;align-items:center;justify-content:space-between;min-width:140px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:6px 16px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease}.hub-widget-tab:before{content:"◀";font-size:9px;color:var(--accent-teal);opacity:.7;transition:transform .2s ease,opacity .2s}.hub-widget-tab:after{content:"▶";font-size:9px;color:var(--accent-teal);opacity:.7;transition:transform .2s ease,opacity .2s}.hub-widget-tab:hover{background:#ffffff1a;border-color:var(--accent-teal)}.hub-widget-tab:hover:before{transform:translate(-3px);opacity:1}.hub-widget-tab:hover:after{transform:translate(3px);opacity:1}.hub-outfit-card{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.2,.8,.2,1);margin:4px 16px}.hub-outfit-card:hover{background:#ffffff14;border-color:var(--brand-light);transform:translateY(-2px)}.hub-outfit-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:#a855f726;color:var(--brand-light, #a855f7);flex-shrink:0}.hub-pet-streak-badge{font-size:10px;font-weight:700;color:#ff7e5a;background:#ff7e5a26;border:1px solid rgba(255,126,90,.3);padding:4px 8px;border-radius:8px;display:inline-flex;align-items:center;gap:4px}.hub-intention-header{display:flex;justify-content:space-between;align-items:center;width:100%}.hub-intention-header-left,.hub-intention-header-right{display:flex;align-items:center;gap:8px}.hub-intention-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.hub-intention-completed-badge{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#2edcb826;color:var(--accent-teal);border-radius:50%}.hub-productivity-streak{display:inline-flex;align-items:center;gap:4px;background:#ff7e5a26;color:var(--accent-coral, #ff7e5a);font-size:10px;font-weight:700;padding:4px 8px;border-radius:8px}.hub-pomodoro-card--empty{border-style:dashed}.hub-pomodoro-active-header{display:flex;align-items:center;justify-content:space-between}.hub-pomodoro-status-badge{display:flex;align-items:center;gap:8px}.hub-pomodoro-pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-teal);box-shadow:0 0 8px var(--accent-teal);animation:hub-pulse 1.5s infinite}@keyframes hub-pulse{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.2);opacity:1}to{transform:scale(.95);opacity:.8}}.hub-pomodoro-countdown{font-size:24px;font-weight:700;color:#fff;font-family:monospace,sans-serif;letter-spacing:1px}.hub-pomodoro-progress-bar{height:6px;border-radius:3px;background:#ffffff14;overflow:hidden}.hub-pomodoro-progress-fill{height:100%;background:var(--accent-teal);transition:width .3s ease}.hub-pomodoro-session-dots{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.hub-pomodoro-dot{width:8px;height:8px;border-radius:50%;transition:transform .2s ease}.hub-pomodoro-dot--filled{background:var(--accent-teal)}.hub-pomodoro-dot--empty{background:#ffffff26}.hub-widget-column{display:flex;flex-direction:column;gap:12px;height:100%}.hub-productivity-wrapper{display:flex;flex-direction:column;gap:12px;height:100%;padding:0 16px 16px;box-sizing:border-box}.hub-productivity-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:all .2s cubic-bezier(.2,.8,.2,1)}.hub-productivity-card:hover{background:#ffffff14;border-color:var(--brand-light)}.hub-productivity-card--success{background:#2edcb80d;border-color:#2edcb84d}.hub-productivity-card--warning{background:#ff7e5a0d;border-color:#ff7e5a4d}.hub-productivity-icon-bg{width:32px;height:32px;border-radius:10px;background:#a855f726;color:var(--brand-light, #a855f7);display:flex;align-items:center;justify-content:center;flex-shrink:0}.hub-tasks-card--empty{border-style:dashed}.hub-tasks-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.hub-tasks-counter-badge{font-size:10px;color:var(--text-secondary);background:#ffffff14;padding:2px 6px;border-radius:10px;font-weight:600}.hub-tasks-list{display:flex;flex-direction:column;gap:8px}.hub-task-item{display:flex;align-items:flex-start;gap:10px}.hub-task-checkbox{font-size:16px;color:var(--text-secondary);cursor:pointer;line-height:1;transition:color .15s,transform .1s}.hub-task-checkbox:hover{color:#fff;transform:scale(1.1)}.hub-task-checkbox--urgent{color:var(--accent-coral, #ff7e5a)}.hub-task-text--urgent{color:var(--accent-coral, #ff7e5a);font-weight:600}.hub-task-content{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0;margin-top:1px}.hub-task-meta{display:flex;gap:6px}.hub-task-tag{font-size:8px;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase}.hub-task-tag--work{background:#38bdf826;color:#38bdf8}.hub-task-tag--personal{background:#34d39926;color:#34d399}.hub-task-tag--urgent{background:#ff7e5a26;color:#ff7e5a}.hub-task-tag--default{background:#ffffff14;color:var(--text-secondary)}.hub-habits-card{display:flex;flex-direction:column;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.hub-habits-card:hover{transform:translateY(-2px);border-color:#fff3;box-shadow:0 4px 12px #0003}.hub-habits-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.hub-habits-title{font-size:13px;font-weight:500;color:var(--brand-light, #c4bdf5)}.hub-habits-icon-header{font-size:16px;color:var(--accent-purple, #afa9ec)}.hub-habits-card--empty_ever .hub-habits-title{color:var(--brand-light, #c4bdf5)}.hub-habits-empty-slot{display:flex;align-items:center;gap:8px;padding:10px;border:1px dashed rgba(255,255,255,.12);border-radius:10px;color:var(--text-muted, #8b8a95);font-size:12px;cursor:pointer;transition:all .2s ease}.hub-habits-empty-slot:hover{border-color:#ffffff40;color:var(--text-main, #e8e8ed)}.hub-habits-card--empty_today .hub-habits-icon-header{color:var(--accent-purple, #afa9ec)}.hub-habits-badge{font-size:11px;padding:2px 8px;border-radius:8px;display:flex;align-items:center}.hub-habits-badge--neutral{color:#c9c8cf;background:#ffffff0f}.hub-habits-badge--success{color:var(--accent-teal, #2edcb8);background:#2edcb826}.hub-habits-card--pending .hub-habits-icon-header{color:var(--accent-purple, #afa9ec)}.hub-habits-card--completed{background:#2edcb80d;border:1px solid rgba(46,220,184,.2)}.hub-habits-card--completed .hub-habits-icon-header{color:var(--accent-teal, #2edcb8)}.hub-habits-list{display:flex;flex-direction:column;gap:4px}.hub-habit-item{display:flex;align-items:center;gap:8px;padding:6px 0}.hub-habit-item--inactive{opacity:.5}.hub-habit-checkbox,.hub-habit-checkbox-placeholder{width:16px;height:16px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.hub-habit-checkbox-placeholder{border:1px solid rgba(255,255,255,.15)}.hub-habit-checkbox{border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .2s ease}.hub-habit-checkbox:hover{border-color:#fff6}.hub-habit-checkbox--checked{background:var(--accent-teal, #2edcb8);border-color:var(--accent-teal, #2edcb8)}.hub-habit-checkbox--checked i{font-size:11px;color:#04342c}.hub-habit-text{font-size:12px;color:var(--text-main, #c9c8cf);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-habit-item--completed .hub-habit-text{color:var(--text-muted, #8b8a95);text-decoration:line-through;text-decoration-color:#ffffff4d}.hub-habit-item--inactive .hub-habit-text{color:var(--text-muted, #8b8a95)}.hub-habit-not-today{font-size:10px;color:var(--text-faded, #6b6a72)}.hub-habit-streak{font-size:10px;color:var(--accent-warm, #ff9d7e)}.hub-minigames-wrapper{display:flex;flex-direction:column;gap:8px;height:100%;padding:0 16px 16px;box-sizing:border-box}.hub-bento-grid-4comp{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;flex:1;min-height:0;box-sizing:border-box}.hub-bento-left-span,.hub-bento-right-stack{min-width:0;width:100%;height:100%;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;gap:8px}.hub-minigame-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:12px;display:flex;flex-direction:column;justify-content:space-between;gap:8px;box-sizing:border-box;width:100%;height:100%;transition:all .2s cubic-bezier(.2,.8,.2,1)}.hub-minigame-card:hover{background:#ffffff14;border-color:var(--brand-light)}.hub-minigame-card--warning{background:#ff7e5a0d;border-color:#ff7e5a4d}.hub-minigame-card--gold{background:#fac7750d;border-color:#fac7754d}.hub-minigame-card--empty{border-style:dashed;background:transparent}.hub-bento-icon-bg{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hub-bento-icon-bg--default{background:#7b6eff26;color:var(--brand-light)}.hub-bento-icon-bg--gold{background:#fac77526;color:#fac775}.hub-bento-icon-bg--warning{background:#ff7e5a26;color:#ff7e5a}.hub-btn-play{background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:6px 12px;font-size:11px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;text-align:center;font-family:Inter,sans-serif}.hub-btn-play:hover{background:var(--brand-light);border-color:var(--brand-core);transform:translateY(-1px)}.hub-btn-play--primary{background:var(--brand-core);border-color:var(--brand-light)}.hub-leaderboard-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.05)}.hub-leaderboard-row:last-child{border-bottom:none}.hub-findings-wrapper{display:flex;flex-direction:column;gap:12px;height:100%;padding:0 16px 16px;box-sizing:border-box}.hub-findings-card{width:100%;box-sizing:border-box;flex-shrink:0;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;transition:all .2s cubic-bezier(.2,.8,.2,1)}.hub-findings-card:hover{background:#ffffff0f}.hub-findings-card--notes:hover{border-color:#fac77566}.hub-findings-card--links:hover{border-color:#7b6eff66}.hub-findings-card--clippings:hover{border-color:#2edcb866}.fn-card-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.05)}.fn-card-body{padding:10px 12px;box-sizing:border-box}.fn-card-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-top:1px solid rgba(255,255,255,.05)}.fn-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;padding:12px 0;opacity:.8}.fn-textarea{width:100%;height:100%;min-height:52px;max-height:72px;background:transparent;border:none;color:#f0f0f5;font-size:12px;line-height:1.5;outline:none;resize:none;font-family:Inter,sans-serif;overflow-y:auto;scrollbar-width:thin}.fn-links-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.fn-link-slot{position:relative;aspect-ratio:1;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:transform .15s,border-color .15s,background .15s}.fn-link-slot--occupied{background:#7b6eff14;border:1px solid rgba(123,110,255,.25)}.fn-link-slot--occupied:hover{background:#7b6eff26;border-color:#7b6eff80;transform:translateY(-2px)}.fn-link-slot--empty{background:#ffffff05;border:1px dashed rgba(255,255,255,.15)}.fn-delete-badge-btn{position:absolute;top:-6px;right:-6px;width:18px;height:18px;background:var(--surface-ui);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s,background .2s,border-color .2s}.fn-link-slot:hover .fn-delete-badge-btn,.hub-findings-card--clippings:hover .fn-delete-badge-btn{opacity:1}.fn-delete-badge-btn:hover{background:var(--accent-coral);border-color:var(--accent-coral)}.fn-clipping-text-wrapper{max-height:90px;overflow-y:auto;scrollbar-width:thin;margin-top:8px}.hub-quick-actions-container{display:flex;flex-direction:column;gap:12px;padding:12px 16px 0;margin-top:8px;margin-bottom:16px;border-top:1px solid rgba(255,255,255,.05);box-sizing:border-box}.hub-quick-actions-header{display:flex;justify-content:space-between;align-items:center}.hub-quick-actions-title{font-family:Outfit,sans-serif;font-size:11px;font-weight:600;color:var(--text-secondary, rgba(255,255,255,.5));text-transform:uppercase;letter-spacing:.5px}.hub-quick-actions-edit-btn{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#ffffff4d;cursor:pointer;transition:all .2s ease;background:transparent;border:none}.hub-quick-actions-edit-btn:hover{color:var(--brand-light, #7B6EFF);background:#ffffff0d}.hub-quick-actions-row{display:flex;gap:12px;flex-wrap:wrap}.hub-quick-action-btn{width:36px;height:36px;min-width:36px;border-radius:50%;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--brand-light, #7B6EFF);transition:all .2s ease;position:relative}.hub-quick-action-btn:hover{background:#7b6eff26;border-color:#7b6eff66;transform:translateY(-2px)}.hub-quick-action-btn.store-btn{color:var(--accent-warm, #ff7e5a)}.hub-quick-action-btn.store-btn:hover{background:#ff7e5a26;border-color:#ff7e5a66}.hub-quick-badge{position:absolute;top:-2px;right:-2px;width:10px;height:10px;border-radius:50%;background-color:var(--accent-coral, #ff7e5a);border:2px solid var(--dark-bg, #0d0d1a);pointer-events:none;z-index:10;box-sizing:border-box}.hub-quick-badge--text{position:absolute;top:-6px;right:-6px;background-color:var(--accent-coral, #ff7e5a);color:#fff;font-family:Inter,sans-serif;font-size:9px;font-weight:800;padding:1px 5px;border-radius:10px;border:2px solid var(--dark-bg, #0d0d1a);display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:10;box-shadow:0 2px 4px #0000004d}.hub-quick-action-btn:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--surface-ui);border:1px solid var(--brand-core);color:#fff;padding:4px 8px;border-radius:6px;font-size:11px;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:10;box-shadow:0 4px 6px #0000004d}.hub-quick-action-btn:hover:after{opacity:1;visibility:visible;transition-delay:.5s}.hub-edit-mode-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0f0f14d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;border-radius:12px;padding:12px;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;overflow-y:auto}.hub-edit-mode-overlay.active{opacity:1;visibility:visible}.hub-edit-header{display:flex;justify-content:space-between;align-items:center}.hub-edit-title{font-size:14px;font-weight:600;color:#fff}.hub-edit-close{cursor:pointer;color:#fff;opacity:.5;transition:opacity .2s;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.hub-edit-close:hover{opacity:1}.hub-edit-section-title{font-size:12px;color:#ffffff80;margin-top:8px;margin-bottom:4px}.hub-edit-action-btn[draggable=true]{cursor:grab}.hub-edit-action-btn.dragging{opacity:.3!important;cursor:grabbing;transform:scale(.92);box-shadow:none!important;background:transparent!important;border:1px dashed rgba(255,255,255,.2)!important}.hub-edit-action-btn.drag-over{border:2px dashed var(--brand-light, #7B6EFF);background:#7b6eff26;transform:scale(1.05);transition:all .2s cubic-bezier(.4,0,.2,1)}.hub-edit-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-bottom:8px}.hub-edit-action-btn{transition:transform .2s ease,opacity .2s ease,background .2s ease,border-color .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:6px 2px;cursor:pointer;transition:all .2s;height:56px;min-width:0;opacity:.5}.hub-edit-action-btn.pinned{opacity:1;background:color-mix(in srgb,var(--accent-teal, #2EDCB8) 20%,transparent);border-color:var(--accent-teal, #2EDCB8);box-shadow:0 0 8px color-mix(in srgb,var(--accent-teal, #2EDCB8) 20%,transparent)}.hub-edit-action-btn:hover{background:#ffffff1a;opacity:.9}.hub-edit-action-icon{width:20px;height:20px;color:#fff;display:flex;align-items:center;justify-content:center}.hub-edit-action-icon svg{width:100%;height:100%}.hub-edit-action-label{font-size:10px;color:#ffffffb3;text-align:center;width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.2}.hub-quick-action-btn[draggable=true]{cursor:grab}.hub-quick-action-btn.dragging{opacity:.5;cursor:grabbing;transform:scale(.95)}.hub-quick-action-btn.drag-over{border:2px dashed var(--brand-light)}.hub-review-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0f0f14d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;border-radius:12px;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.hub-review-overlay.active{opacity:1;visibility:visible}.review-prompt-title{margin:0 0 8px;color:#fff;font-size:15px;font-weight:600}.review-incentive{font-size:12px;color:var(--accent-teal, #2EDCB8);margin-bottom:8px;font-weight:500}.review-stars{display:flex;gap:10px;margin-bottom:16px;font-size:28px;cursor:pointer}.review-stars span{transition:transform .2s,color .2s;color:#fff3}.review-stars span:hover{transform:scale(1.2)}.review-btn{width:100%;padding:8px;border-radius:6px;border:none;cursor:pointer;font-size:14px}.review-btn-primary{background:var(--accent-color, #4a90e2);color:#fff}.review-btn-secondary{background:none;color:var(--text-dim, #a0a0b0);margin-top:5px}.review-feedback-textarea{width:100%;height:60px;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;padding:8px;font-family:inherit;resize:none;box-sizing:border-box}.review-thanks-icon{font-size:32px;margin-bottom:15px;margin-top:20px}.virtual-pet-bubble{position:absolute;bottom:100%;left:50%;background:var(--dialog-bg-light);border:2px solid var(--dialog-text-dark);border-radius:16px;padding:12px 16px;font-family:Inter,sans-serif;font-size:14px;color:var(--dialog-text-dark);width:max-content;max-width:220px;box-shadow:0 4px 12px #00000026;z-index:1000;margin-bottom:12px;text-align:center;line-height:1.4;white-space:pre-wrap;cursor:pointer;pointer-events:none;opacity:0;transform:translate(-50%) translateY(8px) scale(.92);transition:opacity .2s ease,transform .2s ease}.virtual-pet-bubble.bubble-visible{opacity:1;transform:translate(-50%) translateY(0) scale(1);pointer-events:auto}.virtual-pet-bubble.bubble-hiding{opacity:0;transform:translate(-50%) translateY(4px) scale(.95);pointer-events:none}.virtual-pet-bubble:after{content:"";position:absolute;top:100%;left:50%;margin-left:-8px;border-width:8px;border-style:solid;border-color:var(--dialog-text-dark) transparent transparent transparent}.virtual-pet-bubble.bubble-alert{background:var(--accent-teal, #2EDCB8);border-color:var(--accent-warm);color:var(--dialog-text-dark)}.virtual-pet-bubble.bubble-alert:after{border-color:var(--accent-warm) transparent transparent transparent}.virtual-pet-bubble.bubble-happy{background:color-mix(in srgb,var(--accent-teal) 10%,transparent);border-color:var(--accent-teal);color:var(--dialog-text-dark)}.virtual-pet-bubble.bubble-happy:after{border-color:var(--accent-teal) transparent transparent transparent}.virtual-pet-bubble.bubble-dimensional{background:#7b6eff1a;border-color:var(--brand-light);color:var(--dialog-text-dark)}.virtual-pet-bubble.bubble-dimensional:after{border-color:var(--brand-light) transparent transparent transparent}.virtual-pet-bubble.bubble-below:after{top:auto;bottom:100%;border-color:transparent transparent var(--dialog-text-dark) transparent}.virtual-pet-bubble.bubble-below.bubble-alert:after{border-color:transparent transparent var(--accent-warm) transparent}.virtual-pet-bubble.bubble-below.bubble-happy:after{border-color:transparent transparent var(--accent-teal) transparent}.virtual-pet-bubble.bubble-below.bubble-dimensional:after{border-color:transparent transparent var(--brand-light) transparent}.bubble-options-container{display:flex;justify-content:center;gap:8px;margin-top:10px;padding-top:8px;border-top:1px solid rgba(0,0,0,.05)}.bubble-option-btn{background:#00000008;border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:4px 10px;color:inherit;font-size:12px;cursor:pointer;transition:background .2s,transform .1s,border-color .2s;font-family:inherit;white-space:nowrap}.bubble-option-btn:hover{background:#00000014;border-color:#0003;transform:translateY(-1px)}.bubble-option-btn:active{transform:translateY(0)}.bubble-alert .bubble-option-btn{background:var(--accent-teal, #2EDCB8);border-color:#f59f0033}.bubble-happy .bubble-option-btn{background:#37b24d1a;border-color:#37b24d33}.bubble-dimensional .bubble-option-btn{background:#7950f21a;border-color:#7950f233}.backpack-panel-embedded-view{color:#e0e0e0}.backpack-embedded-filters{display:flex;justify-content:space-around;background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:6px}.bp-filter{background:transparent;border:none;cursor:pointer;color:var(--text-secondary, #9CA3AF);padding:6px 16px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.bp-filter:hover{background:#ffffff0d;color:#e0e0e0}.bp-filter.active{background:#ffffff1a;color:#fff;box-shadow:0 2px 8px #0003}.backpack-embedded-actions{display:flex;justify-content:flex-end}.bp-clear-btn{background:#ff7e5a1a;color:var(--accent-warm);border:1px solid rgba(255,126,90,.2);padding:4px 10px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.bp-clear-btn:hover{background:#ff7e5a33}.backpack-embedded-content{display:flex;flex-direction:column;gap:12px;overflow-y:auto}.backpack-item{background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px;font-size:13px;word-break:break-word;display:flex;justify-content:space-between;align-items:center;gap:12px;transition:border-color .2s,background .2s}.backpack-item:hover{border-color:#ffffff26;background:#00000040}.backpack-item-content{flex-grow:1;display:flex;align-items:center;gap:10px;overflow:hidden}.backpack-item.type-note{border-left:3px solid var(--coin-gold)}.backpack-item.type-clipping{border-left:3px solid var(--brand-light);font-family:JetBrains Mono,monospace}.backpack-item.type-todo{border-left:3px solid var(--accent-teal)}.backpack-item.type-link{border-left:3px solid var(--brand-core)}.backpack-item a{color:var(--brand-light);text-decoration:none}.bp-item-layout--column{flex-direction:column;align-items:stretch;gap:10px}.bp-item-layout--todo{align-items:flex-start;gap:8px}.bp-icon{color:var(--text-secondary, #9CA3AF)}.bp-text{white-space:pre-wrap;max-height:80px;overflow-y:auto;flex-grow:1}.bp-todo-main-row{display:flex;align-items:flex-start;gap:8px;width:100%}.bp-todo-checkbox{accent-color:var(--accent-teal);width:16px;height:16px;margin-top:2px;cursor:pointer}.bp-todo-text{flex-grow:1}.bp-todo-text.bp-todo-done{text-decoration:line-through;opacity:.5}.bp-todo-badges-row{display:flex;flex-wrap:wrap;gap:6px;margin-left:24px}.bp-todo-tag,.bp-todo-deadline{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#bbb;font-size:10px;padding:2px 8px;border-radius:6px;white-space:nowrap}.bp-todo-deadline{display:flex;align-items:center;gap:4px}.bp-todo-deadline.is-overdue{color:var(--accent-warm);background:#ff7e5a1a;border-color:#ff7e5a4d;font-weight:500}.bp-clipping-text{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;font-size:12px;background:#0000004d;border:1px solid rgba(255,255,255,.05);padding:10px;border-radius:6px;color:#ccc}.bp-item-footer-row{display:flex;justify-content:space-between;align-items:center}.bp-clipping-meta{font-size:11px;color:var(--text-secondary, #9CA3AF)}.bp-clipping-actions{display:flex;gap:8px}.bp-copy-btn,.bp-link-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:6px 10px;border-radius:6px;font-size:11px;cursor:pointer;text-decoration:none;color:#e0e0e0;transition:all .2s;display:flex;align-items:center;gap:4px}.bp-copy-btn:hover,.bp-link-btn:hover{background:#ffffff26}.backpack-item-delete{background:transparent;border:none;cursor:pointer;padding:6px;color:var(--text-secondary, #9CA3AF);border-radius:6px;transition:all .2s}.backpack-item-delete:hover{color:var(--accent-warm);background:#ff7e5a1a}.backpack-embedded-empty-msg{text-align:center;color:var(--text-secondary, #9CA3AF);font-size:13px;padding:40px 0}.virtual-pet-quick-input{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#e0e0e0}.quick-input-textarea{flex:1;width:100%;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:12px;font-size:14px;font-family:inherit;resize:none;outline:none;box-sizing:border-box;background:#0003;color:#e0e0e0;transition:border-color .2s ease,background .2s ease}.quick-input-textarea:focus{border-color:var(--brand-light, #7B6EFF);background:#7b6eff0d}.quick-input-actions{display:flex;justify-content:flex-end;gap:8px}.quick-input-btn{background:var(--surface-ui);border:1px solid rgba(74,63,192,.3);border-radius:6px;padding:6px 12px;cursor:pointer;font-size:14px;color:#e0e0e0;transition:background .2s,transform .1s;display:flex;align-items:center;justify-content:center}.quick-input-btn:hover{background:var(--brand-core)}.quick-input-btn.btn-save{background:color-mix(in srgb,var(--accent-teal) 10%,transparent);color:var(--accent-teal);border-color:var(--accent-teal)}.quick-input-btn.btn-save:hover{background:color-mix(in srgb,var(--accent-teal) 20%,transparent)}.quick-input-btn.btn-cancel{background:#ff7e5a1a;color:var(--accent-warm);border-color:var(--accent-warm)}.quick-input-btn.btn-cancel:hover{background:#ff7e5a33}.quick-input-btn svg,.quick-task-btn svg{width:16px;height:16px;display:block}.virtual-pet-quick-task{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#e0e0e0}.quick-task-input{width:100%;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 12px;font-size:13px;font-family:inherit;outline:none;box-sizing:border-box;background:#0003;color:#e0e0e0;transition:border-color .2s ease,background .2s ease}.quick-task-input:focus{border-color:var(--brand-light, #7B6EFF);background:#7b6eff0d}.qt-date::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.6;cursor:pointer}.qt-date::-webkit-calendar-picker-indicator:hover{opacity:1}.quick-task-row{display:flex;gap:8px}.quick-task-row .quick-task-input{flex:1}.quick-task-actions{display:flex;justify-content:flex-end;gap:8px}.quick-task-btn{background:var(--surface-ui);border:1px solid rgba(74,63,192,.3);border-radius:6px;padding:6px 12px;cursor:pointer;font-size:14px;color:#e0e0e0;transition:background .2s,transform .1s;display:flex;align-items:center;justify-content:center}.quick-task-btn:hover{background:var(--brand-core)}.quick-task-btn.btn-save{background:color-mix(in srgb,var(--accent-teal) 10%,transparent);color:var(--accent-teal);border-color:var(--accent-teal)}.quick-task-btn.btn-save:hover{background:color-mix(in srgb,var(--accent-teal) 20%,transparent)}.quick-task-btn.btn-cancel{background:#ff7e5a1a;color:var(--accent-warm);border-color:var(--accent-warm)}.quick-task-btn.btn-cancel:hover{background:#ff7e5a33}.pet-selector-panel{display:flex;flex-direction:column;height:100%;overflow:hidden;color:#e0e0e0}.pet-selector-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-top:4px}.pet-selector-body::-webkit-scrollbar{width:6px;height:6px}.pet-selector-body::-webkit-scrollbar-track{background:transparent}.pet-selector-body::-webkit-scrollbar-thumb{background:var(--accent-teal, #2EDCB8);border-radius:10px}.pet-selector-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding-bottom:4px}.pet-selector-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#0003;cursor:pointer;transition:all .2s ease;position:relative}.pet-selector-card:hover:not(.pet-selector-card--disabled){border-color:#fff3;background:#0000004d;transform:translateY(-2px)}.pet-selector-card:active:not(.pet-selector-card--disabled){transform:scale(.97)}.pet-selector-card--active{border-color:var(--accent-teal);background:#2edcb814}.pet-selector-card--active:hover{border-color:var(--accent-teal);background:#2edcb81f}.pet-selector-card--disabled{opacity:.4;cursor:default;filter:grayscale(40%)}.pet-selector-card--pending{pointer-events:none}.pet-selector-preview{width:56px;height:56px;display:flex;align-items:center;justify-content:center;overflow:hidden}.pet-selector-img{max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated}.pet-selector-name{font-size:11px;font-weight:500;color:#e0e0e0;text-align:center;line-height:1.2}.pet-selector-badge{font-size:9px;font-weight:600;padding:2px 8px;border-radius:6px;line-height:1.3;text-transform:uppercase;letter-spacing:.3px;display:flex;align-items:center;gap:4px}.pet-selector-badge svg{width:10px;height:10px;display:block}.pet-selector-badge--active{background:#2edcb826;color:var(--accent-teal);border:1px solid rgba(46,220,184,.3)}.pet-selector-badge--coming{background:#ff7e5a26;color:var(--accent-warm);border:1px solid rgba(255,126,90,.3)}.pet-selector-badge--price{background:#7b6eff26;color:var(--brand-light);border:1px solid rgba(123,110,255,.3)}.pet-selector-custom-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 8px;border:1px dashed rgba(123,110,255,.4);border-radius:12px;background:#7b6eff08;cursor:pointer;transition:all .2s ease;color:var(--text-secondary, #9CA3AF);font-size:11px}.pet-selector-custom-btn:hover{border-color:var(--brand-light);background:#7b6eff14;color:#e0e0e0}.pet-selector-custom-icon{font-size:20px;display:flex;align-items:center;justify-content:center;color:var(--brand-light)}.pet-selector-custom-icon svg{width:20px;height:20px}.pet-selector-spinner{width:24px;height:24px;border:2px solid rgba(123,110,255,.3);border-top-color:var(--brand-light);border-radius:50%;animation:petSelectorSpin .6s linear infinite}@keyframes petSelectorSpin{to{transform:rotate(360deg)}}.pet-adoption-modal{display:flex;flex-direction:column;align-items:center;padding:8px 4px;gap:12px;height:100%;box-sizing:border-box;text-align:center}.pet-adoption-preview{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center}.pet-adoption-glow{position:absolute;width:120%;height:120%;background:radial-gradient(circle,rgba(123,110,255,.25) 0%,transparent 70%);border-radius:50%;animation:pulseGlow 2s infinite ease-in-out;z-index:0}@keyframes pulseGlow{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.pet-adoption-preview .pet-selector-img{position:relative;z-index:1;width:75%;height:75%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.pet-adoption-name{font-size:15px;font-weight:600;color:#fff;margin:0}.pet-adoption-desc{font-size:12px;color:var(--text-secondary, #9CA3AF);line-height:1.4;margin:0;padding:0 8px}.pet-adoption-affinities{width:100%;box-sizing:border-box;text-align:center}.pet-adoption-affinities-title{display:block;font-size:11px;color:var(--accent-teal);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.pet-adoption-affinities-list{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.pet-affinity{display:inline-flex;align-items:center;gap:4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:4px 10px;font-size:11px;color:#fff}.pet-affinity svg{width:12px;height:12px}.pet-affinity--like svg{color:var(--accent-teal)}.pet-affinity--dislike svg{color:var(--accent-warm)}.pet-adoption-get-gems,.pet-adoption-confirm{margin-top:auto;width:100%;padding:10px;border-radius:8px;font-weight:600;font-size:13px;border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.pet-adoption-get-gems{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#34d399}.pet-adoption-get-gems:hover{background:#10b98140}.pet-adoption-confirm{background:#7b6eff26;border:1px solid rgba(123,110,255,.3);color:var(--brand-light)}.pet-adoption-confirm:hover{background:#7b6eff40}.pet-adoption-confirm svg{width:14px;height:14px;fill:currentColor}.pet-adoption-confirm--disabled{background:#ffffff08;border-color:#ffffff0f;color:var(--text-secondary, #9CA3AF);cursor:not-allowed}.pet-selector-feedback{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:#000000d9;border:1px solid rgba(255,255,255,.1);color:#fff;padding:6px 16px;border-radius:8px;font-size:11px;transition:opacity .4s ease;pointer-events:none;z-index:10}.minigame-selector-embedded-view{display:flex!important;flex-direction:column!important;width:100%!important;box-sizing:border-box!important}.minigame-selector-embedded-view .pet-selector-header{display:flex;align-items:center;justify-content:center;padding:2px 0 6px;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,.08);width:100%}.minigame-selector-embedded-view .pet-selector-grid{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important;padding:0!important}.minigame-selector-panel .pet-selector-grid{gap:8px}.minigame-card{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.minigame-card:hover{background:#ffffff12;border-color:#8b5cf659;transform:translateY(-1px)}.minigame-card:active{transform:translateY(0)}.minigame-card--disabled{cursor:not-allowed;opacity:.58}.minigame-card--disabled:hover{background:#ffffff08;border-color:#ffffff0f;transform:none}.minigame-card-icon{position:relative;flex-shrink:0;width:38px;height:38px;border-radius:10px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;font-size:20px}.minigame-lock-badge{position:absolute;top:-4px;right:-4px;width:17px;height:17px;background:#ff5c5cf2;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;border:1.5px solid var(--bg-surface, #1e1e24);box-shadow:0 2px 6px #0006}.minigame-lock-badge svg{width:10px;height:10px;stroke:#fff!important}.minigame-status-banner{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#ff7e5a1f;border:1px solid rgba(255,126,90,.3);box-sizing:border-box;width:100%}.minigame-status-banner--rebel{background:#ff7e5a1f;border-color:#ff7e5a59}.minigame-status-banner--warning{background:#ffb8001f;border-color:#ffb80059}.minigame-status-banner__icon{flex-shrink:0;width:32px;height:32px;border-radius:8px;background:#ff7e5a33;display:flex;align-items:center;justify-content:center;color:#ff7e5a}.minigame-status-banner--warning .minigame-status-banner__icon{background:#ffb80033;color:#ffb800}.minigame-status-banner__icon svg{width:18px;height:18px}.minigame-status-banner__content{display:flex;flex-direction:column;gap:2px;min-width:0}.minigame-status-banner__title{font-size:12px;font-weight:700;color:var(--text-primary, #ffffff)}.minigame-status-banner__desc{font-size:11px;color:var(--text-secondary, rgba(255, 255, 255, .7));line-height:1.35}.minigame-card-content{flex:1;min-width:0}.minigame-card-title{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.minigame-card-desc{margin-top:2px;font-size:11px;line-height:1.3;opacity:.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.minigame-card-side{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:4px;min-width:40px}.minigame-view-lb-btn{background:none;border:none;padding:3px;width:22px;height:22px;border-radius:6px;cursor:pointer;color:var(--accent-teal, #2dd4bf);display:flex;align-items:center;justify-content:center;transition:background .15s ease}.minigame-view-lb-btn:hover{background:#ffffff14}.minigame-score{display:flex;align-items:center;gap:3px;font-size:12px;font-weight:700;color:var(--accent-teal, #2dd4bf);white-space:nowrap}.minigame-score--empty{font-weight:400;color:#ffffff4d}.minigame-selector-panel .custom-scrollbar::-webkit-scrollbar{width:5px}.minigame-selector-panel .custom-scrollbar::-webkit-scrollbar-track{background:transparent}.minigame-selector-panel .custom-scrollbar::-webkit-scrollbar-thumb{background:#ff9f408c;border-radius:3px}.wardrobe-search{position:relative;width:100%}.wardrobe-search:before{content:"🔍";position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:12px;opacity:.5;z-index:1;pointer-events:none}.wardrobe-search-input{width:100%;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;padding:10px 12px 10px 32px;box-sizing:border-box;transition:all .2s;outline:none}.wardrobe-search-input:focus{border-color:var(--accent-teal);background:#2edcb80d}.wardrobe-filters{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:var(--accent-teal, #2EDCB8) transparent}.wardrobe-filters::-webkit-scrollbar,.wardrobe-grid::-webkit-scrollbar,.embedded-panel .panel-content::-webkit-scrollbar{width:4px;height:4px}.wardrobe-filters::-webkit-scrollbar-track,.wardrobe-grid::-webkit-scrollbar-track,.embedded-panel .panel-content::-webkit-scrollbar-track{background:transparent}.wardrobe-filters::-webkit-scrollbar-thumb,.wardrobe-grid::-webkit-scrollbar-thumb,.embedded-panel .panel-content::-webkit-scrollbar-thumb{background:var(--accent-teal, #2EDCB8);border-radius:4px}.wardrobe-filters::-webkit-scrollbar-thumb:hover,.wardrobe-grid::-webkit-scrollbar-thumb:hover,.embedded-panel .panel-content::-webkit-scrollbar-thumb:hover{background:#50eacb}.wardrobe-filter-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff9;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s}.wardrobe-filter-btn:hover{background:#ffffff1a;color:#fff}.wardrobe-filter-btn.active{background:#2edcb826;border-color:var(--accent-teal);color:var(--accent-teal)}.wardrobe-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;align-content:start;padding-bottom:12px}.wardrobe-card{display:flex;flex-direction:column;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;min-height:150px;box-sizing:border-box}.wardrobe-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.wardrobe-card--equipped{border-color:var(--accent-teal);background:#2edcb80d}.wardrobe-card--common{border-top:3px solid rgba(255,255,255,.2)}.wardrobe-card--rare{border-top:3px solid #2EDCB8}.wardrobe-card--epic{border-top:3px solid #b57bee}.wardrobe-card--legendary{border-top:3px solid #FFD700;background:linear-gradient(180deg,#ffd7000d,#ffffff08)}.wardrobe-preview{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;padding-top:16px}.wardrobe-img{width:65px;height:65px;object-fit:contain;image-rendering:pixelated;z-index:1}.wardrobe-slot-label{position:absolute;top:6px;left:8px;z-index:2;background:#0009;padding:2px 6px;border-radius:4px;text-transform:uppercase;font-size:8px;color:#ffffffb3}.wardrobe-preview-info{width:100%;padding:8px 4px;text-align:center;z-index:3;margin-top:auto;box-sizing:border-box}.wardrobe-card-footer{padding:8px;background:#0003;border-top:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box}.wardrobe-color-dots{display:flex;gap:4px;justify-content:center;padding:6px;z-index:3;flex-wrap:wrap;position:absolute;bottom:30px;width:100%}.wardrobe-dot{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.2);cursor:pointer;transition:all .15s;padding:0}.wardrobe-dot:hover{transform:scale(1.2);border-color:#fff}.wardrobe-dot--active{border-color:#fff;transform:scale(1.2)}.wardrobe-dot--owned{border-color:var(--accent-teal)}.wardrobe-dot:not(.wardrobe-dot--owned){opacity:.5}.wardrobe-badge{font-size:10px;font-weight:700;padding:4px 8px;border-radius:6px;text-transform:uppercase}.wardrobe-badge--equipped{background:var(--accent-teal);color:#000}.wardrobe-badge--owned{background:#2edcb833;color:var(--accent-teal)}.wardrobe-badge--locked{background:#ffffff1a;color:#ffffff80}.wardrobe-badge--buy{background:#7b6eff33;color:var(--brand-light)}.wardrobe-badge--free{background:#2edcb81a;color:var(--accent-teal)}.wardrobe-badge--confirm{background:#ffb800;color:#000}.wardrobe-discount-pill{position:absolute;top:6px;right:6px;font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;background:#ff4757;color:#fff;z-index:2}.wardrobe-card--pending-purchase{border-color:#ffb800;background:#ffb8000d}.wardrobe-preview-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#0009;z-index:2}.wardrobe-overlay--equipped{color:var(--accent-teal)}.wardrobe-overlay--locked{color:#fff6}.wardrobe-pagination{display:flex;align-items:center;justify-content:center;gap:16px}#wardrobe-pagination-container{margin-top:12px;padding-top:12px;padding-bottom:4px;border-top:1px solid rgba(255,255,255,.08)}.wardrobe-page-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.wardrobe-page-btn:hover:not(:disabled){background:#ffffff26}.wardrobe-page-btn:disabled{opacity:.3;cursor:not-allowed}.wardrobe-search,.wardrobe-filters{flex-shrink:0;min-height:38px}.quest-panel{display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#e0e0e0;padding:16px}.quest-list-content{flex:1;overflow-y:auto;overflow-x:hidden;padding-top:16px}.quest-empty-state{text-align:center;padding:20px;color:var(--text-secondary);margin-top:20px}.quest-list{display:flex;flex-direction:column;gap:12px}.quest-item{background:#ffffff0d;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px;position:relative;border:1px solid rgba(255,255,255,.05)}.quest-item.completed{background:color-mix(in srgb,var(--accent-teal) 10%,transparent);border-color:color-mix(in srgb,var(--accent-teal) 30%,transparent)}.quest-item-top{display:flex;justify-content:space-between;align-items:flex-start}.quest-item-title-wrapper{display:flex;align-items:center;gap:6px}.quest-item-title{font-size:13px;font-weight:500;max-width:160px}.quest-tooltip-icon{width:14px;height:14px;opacity:.6;cursor:help;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.quest-tooltip-icon:hover{opacity:1}.quest-item-reward{font-size:12px;color:var(--accent-teal, #2EDCB8);font-weight:700;display:flex;align-items:center;gap:4px}.quest-item-progress-wrap{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;position:relative;margin-top:4px}.quest-item-progress-fill{height:100%;background:var(--accent-teal, #2EDCB8);transition:width .3s ease}.quest-item-text{font-size:11px;color:var(--text-secondary, #aaa);text-align:right;margin-top:2px}.quest-reroll-btn{background:#0000004d;border:1px solid rgba(255,255,255,.1);color:var(--text-primary, #fff);border-radius:6px;font-size:11px;padding:4px 8px;cursor:pointer;align-self:flex-start;margin-top:4px;transition:background .2s}.quest-reroll-btn:hover{background:#ffffff1a}.quest-reroll-btn.confirm{background:var(--accent-warm, #ff7e5a);border-color:var(--accent-warm, #ff7e5a)}.quest-reroll-btn.disabled{opacity:.5;pointer-events:none}.custom-pets-panel{--cp-primary: var(--brand-light, #a855f7);--cp-primary-glow: rgba(168, 85, 247, .5);--cp-highlight: var(--accent-teal, #ec4899);--cp-highlight-glow: rgba(236, 72, 153, .35);--cp-success: #10b981;--cp-danger: #ef4444;--cp-surface: #1f2023;--cp-surface-raised: rgba(255, 255, 255, .05);--cp-border: rgba(255, 255, 255, .1);--cp-text: #ffffff;--cp-text-dim: #a1a1aa;display:flex;flex-direction:column;height:100%;overflow:hidden}.custom-pets-panel .pet-selector-header{display:flex;align-items:center;width:100%}.custom-pets-panel .pet-selector-title{flex:1}.custom-pets-panel__subtitle{margin:-4px 0 0;padding:0 15px 10px;font-size:10.5px;color:var(--cp-text-dim);text-align:center}.cp-features{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 15px 12px}.cp-feature{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:10px 4px;border-radius:10px;background:var(--cp-surface-raised);border:1px solid var(--cp-border)}.cp-feature svg{width:18px;height:18px}.cp-feature__label{font-size:9px;line-height:1.25;color:var(--cp-text-dim);font-weight:600}.cp-tracker{padding:15px 15px 5px;background:var(--cp-surface-raised);border-bottom:1px solid var(--cp-border)}.cp-tracker__title{text-align:center;font-size:11px;letter-spacing:.04em;color:var(--cp-text-dim);margin-bottom:15px;font-weight:700}.cp-tracker__rail{position:relative;display:flex;justify-content:space-between;align-items:flex-start;max-width:280px;margin:0 auto}.cp-tracker__track,.cp-tracker__progress{position:absolute;top:11px;left:30px;height:2px;z-index:0}.cp-tracker__track{right:30px;background:var(--cp-border)}.cp-tracker__progress{background:var(--cp-primary);transition:width .5s ease}.cp-tracker__step{display:flex;flex-direction:column;align-items:center;z-index:1;width:60px}.cp-tracker__dot{width:24px;height:24px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:700;color:#aaa;background:var(--cp-border)}.cp-tracker__dot svg{width:12px;height:12px}.cp-tracker__step--active .cp-tracker__dot{background:var(--cp-primary);color:var(--cp-text)}.cp-tracker__step--current .cp-tracker__dot{box-shadow:0 0 10px var(--cp-primary-glow)}.cp-tracker__label{font-size:9px;margin-top:6px;color:var(--cp-text-dim);text-align:center}.cp-tracker__step--active .cp-tracker__label{color:var(--cp-text)}.cp-tracker__step--current .cp-tracker__label{font-weight:700}.custom-pets-body{padding:15px;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.cp-intro{color:var(--cp-text-dim);font-size:11px;margin-top:0;text-align:center;margin-bottom:15px;line-height:1.4;padding:0 10px}.custom-pets-panel .pet-selector-card.custom-pet-card-btn{position:relative;cursor:pointer;transition:transform .2s;height:100%;min-height:125px;box-sizing:border-box}.custom-pets-panel .pet-selector-card.custom-pet-card-btn:hover{transform:scale(1.05)}.custom-pets-panel .pet-selector-card.custom-pet-card-btn--approve{box-shadow:0 0 10px var(--cp-highlight-glow);border-color:#ec489980}.custom-pets-panel .pet-selector-img{border-radius:8px;width:64px;height:64px;object-fit:cover}.cp-status{display:inline-flex;align-items:center;gap:3px;font-size:9px}.cp-status svg{width:10px;height:10px}.cp-add-card{cursor:pointer;position:relative;border-radius:10px;padding:1px;height:100%;min-height:125px;box-sizing:border-box;background:linear-gradient(135deg,var(--cp-primary),var(--cp-highlight),var(--cp-primary));background-size:200% 200%;animation:cp-gradient-pan 6s ease infinite}.cp-add-card__inner{height:100%;border-radius:9px;background:#1a1b1e;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:10px}.cp-add-card__icon{color:var(--cp-primary);display:flex}.cp-add-card__icon svg{width:26px;height:26px}.cp-add-card__label{font-size:11px;font-weight:600;color:var(--cp-text)}.cp-add-card__sub{font-size:9px;color:var(--cp-text-dim)}.custom-pets-link-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1.2;padding:4px 6px;border-radius:6px}.custom-pets-link-btn svg{width:16px;height:16px;flex-shrink:0}.custom-pets-inline-notice{margin:0 0 12px;padding:9px 10px;border-radius:8px;font-size:11px;line-height:1.35;border:1px solid transparent}.custom-pets-inline-notice--error{color:#fecaca;background:#7f1d1d59;border-color:#f8717173}.custom-pets-inline-notice--success{color:#bbf7d0;background:#064e3b59;border-color:#34d39973}@keyframes cp-gradient-pan{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.cp-spinner{width:24px;height:24px;border:3px solid var(--cp-primary-glow);border-top-color:var(--cp-primary);border-radius:50%;animation:cp-spin 1s linear infinite}@keyframes cp-spin{to{transform:rotate(360deg)}}.cp-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000c7;z-index:100;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:inherit;padding:16px;box-sizing:border-box;overflow:hidden}.cp-modal{background:var(--cp-surface, #1e1f24);border:1px solid var(--cp-border, rgba(255, 255, 255, .12));border-radius:14px;padding:22px 18px 18px;width:100%;max-width:320px;max-height:calc(100% - 20px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent;position:relative;box-shadow:0 12px 36px #0009;text-align:center;box-sizing:border-box}.cp-modal::-webkit-scrollbar{width:4px}.cp-modal::-webkit-scrollbar-track{background:transparent}.cp-modal::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.cp-modal__close{position:absolute;top:12px;right:12px;background:var(--cp-surface-raised, rgba(255, 255, 255, .08));border:none;color:var(--cp-text-dim, rgba(255, 255, 255, .7));border-radius:50%;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.cp-modal__close:hover{background:#ffffff26;color:var(--cp-text, #fff)}.cp-modal__close svg{width:13px;height:13px}.cp-modal__title{margin:0 0 8px;font-size:14.5px;font-weight:700}.cp-modal__title--danger{color:var(--cp-danger)}.cp-modal__title--success{color:var(--cp-success)}.cp-modal__text{color:var(--cp-text-dim);font-size:11.5px;line-height:1.45;margin-bottom:14px}.cp-textarea{width:100%;background:var(--cp-surface-raised, rgba(255, 255, 255, .05));border:1px solid var(--cp-border, rgba(255, 255, 255, .12));border-radius:8px;padding:10px 12px;color:var(--cp-text, #fff);font-family:inherit;font-size:11.5px;line-height:1.4;resize:none;box-sizing:border-box;margin-bottom:12px;transition:border-color .2s,box-shadow .2s}.cp-textarea:focus{outline:none;border-color:var(--accent-teal, #2EDCB8);box-shadow:0 0 0 2px #2edcb833}.cp-btn{width:100%;border:none;border-radius:8px;padding:10px;font-weight:700;cursor:pointer;font-family:inherit;font-size:12px;box-sizing:border-box}.cp-btn--ghost{background:var(--cp-surface-raised);color:var(--cp-text)}.cp-btn--primary{background:linear-gradient(135deg,var(--cp-primary),var(--cp-highlight));color:#fff!important;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;text-decoration:none;border-radius:10px;box-shadow:0 4px 15px #0000004d;transition:transform .2s,box-shadow .2s}.cp-btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--cp-primary-glow)}.cp-btn--secondary{background:transparent;color:var(--cp-text);border:1px solid var(--cp-border);display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s,border-color .2s}.cp-btn--secondary:hover{background:#ffffff0d;border-color:var(--cp-text-dim)}.cp-btn--secondary svg{width:14px;height:14px;fill:currentColor}.cp-btn--text{background:transparent;color:var(--cp-text-dim);font-size:12px;text-decoration:underline;margin-top:5px;padding:5px}.cp-btn-row{display:flex;flex-direction:column;gap:10px}.cp-btn-row--split{flex-direction:row}.cp-btn-row--split .cp-btn{flex:1}.cp-carousel-container{position:relative;margin-bottom:12px}.cp-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:5px;scrollbar-width:none}.cp-carousel::-webkit-scrollbar{display:none}.cp-carousel__slide{flex:0 0 100%;scroll-snap-align:center;display:flex;justify-content:center}.cp-carousel__frame{width:100%;max-width:200px;height:180px;padding:2px;border-radius:12px;background:linear-gradient(135deg,#7b6eff80,#4ade8066,#7b6eff33);display:flex;align-items:center;justify-content:center}.cp-carousel__img{width:100%;height:100%;object-fit:contain;background:#1a1b1e;border-radius:10px;padding:10px}.cp-carousel-dots{display:flex;justify-content:center;gap:6px;margin-bottom:15px}.cp-carousel__dot{width:6px;height:6px;border-radius:50%;background:#fff3;border:none;padding:0;cursor:pointer;transition:background .3s,transform .3s}.cp-carousel__dot.active{background:var(--cp-highlight);transform:scale(1.3)}.cp-carousel-empty{text-align:center;color:var(--cp-text-dim);font-size:11px;margin-bottom:15px;padding:20px;background:var(--cp-surface-raised);border-radius:6px}.cp-input{width:100%;background:#0003;border:1px solid var(--cp-border);border-radius:6px;color:var(--cp-text);padding:10px;font-family:inherit;font-size:12px;margin-bottom:15px;box-sizing:border-box}.custom-pets-panel .pet-adoption-modal{flex:1;overflow-y:auto;padding-top:10px}@media (prefers-reduced-motion: reduce){.cp-add-card,.cp-spinner{animation:none}}.cp-price-tag{font-size:14px;font-weight:700;color:var(--brand-light);margin-bottom:25px;padding:8px 16px;background:#a855f71a;border:1px solid rgba(168,85,247,.3);border-radius:8px;display:inline-block}.cp-how-it-works{text-align:left;width:100%;margin:0 0 20px;background:var(--cp-surface-raised);border:1px solid var(--cp-border);border-radius:10px;padding:14px;box-sizing:border-box}.cp-hiw-title{font-size:11px;font-weight:600;color:var(--cp-text);margin-bottom:15px;text-transform:uppercase;letter-spacing:.5px;text-align:center}.cp-hiw-steps{display:flex;flex-direction:column;gap:12px}.cp-hiw-step{display:flex;align-items:flex-start;gap:10px}.cp-hiw-step-number{flex-shrink:0;width:18px;height:18px;border-radius:50%;background:var(--cp-primary);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.cp-hiw-step-text{font-size:11px;color:var(--cp-text-dim);line-height:1.4;margin-top:1px}.cp-carousel__anim-badge{position:absolute;top:8px;left:8px;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:3px 8px;font-size:10px;font-weight:600;color:#fff;display:inline-flex;align-items:center;gap:4px;z-index:2;box-shadow:0 2px 6px #00000059}.cp-carousel__video{width:100%;height:100%;object-fit:contain;background:#1a1b1e;border-radius:10px;padding:6px;box-sizing:border-box}.cp-pitch-card{background:linear-gradient(135deg,#a855f714,#ffffff08);border:1px solid rgba(168,85,247,.25);border-radius:10px;padding:12px 14px;margin-top:4px;margin-bottom:12px;box-sizing:border-box;text-align:left}.cp-pitch-card__header{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--cp-primary, #a855f7);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.cp-pitch-card__header svg{width:13px;height:13px}.cp-pitch-card__text{font-size:11.5px;color:#f1f5f9;line-height:1.45}.cp-anims-card{background:var(--cp-surface-raised);border:1px solid var(--cp-border);border-radius:10px;padding:12px 14px;margin-top:6px;box-sizing:border-box;text-align:left}.cp-anims-card__header{font-size:10.5px;font-weight:700;color:var(--cp-text);margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}.cp-anims-card__count{font-size:9.5px;color:var(--cp-success, #10b981);font-weight:600;background:#10b9811f;border:1px solid rgba(16,185,129,.25);padding:2px 6px;border-radius:999px}.cp-anims-grid{display:flex;flex-wrap:wrap;gap:6px}.cp-anim-pill{display:inline-flex;align-items:center;gap:5px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:4px 8px;font-size:10.5px;font-weight:500;color:var(--cp-text)}.cp-anim-pill__dot{width:5px;height:5px;border-radius:50%;background:var(--cp-success, #10b981)}.cp-hero-banner{position:relative;width:100%;border-radius:14px;overflow:hidden;background:#0f1015;border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 24px #00000073;margin-bottom:18px;display:flex;flex-direction:column;box-sizing:border-box;flex-shrink:0}.cp-hero-banner--compact{border-radius:12px;margin-bottom:12px;flex-shrink:0}.cp-hero-banner__video-wrap{position:relative;width:100%;height:165px;min-height:165px;overflow:hidden;background:radial-gradient(circle at center,#1e1b4b,#0a0a0f);flex-shrink:0}.cp-hero-banner--compact .cp-hero-banner__video-wrap{height:130px;min-height:130px}.cp-hero-banner__video{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.92);transition:filter .3s ease}.cp-hero-banner:hover .cp-hero-banner__video{filter:brightness(1)}.cp-hero-banner__gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0f101533,#0f101599 65%,#0f1015fa);pointer-events:none}.cp-hero-banner__content{position:relative;padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;background:#0f1015}.cp-hero-banner--compact .cp-hero-banner__content{padding:10px 12px;gap:6px}.cp-hero-banner--studio .cp-hero-banner__content{padding:8px 10px 10px;gap:0}.cp-hero-banner--studio .cp-hero-banner__cta-btn{margin-top:0}.cp-hero-banner__badge-pill{position:absolute;top:10px;left:10px;z-index:10;display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:600;letter-spacing:.25px;color:#fff;background:#0f1015a6;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:3px 9px;border-radius:9999px;box-shadow:0 4px 12px #00000059;transition:opacity .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1);pointer-events:none}.cp-hero-banner__badge-pill--fade{opacity:0;transform:translateY(-3px)}.cp-hero-banner__text-wrap{display:flex;flex-direction:column;gap:2px}.cp-hero-banner__title{font-size:14px;font-weight:700;color:#fff;line-height:1.25;letter-spacing:-.2px}.cp-hero-banner__subtitle{font-size:11px;color:#ffffffb3;line-height:1.4}.cp-hero-banner__cta-btn{margin-top:4px;display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:9px 12px;border-radius:8px;background:#fff;color:#0b0c10;font-size:12px;font-weight:700;border:none;cursor:pointer;transition:transform .15s ease,background .15s ease,box-shadow .15s ease;box-shadow:0 4px 12px #ffffff26}.cp-hero-banner__cta-btn:hover{background:#f1f5f9;transform:translateY(-1px);box-shadow:0 6px 16px #ffffff40}.cp-hero-banner__cta-btn:active{transform:translateY(0)}.hub-custom-pet-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0f1016f5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:300;border-radius:14px;padding:16px 14px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;overflow-y:auto}.hub-custom-pet-overlay.active{opacity:1;visibility:visible}.cp-quote-modal-inner{width:100%;display:flex;flex-direction:column;position:relative}.cp-quote-modal__close{position:absolute;top:0;right:0;left:auto;width:28px;height:28px;background:#ffffff1a;border:none;border-radius:50%;color:var(--cp-text-dim, #a1a1aa);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:background .2s,color .2s;z-index:10}.cp-quote-modal__close:hover{background:#fff3;color:#fff}.vp-hide-tutorial{position:fixed;top:20px;right:80px;z-index:2147483647;width:250px;background:linear-gradient(135deg,var(--brand-core, #4A3FC0),var(--brand-light, #7B6EFF));border:none;border-radius:16px;box-shadow:0 8px 24px #4a3fc066;font-family:var(--font-family, "Outfit", "Inter", sans-serif);color:#fff;transform:translateY(-20px);opacity:0;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s ease;pointer-events:none}.vp-hide-tutorial.visible{transform:translateY(0);opacity:1;pointer-events:auto}.vp-hide-tutorial-arrow{position:absolute;top:-8px;right:20px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid var(--brand-core, #4A3FC0)}.vp-hide-tutorial-content{padding:var(--spacing-sm);display:flex;flex-direction:column;gap:8px}.vp-hide-tutorial-header{display:flex;align-items:center;gap:6px;font-size:16px;font-weight:600;color:#fff}.vp-hide-tutorial-icon{font-size:18px}.vp-hide-tutorial-steps{display:flex;flex-direction:column;gap:8px;margin:8px 0}.vp-tutorial-step{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#ffffffe6;line-height:1.4;font-weight:500}.vp-step-num{background:#fff;color:var(--brand-core, #4A3FC0);font-size:11px;font-weight:700;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 4px #00000026}.vp-hide-tutorial-close{align-self:flex-end;background:var(--accent-teal, #2EDCB8);color:var(--dark-bg, #0D0D1A);border:none;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:transform .2s ease,filter .2s ease;box-shadow:0 2px 8px color-mix(in srgb,var(--accent-teal) 40%,transparent);margin-top:4px}.vp-hide-tutorial-close:hover{transform:scale(1.05);filter:brightness(1.1)}.share-preview-container{width:100%;height:180px;min-height:180px;flex-shrink:0;background-color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px dashed rgba(123,110,255,.3)}.share-preview-video{width:100%;height:100%;object-fit:contain}.share-loading{display:flex;flex-direction:column;align-items:center;gap:12px;color:#8a8aa3;font-size:12px}.share-spinner{width:24px;height:24px;border:3px solid rgba(123,110,255,.3);border-top-color:var(--brand-light, #7b6eff);border-radius:50%;animation:share-spin 1s linear infinite}@keyframes share-spin{to{transform:rotate(360deg)}}.share-input-group{width:100%}.share-hashtag-input{width:100%;padding:10px;border-radius:8px;background:#0003;border:1px solid rgba(255,255,255,.1);color:#fff;font-family:inherit;box-sizing:border-box}.share-hashtag-input:focus{border-color:var(--brand-light, #7b6eff);outline:none}.share-actions{width:100%;gap:8px;margin-top:auto}.share-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border-radius:6px;font-size:11px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;border:none;transition:all .2s ease}.share-btn svg{width:16px;height:16px;display:block}.share-btn-primary{background-color:var(--brand-light, #7b6eff);color:#fff}.share-btn-primary:hover{background-color:#9a8cff;transform:translateY(-1px)}.share-btn-secondary{background:var(--surface-ui, #2a2a3c);color:#e0e0e0;border:1px solid rgba(74,63,192,.5)}.share-btn-secondary:hover{background:#7b6eff33}.hub-info-module{display:none;text-align:center;padding:12px 16px;background:#ffffff05;border:1px dashed rgba(255,255,255,.1);border-radius:12px;font-size:11px;font-weight:500;color:var(--text-secondary);margin-top:8px;line-height:1.4;text-transform:none!important;font-style:normal!important;transition:all .3s ease}.hub-info-module.hub-info-module--visible{display:block}.hub-info-module-content{display:flex;align-items:center;justify-content:center;gap:4px}.hub-info-module-warning{color:var(--accent-red, #ff6666);font-weight:700}.hub-info-icon-neon{display:inline-flex;width:12px;height:12px;align-items:center;justify-content:center;animation:neon-pulse 1.5s infinite}.hub-info-icon-teal{color:var(--accent-teal, #2EDCB8);display:inline-flex;width:12px;height:12px;align-items:center;justify-content:center}.hub-info-carousel-item{width:100%;animation:fade-in-out 4s infinite}@keyframes fade-in-out{0%{opacity:0;transform:translateY(2px)}10%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}90%{opacity:0;transform:translateY(-2px)}to{opacity:0;transform:translateY(-2px)}}.hub-info-urgent{animation:none;opacity:1}.habits-panel{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#e0e0e0}.habits-list{display:flex;flex-direction:column;gap:12px}.habit-card{background:#ffffff0d;border-radius:12px;padding:12px;display:flex;align-items:center;gap:10px;position:relative;border:1px solid rgba(255,255,255,.05);transition:background .3s,border-color .3s,opacity .3s}.habit-card.completed{background:color-mix(in srgb,var(--accent-teal) 10%,transparent);border-color:color-mix(in srgb,var(--accent-teal) 30%,transparent)}.habit-card.inactive-today{opacity:.5}.habit-card-actions{position:absolute;right:-8px;top:-8px;display:flex;gap:4px;opacity:0;transition:opacity .2s;pointer-events:none}.habit-card:hover .habit-card-actions{opacity:1;pointer-events:auto}.habit-card-action-btn{width:24px;height:24px;border-radius:50%;background:var(--surface-ui);border:1px solid var(--brand-core);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);transition:background .2s}.habit-card-action-btn:hover{background:var(--brand-light)}.habit-card-action-btn.delete:hover{background:var(--accent-warm);border-color:var(--accent-warm)}.habit-card-action-btn svg{width:12px;height:12px}.habit-check-wrapper{flex-shrink:0;width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center}.habit-check{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.3);box-sizing:border-box;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center}.habit-card.completed .habit-check{background:var(--accent-teal);border-color:var(--accent-teal);animation:habit-check-bounce .4s}.habit-check svg{width:12px;height:12px;stroke:var(--dark-bg);opacity:0;transition:opacity .2s,transform .2s;transform:scale(.5)}.habit-card.completed .habit-check svg{opacity:1;transform:scale(1)}.habit-check-wrapper:hover .habit-check:not(.completed){border-color:#fff9}.habit-content{flex:1;display:flex;flex-direction:column;min-width:0}.habit-name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s}.habit-card.completed .habit-name{color:var(--text-secondary);text-decoration:line-through}.habit-streak{font-size:11px;color:var(--accent-warm, #ff7e5a);font-weight:700;display:flex;align-items:center;gap:4px}.habit-streak.hidden{display:none}.habit-add-slot{background:#ffffff05;border:1px dashed rgba(255,255,255,.2);border-radius:12px;padding:12px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-size:13px;color:var(--text-secondary);transition:background .2s,color .2s}.habit-add-slot:hover{background:#ffffff0d;color:var(--text-primary);border-color:#fff6}.virtual-pet-quick-habit{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#e0e0e0}.quick-habit-input{width:100%;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 12px;font-size:13px;font-family:inherit;outline:none;box-sizing:border-box;background:#0003;color:#e0e0e0;transition:border-color .2s ease,background .2s ease}.quick-habit-input:focus{border-color:var(--brand-light, #7B6EFF);background:#7b6eff0d}.qh-reminder-time::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.6;cursor:pointer}.qh-reminder-time::-webkit-calendar-picker-indicator:hover{opacity:1}.quick-habit-section-label{font-size:12px;color:var(--text-secondary);margin-bottom:-4px}.quick-habit-days{display:flex;gap:6px;justify-content:space-between}.qh-day{flex:1;aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#ffffff80;font-family:Inter,sans-serif;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1)}.qh-day:hover{border-color:#fff3;color:#fff;background:#ffffff1a}.qh-day.active{background:var(--accent-teal, #2EDCB8);border-color:var(--accent-teal, #2EDCB8);color:var(--dark-bg, #0d0d1a);box-shadow:0 2px 6px #2edcb833}.quick-habit-reminder-row{display:flex;align-items:center;justify-content:space-between;background:#ffffff08;padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.qh-reminder-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.quick-habit-actions{display:flex;justify-content:flex-end;gap:8px}.quick-habit-btn{background:var(--surface-ui);border:1px solid rgba(74,63,192,.3);border-radius:6px;padding:6px 12px;cursor:pointer;font-size:14px;color:#e0e0e0;transition:background .2s,transform .1s;display:flex;align-items:center;justify-content:center}.quick-habit-btn:hover{background:var(--brand-core)}.quick-habit-btn.btn-save{background:color-mix(in srgb,var(--accent-teal) 10%,transparent);color:var(--accent-teal);border-color:var(--accent-teal)}.quick-habit-btn.btn-save:hover{background:color-mix(in srgb,var(--accent-teal) 20%,transparent)}.quick-habit-btn.btn-cancel{background:#ff7e5a1a;color:var(--accent-warm);border-color:var(--accent-warm)}.quick-habit-btn.btn-cancel:hover{background:#ff7e5a33}.quick-habit-btn svg{width:16px;height:16px;display:block}@keyframes habit-check-bounce{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}#pet-pomodoro-badge{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background:#1a1a2e;border:1px solid #7B6EFF;border-radius:12px;padding:4px 8px;display:flex;align-items:center;gap:6px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:600;color:var(--text-primary);box-shadow:0 4px 12px #00000080;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:100}#pet-pomodoro-badge.visible{opacity:1}#pet-pomodoro-badge[data-status=work] .pomodoro-time{color:var(--accent-warm)}#pet-pomodoro-badge[data-status=shortBreak] .pomodoro-time,#pet-pomodoro-badge[data-status=longBreak] .pomodoro-time{color:var(--accent-teal)}.virtual-pet-pomodoro-panel{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#e0e0e0}.pomodoro-input-group{display:flex;flex-direction:column;gap:6px}.pomodoro-settings-row{display:flex;gap:8px}.pomodoro-settings-row .pomodoro-input-group{flex:1}.pomodoro-input{width:100%;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 12px;font-size:13px;font-family:inherit;outline:none;box-sizing:border-box;background:#0003;color:#e0e0e0;transition:border-color .2s ease,background .2s ease}.pomodoro-input:focus{border-color:var(--brand-light, #7B6EFF);background:#7b6eff0d}.pomodoro-label{font-size:12px;color:var(--text-secondary, #9CA3AF);margin-bottom:-2px}.pomodoro-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;margin-top:4px}.pomodoro-toggle input[type=checkbox]{accent-color:var(--accent-teal, #2EDCB8);width:16px;height:16px;cursor:pointer}.pomodoro-btn{background:color-mix(in srgb,var(--accent-teal, #2EDCB8) 10%,transparent);color:var(--accent-teal, #2EDCB8);border:1px solid var(--accent-teal, #2EDCB8);border-radius:6px;padding:8px 12px;cursor:pointer;font-size:14px;transition:background .2s,transform .1s;display:flex;align-items:center;justify-content:center}.pomodoro-btn:hover{background:color-mix(in srgb,var(--accent-teal, #2EDCB8) 20%,transparent)}.leaderboard-header{text-align:center;margin-bottom:12px;border-bottom:2px solid var(--border-color, #eee);padding-bottom:8px}.leaderboard-header h3{margin:0;color:var(--text-main, #333);font-size:16px;font-weight:700}.leaderboard-list{list-style:none;padding:0;margin:0;max-height:250px;overflow-y:auto}.leaderboard-item{display:flex;justify-content:space-between;align-items:center;padding:8px;border-bottom:1px solid var(--border-light, #f0f0f0);font-size:14px;color:var(--text-secondary, #555)}.leaderboard-item:last-child{border-bottom:none}.rank-number{font-weight:700;width:30px}.player-id{flex-grow:1;text-align:left;margin-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-score{font-weight:700;color:var(--brand-main, #007bff)}.leaderboard-avatar-shell{background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.leaderboard-avatar-canvas{width:100%;height:100%;display:block;pointer-events:none}.rank-1{background-color:#ffd7001a;color:#b8860b}.rank-1 .rank-number{color:gold;font-size:16px}.rank-1 .player-score{color:#b8860b}.rank-2{background-color:#c0c0c01a;color:#708090}.rank-2 .rank-number{color:silver;font-size:15px}.rank-2 .player-score{color:#708090}.rank-3{background-color:#cd7f321a;color:#8b4513}.rank-3 .rank-number{color:#cd7f32;font-size:15px}.rank-3 .player-score{color:#8b4513}.leaderboard-loading,.leaderboard-error,.leaderboard-empty{text-align:center;padding:20px;font-size:14px;color:var(--text-muted, #888)}.leaderboard-error{color:var(--danger-color, #dc3545)}.game-over-leaderboard-overlay{position:absolute;top:50%;right:20px;transform:translateY(-50%);width:300px;background-color:#1e1e24f2;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:15px;box-shadow:0 10px 30px #00000080;z-index:1000;color:#fff}.virtual-pet-productivity-dashboard{color:#e0e0e0;width:100%;height:100%;display:flex;flex-direction:column}.pd-grid{display:flex;flex-direction:column;gap:12px;width:100%}.pd-row{display:flex;gap:12px;width:100%;flex-wrap:wrap}.pd-row.pd-row-hero,.pd-row.pd-row-wide{flex-direction:column}.pd-row.pd-row-split{align-items:stretch}.pd-card-full{width:100%}.pd-card-half{flex:1 1 0;min-width:0}.pd-card-pet{align-items:flex-start;text-align:left}.pd-card{background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;transition:background .2s,border-color .2s}.pd-card:hover{background:#00000040;border-color:#ffffff26}.pd-card-locked{opacity:.6;filter:saturate(.5);pointer-events:none}.pd-card-label{display:flex;align-items:flex-start;gap:8px;font-size:13px;font-weight:600;color:var(--text-secondary, #9CA3AF);margin:0;line-height:1.4}.pd-card-label .icon-sm{flex-shrink:0;margin-top:1px}.pd-card-label span{flex:1}.pd-sync-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:12px;border:1px solid rgba(46,220,184,.2);background:#2edcb814}.pd-sync-banner-title{display:flex;align-items:center;gap:8px;color:var(--accent-teal);font-size:13px;font-weight:600}.pd-sync-banner-cta{background:#2edcb826;border:1px solid rgba(46,220,184,.3);border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;color:var(--accent-teal);cursor:pointer;transition:all .2s}.pd-sync-banner-cta:hover{background:#2edcb840}.pd-pet-hero-row{display:flex;align-items:center;gap:16px;width:100%}.pd-pet-avatar--hero{width:56px;height:56px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.pd-pet-avatar-image{width:100%;height:100%;object-fit:contain}.pd-pet-copy{display:flex;flex-direction:column;gap:4px}.pd-pet-name{font-weight:600;font-size:15px;margin:0;color:#fff}.pd-pet-subtitle{font-size:12px;color:var(--text-secondary, #9CA3AF);margin:0}.pd-empty{font-size:13px;color:var(--text-secondary, #9CA3AF);padding:24px 16px;text-align:center;border:1px dashed rgba(255,255,255,.15);border-radius:8px;background:#00000026;display:flex;align-items:center;justify-content:center}.pd-section-header{display:flex;align-items:center;justify-content:space-between}.pd-section-link{background:none;border:none;color:var(--brand-light, #7B6EFF);font-size:12px;cursor:pointer}.pd-habit-row{margin-bottom:12px}.pd-habit-row:last-child{margin-bottom:0}.pd-habit-row-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.pd-habit-name{font-size:13px;color:#e0e0e0}.pd-streak-badge{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-secondary, #9CA3AF);background:#ffffff0d;padding:2px 6px;border-radius:6px}.pd-streak-hot{color:var(--accent-warm);background:#ff7e5a1a;border:1px solid rgba(255,126,90,.2)}.pd-heatmap{display:flex;gap:6px}.pd-heatmap-cell{width:16px;height:16px;border-radius:4px;background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff0d;flex-shrink:0}.pd-heatmap-done{background:var(--accent-teal, #2EDCB8)}.pd-bars{display:flex;align-items:flex-end;gap:8px;height:80px}.pd-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.pd-bar-track{width:100%;height:100%;display:flex;flex-direction:column-reverse;border-radius:4px;overflow:hidden;background:#ffffff0d}.pd-bar-focus{background:var(--brand-light, #7B6EFF);width:100%;transition:height .3s}.pd-bar-distraction{background:var(--accent-warning, #E2574C);width:100%;transition:height .3s}.pd-bar-label{font-size:11px;color:var(--text-secondary, #9CA3AF);margin-top:6px}.pd-legend{display:flex;gap:16px;font-size:11px;color:var(--text-secondary, #9CA3AF);justify-content:center}.pd-legend-dot{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px}.pd-legend-focus{background:var(--brand-light, #7B6EFF)}.pd-legend-distraction{background:var(--accent-warning, #E2574C)}.pd-tl-item{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:12px}.pd-tl-item:last-child{border-bottom:none;padding-bottom:0}.pd-tl-text{flex:1;color:#e0e0e0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 8px}.pd-tl-date{color:var(--text-secondary, #9CA3AF);width:50px;flex-shrink:0}.pd-tl-badge{font-size:10px;padding:2px 8px;border-radius:12px;font-weight:600}.pd-tl-ok{background:#2edcb826;color:var(--accent-teal)}.pd-tl-fail{background:#e2574c26;color:var(--accent-warning)}.pd-tl-pending{background:#ffffff1a;color:#ccc}.pd-loading,.pd-error{text-align:center;font-size:13px;color:var(--text-secondary, #9CA3AF);padding:40px 0}@media (max-width: 640px){.pd-row.pd-row-split{flex-direction:column}.pd-card-half{width:100%;flex:none}}.tutorial-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:2147483647;pointer-events:none;transition:clip-path .3s ease;background-color:#000000a6}.tutorial-glass-pane{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:2147483647;pointer-events:auto}.tutorial-tooltip{position:fixed;background:var(--surface-ui, rgba(26, 26, 46, .92));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color, rgba(255, 255, 255, .12));border-radius:16px;padding:22px;color:#fff;font-family:inherit;width:320px;box-shadow:0 12px 40px #0009;transition:all .3s ease;display:flex;flex-direction:column;gap:12px;z-index:2147483647}.tut-lang-list{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow-y:auto}.tut-lang-btn{padding:10px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#fff;cursor:pointer;font-size:13px;font-weight:500;text-align:left;transition:all .2s ease}.tut-lang-btn:hover{background:#ffffff26;border-color:var(--accent-color, #ffb86c)}.tut-btn-primary{background:var(--accent-color, #ffb86c);color:#1a1a1e;border:none;border-radius:8px;padding:8px 16px;cursor:pointer;font-size:13px;font-weight:700;transition:opacity .2s,transform .1s}.tut-btn-primary:hover{opacity:.9}.tut-btn-primary:active{transform:scale(.98)}.tut-btn-skip{background:transparent;border:none;color:#ffffff80;cursor:pointer;font-size:12px;transition:color .2s}.tut-btn-skip:hover{color:#fff}