@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500&family=JetBrains+Mono&family=Outfit:wght@500;600&display=swap";:root{--brand-core: #7b6eff;--brand-light: #a29bfe;--brand-dark: #5544dd;--accent-teal: #2edcb8;--accent-warm: #ff7e5a;--dark-bg: #0b0b14;--surface-bg: rgba(22, 22, 35, .6);--surface-ui: #1a1a2e;--text-main: #ffffff;--text-muted: rgba(255, 255, 255, .7);--text-dark: #121212;--border-light: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--glass-blur: blur(12px)}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--dark-bg);color:var(--text-main);font-family:Inter,sans-serif;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;background-image:radial-gradient(circle at 15% 50%,rgba(123,110,255,.08) 0%,transparent 50%),radial-gradient(circle at 85% 30%,rgba(46,220,184,.08) 0%,transparent 50%)}main{flex:1}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;margin:0}a{color:var(--brand-light);text-decoration:none;transition:color .2s ease}a:hover{color:var(--brand-core)}.container{max-width:1200px;margin:0 auto;padding:0 8vw}.navbar{position:fixed;top:0;left:0;right:0;height:72px;background:#0b0b14b3;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-light);z-index:1000;display:flex;align-items:center}.nav-content{display:flex;justify-content:space-between;align-items:center;width:100%}.nav-logo{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;color:var(--text-main);display:flex;align-items:center;gap:12px}.logo-img{height:48px;width:auto}.nav-links{display:flex;gap:24px}.nav-links a{color:var(--text-muted);font-weight:500}.nav-links a:hover{color:var(--text-main)}@media (max-width: 768px){.nav-links a:not(.btn-primary){display:none}.nav-links{gap:12px}.logo-img{height:36px}.navbar .btn-primary{padding:8px 16px!important;font-size:.85rem}}.btn-primary{background:linear-gradient(135deg,var(--brand-core),var(--brand-light));color:var(--text-main);padding:12px 24px;border-radius:30px;font-weight:600;border:none;cursor:pointer;box-shadow:0 4px 15px #7b6eff66;transition:transform .2s,box-shadow .2s;display:inline-flex;align-items:center;gap:8px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7b6eff99;color:var(--text-main)}.footer{background:var(--surface-ui);border-top:1px solid var(--border-light);padding:48px 0 24px;margin-top:auto}.footer-content{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;margin-bottom:40px}.footer-brand p{color:var(--text-muted);max-width:300px;margin-top:16px;line-height:1.6}.footer-links h4{font-size:1.1rem;margin-bottom:16px;color:var(--text-main)}.footer-links ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.footer-links a{color:var(--text-muted)}.footer-links a:hover{color:var(--brand-light)}.footer-bottom{text-align:center;padding-top:24px;border-top:1px solid var(--border-light);color:var(--text-muted);font-size:.9rem}.hero{padding-top:100px;padding-bottom:80px;display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative;text-align:left}.hero-content{flex:1;max-width:600px}.hero-image{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.hero h1{font-size:3.2rem;line-height:1.15;margin-bottom:20px;background:linear-gradient(135deg,#fff,var(--brand-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:1.1rem;color:var(--text-muted);margin:0 0 40px;line-height:1.6}@media (max-width: 992px){.hero{flex-direction:column;text-align:center;padding-top:120px}.hero-content{margin:0 auto}.hero p{margin-left:auto;margin-right:auto}}.features{padding-top:40px;padding-bottom:40px}.features h2{text-align:center;font-size:2rem;margin-bottom:24px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.install-grid{grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 768px){.install-grid{grid-template-columns:1fr}}.feature-card{background:var(--surface-bg);border:1px solid var(--border-light);border-radius:24px;padding:32px;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);transition:transform .3s}.feature-card:hover{transform:translateY(-5px);border-color:#7b6eff4d}.feature-icon{font-size:2.5rem;margin-bottom:24px}.feature-card h3{font-size:1.25rem;margin-bottom:16px}.feature-card p{color:var(--text-muted);line-height:1.6}.legal-content{padding:120px 0 80px;max-width:800px;margin:0 auto}.legal-content h1{font-size:3rem;margin-bottom:16px;color:var(--brand-light)}.legal-content .last-updated{color:var(--text-muted);margin-bottom:48px;font-size:.9rem}.legal-content h2{font-size:1.5rem;margin:40px 0 16px;color:var(--text-main)}.legal-content p,.legal-content li{color:var(--text-muted);line-height:1.8;margin-bottom:16px}.legal-content ul{padding-left:24px;margin-bottom:24px}.legal-content strong{color:var(--text-main)}: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:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#00000026;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#00000040}.virtual-pet-menu{position:absolute;background:var(--dark-bg);border:1px solid var(--brand-core);border-radius:12px;box-shadow:0 8px 24px #00000080;display:flex;flex-direction:column;padding:16px;z-index:1000000;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#e0e0e0;pointer-events:auto;-webkit-user-select:none;user-select:none}.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:280px}.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}.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}.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:column;gap:8px}.hub-nav-btn{display:flex;align-items:center;background:#ffffff08;border:1px solid rgba(255,255,255,.05);padding:14px 16px;border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.25,.8,.25,1);gap:14px}.hub-stats-gems{color:#4ade80;background:#4ade801a}.hub-stat-delta{margin-left:auto;font-size:.85em;font-weight:800;opacity:0;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.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-btn:hover{background:#4a3fc026;border-color:#4a3fc080;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.hub-nav-icon{width:20px;height:20px;color:var(--brand-light);display:flex;align-items:center;justify-content:center}.hub-nav-icon svg{width:100%;height:100%}.hub-nav-content{flex-grow:1;display:flex;flex-direction:column;gap:2px}.hub-nav-label{font-size:14px;font-weight:600;color:#eee}.hub-nav-desc{font-size:11px;color:#ffffff80}.hub-nav-badge{background:var(--brand-core);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;margin-right:8px}.hub-nav-chevron{transform:rotate(180deg);width:16px;height:16px;opacity:.3;color:#fff;transition:transform .2s,opacity .2s;display:flex;align-items:center;justify-content:center}.hub-nav-chevron svg{width:100%;height:100%}.hub-nav-btn:hover .hub-nav-chevron{transform:rotate(180deg) translate(-4px);opacity:1;color:var(--accent-teal)}.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:#ffffff1a;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{animation:gemBump .4s ease}.hub-info-module{margin-top:0;background:#ffffff0d;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:absolute;top:12px;right:12px;z-index:20}.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(-55px,32px) scale(1);transition-delay:.04s}.hub-header-fab-container.expanded .hub-fab-item-3{opacity:1;transform:translate(-32px,55px) scale(1);transition-delay:.08s}.hub-header-fab-container.expanded .hub-fab-item-4{opacity:1;transform:translateY(64px) scale(1);transition-delay:.12s}.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(-55px,32px) scale(1.1)}.hub-header-fab-container.expanded .hub-fab-item-3:hover{transform:translate(-32px,55px) scale(1.1)}.hub-header-fab-container.expanded .hub-fab-item-4:hover{transform:translateY(64px) scale(1.1)}.hub-quick-actions-container{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.hub-quick-actions-header{display:flex;justify-content:space-between;align-items:center;padding:0 4px}.hub-quick-actions-title{font-size:12px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.hub-quick-actions-edit-btn{color:#fff6;cursor:pointer;transition:color .2s;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.hub-quick-actions-edit-btn:hover{color:#fff}.hub-quick-actions-row{display:flex;gap:8px;flex-wrap:wrap}.hub-quick-action-btn{width:36px;height:36px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--brand-light);transition:all .2s;position:relative}.hub-quick-action-btn svg{width:18px;height:18px}.hub-quick-action-btn:hover{background:#4a3fc033;border-color:#4a3fc080;transform:translateY(-2px)}.hub-quick-action-btn.store-btn{color:var(--accent-warm, #ff7e5a);border-color:#ff7e5a33}.hub-quick-action-btn.store-btn:hover{background:#ff7e5a26;border-color:#ff7e5a80}.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:#121218f2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;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-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.hub-edit-action-btn{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)}.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:#ff7e5a1a;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:#f59f001a;border-color:#f59f0033}.bubble-happy .bubble-option-btn{background:#37b24d1a;border-color:#37b24d33}.bubble-dimensional .bubble-option-btn{background:#7950f21a;border-color:#7950f233}.virtual-pet-backpack-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:transparent;z-index:999999;pointer-events:auto}.virtual-pet-backpack-panel{pointer-events:auto;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--dark-bg);border:1px solid var(--brand-core);border-radius:12px;box-shadow:0 10px 30px #00000080;width:320px;max-height:440px;z-index:1000000;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#e0e0e0;overflow:hidden}.backpack-header{background:var(--surface-ui);padding:16px;border-bottom:1px solid rgba(74,63,192,.5);display:flex;justify-content:space-between;align-items:center;font-weight:700}.backpack-close{cursor:pointer;background:none;border:none;font-size:16px;color:#888;display:flex;align-items:center;justify-content:center;padding:4px}.backpack-header span svg{width:20px;height:20px;display:block;flex-shrink:0}.backpack-close svg{width:16px;height:16px;display:block}.backpack-filters{display:flex;justify-content:space-around;padding:8px;background:#1a1a2e80;border-bottom:1px solid rgba(74,63,192,.5)}.bp-filter{background:none;border:none;font-size:18px;cursor:pointer;opacity:.5;transition:opacity .2s,transform .1s;padding:4px;border-radius:4px;color:#e0e0e0}.bp-filter:hover{background:#7b6eff1a}.bp-filter.active{opacity:1;transform:scale(1.1);background:var(--brand-core);color:#fff}.bp-filter svg{width:18px;height:18px;display:block}.backpack-actions{display:flex;justify-content:flex-end;padding:8px 16px;background:var(--dark-bg);border-bottom:1px solid rgba(74,63,192,.5)}.bp-clear-btn{background:#ff7e5a1a;color:var(--accent-warm);border:1px solid rgba(255,126,90,.3);padding:4px 10px;border-radius:4px;font-size:12px;cursor:pointer;transition:background .2s}.bp-clear-btn:hover{background:#ff7e5a33}.backpack-content{padding:16px;overflow-y:auto;flex-grow:1;display:flex;flex-direction:column;gap:10px}.backpack-item{background:var(--surface-ui);padding:10px;border-radius:8px;font-size:13px;word-break:break-word;display:flex;justify-content:space-between;align-items:center;gap:8px;border-left:4px solid transparent}.backpack-item.type-note{background:#fac7751a;border-left-color:var(--coin-gold)}.backpack-item.type-clipping{background:#7b6eff1a;color:#e0e0e0;border-left-color:var(--brand-light);font-family:JetBrains Mono,monospace;box-shadow:inset 0 0 0 1px #7b6eff33}.backpack-item.type-todo{background:color-mix(in srgb,var(--accent-teal) 10%,transparent);border-left-color:var(--accent-teal)}.backpack-item.type-link{background:#4a3fc01a;border-left-color:var(--brand-core)}.backpack-item a{color:var(--brand-light);text-decoration:none}.backpack-item.type-clipping a{color:var(--brand-light)}.bp-icon{font-size:14px}.bp-text{white-space:pre-wrap;max-height:60px;overflow-y:auto;flex-grow:1}.bp-todo-checkbox{cursor:pointer;width:16px;height:16px;margin:0}.bp-todo-text{flex-grow:1}.bp-todo-text.bp-todo-done{text-decoration:line-through;opacity:.6}.bp-copy-btn{background:none;border:none;cursor:pointer;font-size:14px;opacity:.7;transition:opacity .2s;padding:2px}.bp-copy-btn svg{width:14px;height:14px;display:block}.bp-copy-btn:hover{opacity:1}.backpack-item-delete{background:none;border:none;cursor:pointer;opacity:.5;transition:opacity .2s,color .2s;padding:4px;color:#888}.backpack-item-delete svg{width:14px;height:14px;display:block}.backpack-item-delete:hover{opacity:1}.backpack-empty-msg{text-align:center;color:#888;font-size:13px;padding:20px 0}.bp-todo-tag{background:var(--dark-bg);color:#bbb;font-size:10px;padding:2px 6px;border-radius:12px;white-space:nowrap;font-weight:700;border:1px solid rgba(74,63,192,.5)}.bp-todo-deadline{font-size:11px;color:#bbb;white-space:nowrap;display:flex;align-items:center;gap:4px;background:var(--dark-bg);padding:2px 6px;border-radius:6px;border:1px dashed rgba(74,63,192,.5)}.bp-todo-deadline.is-overdue{color:var(--accent-warm);background:#ff7e5a1a;border-color:var(--accent-warm);font-weight:700}.bp-clipping-text{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;font-size:12px;background:var(--dark-bg);padding:8px;border-radius:4px;border:1px dashed rgba(123,110,255,.3)}.bp-clipping-meta{font-size:11px;color:#aaa}.bp-clipping-actions{display:flex;gap:8px}.bp-clipping-actions .bp-copy-btn,.bp-clipping-actions .bp-link-btn{background:var(--surface-ui);border:1px solid rgba(74,63,192,.5);padding:4px 8px;border-radius:4px;font-size:11px;cursor:pointer;text-decoration:none;color:#e0e0e0;transition:background .2s;display:flex;align-items:center;opacity:1}.bp-clipping-actions .bp-copy-btn:hover,.bp-clipping-actions .bp-link-btn:hover{background:var(--brand-core)}.backpack-content::-webkit-scrollbar,.bp-text::-webkit-scrollbar{width:6px}.backpack-content::-webkit-scrollbar-track,.bp-text::-webkit-scrollbar-track{background:transparent}.backpack-content::-webkit-scrollbar-thumb,.bp-text::-webkit-scrollbar-thumb{background:#00000026;border-radius:10px}.backpack-content::-webkit-scrollbar-thumb:hover,.bp-text::-webkit-scrollbar-thumb:hover{background:#00000040}.virtual-pet-quick-input{position:absolute;background:var(--dark-bg);border:1px solid var(--brand-core);border-radius:12px;box-shadow:0 8px 24px #00000080;display:flex;flex-direction:column;padding:12px;z-index:1000000;width:240px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#e0e0e0;pointer-events:auto}.quick-input-textarea{width:100%;height:80px;border:1px solid var(--brand-core);border-radius:8px;padding:8px;font-size:14px;font-family:inherit;resize:none;outline:none;box-sizing:border-box;margin-bottom:8px;background:var(--surface-ui);color:#e0e0e0}.quick-input-textarea:focus{border-color:var(--brand-light);background:var(--surface-ui)}.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{position:absolute;background:var(--dark-bg);border:1px solid var(--brand-core);border-radius:12px;box-shadow:0 8px 24px #00000080;display:flex;flex-direction:column;padding:16px;z-index:1000000;width:280px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#e0e0e0;pointer-events:auto;gap:12px}.quick-task-header{font-family:Outfit,sans-serif;font-weight:600;font-size:14px;color:var(--brand-light)}.quick-task-input{width:100%;border:1px solid var(--brand-core);border-radius:6px;padding:8px;font-size:13px;font-family:inherit;outline:none;box-sizing:border-box;background:var(--surface-ui);color:#e0e0e0}.quick-task-input:focus{border-color:var(--brand-light);background:var(--surface-ui)}.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;margin-top:4px}.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{position:absolute;background:var(--dark-bg);border:1px solid var(--brand-core);border-radius:12px;box-shadow:0 8px 24px #00000080;padding:12px;z-index:1000000;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#e0e0e0;pointer-events:auto;-webkit-user-select:none;user-select:none;min-width:280px;animation:petSelectorFadeIn .15s ease-out}@keyframes petSelectorFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.pet-selector-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(74,63,192,.5)}.pet-selector-back{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--brand-core);border-radius:6px;background:var(--surface-ui);cursor:pointer;font-size:14px;color:#e0e0e0;transition:background .15s ease,transform .1s ease;flex-shrink:0}.pet-selector-back:hover{background:#7b6eff33;border-color:var(--brand-light);transform:scale(1.05)}.pet-selector-back:active{transform:scale(.95)}.pet-selector-back svg{width:16px;height:16px;display:block}.pet-selector-badge svg{width:12px;height:12px;display:block}.pet-selector-title{font-size:14px;font-family:Outfit,sans-serif;font-weight:600;color:var(--brand-light);flex:1;text-align:center;padding-right:28px}.pet-selector-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.pet-selector-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px 8px;border:1px solid rgba(74,63,192,.5);border-radius:10px;background:var(--surface-ui);cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .1s ease;position:relative}.pet-selector-card:hover:not(.pet-selector-card--disabled){border-color:var(--brand-light);background:#7b6eff1a;transform:translateY(-1px)}.pet-selector-card:active:not(.pet-selector-card--disabled){transform:scale(.97)}.pet-selector-card--active{border-color:var(--accent-teal);background:color-mix(in srgb,var(--accent-teal) 10%,transparent)}.pet-selector-card--active:hover{border-color:var(--accent-teal);background:color-mix(in srgb,var(--accent-teal) 20%,transparent)}.pet-selector-card--disabled{opacity:.5;cursor:default;filter:grayscale(40%)}.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 6px;border-radius:4px;line-height:1.3;text-transform:uppercase;letter-spacing:.3px}.pet-selector-badge--active{background:color-mix(in srgb,var(--accent-teal) 20%,transparent);color:var(--accent-teal)}.pet-selector-badge--coming{background:#ff7e5a33;color:var(--accent-warm)}.pet-adoption-modal{display:flex;flex-direction:column;align-items:center;padding:16px;gap:12px;height:100%;box-sizing:border-box;text-align:center;overflow-y:auto}.pet-adoption-preview{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.pet-adoption-glow{position:absolute;width:120%;height:120%;background:radial-gradient(circle,rgba(124,58,237,.4) 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:80%;height:80%;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.pet-adoption-name{font-size:16px;font-weight:700;color:#fff;margin:0}.pet-adoption-desc{font-size:12px;color:#aaa;line-height:1.4;margin:0;padding:0 10px}.pet-adoption-affinities{background:#ffffff0d;border-radius:8px;padding:10px;width:100%;box-sizing:border-box;text-align:left}.pet-adoption-affinities strong{display:block;font-size:11px;color:var(--accent-teal);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.pet-adoption-affinities ul{margin:0;padding:0;list-style:none;font-size:12px;color:#ddd}.pet-adoption-affinities li{margin-bottom:4px;display:flex;align-items:center;gap:6px}.pet-adoption-affinities li:before{content:"✨";font-size:10px}.pet-adoption-confirm{margin-top:auto;width:100%;padding:12px;border-radius:8px;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;font-weight:700;font-size:14px;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #7c3aed66}.pet-adoption-confirm:hover{transform:translateY(-2px);box-shadow:0 6px 16px #7c3aed99}.pet-adoption-confirm:active{transform:translateY(0)}.pet-adoption-confirm svg{width:16px;height:16px;fill:currentColor}.pet-selector-badge--premium{background:#7c3aed33;color:#c4b5fd;border:1px solid rgba(124,58,237,.4);display:flex;align-items:center;gap:4px}.pet-selector-badge--premium svg{width:10px;height:10px;fill:currentColor}.pet-selector-card[data-is-owned=false]{filter:grayscale(.8);transition:filter .3s,transform .2s}.pet-selector-card[data-is-owned=false]:hover{filter:grayscale(0);transform:translateY(-4px);box-shadow:0 8px 16px #0006}.pet-adoption-confirm--disabled{background:linear-gradient(135deg,#444,#333);color:#888;box-shadow:none;cursor:not-allowed}.pet-adoption-confirm--disabled:hover{transform:none;box-shadow:none}#vp-minigame-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:-1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.wardrobe-panel{position:absolute;background:var(--dark-bg, #1e1e2e);border:1px solid var(--brand-core, #4a3fc0);border-radius:12px;box-shadow:0 8px 24px #00000080;padding:12px;z-index:1000000;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#e0e0e0;pointer-events:auto;-webkit-user-select:none;user-select:none;width:280px;box-sizing:border-box;animation:wardrobeFadeIn .15s ease-out}@keyframes wardrobeFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.wardrobe-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(74,63,192,.5)}.wardrobe-back{display:flex;align-items:center;justify-content:center;width:28px;height: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}.wardrobe-back:hover{background:#7b6eff33;transform:scale(1.05)}.wardrobe-title-container{display:flex;flex-direction:column;align-items:center;flex:1;padding-right:28px}.wardrobe-title{font-size:14px;font-family:Outfit,sans-serif;font-weight:600;color:var(--brand-light, #7b6eff)}.wardrobe-subtitle{font-size:11px;font-family:Inter,sans-serif;color:#8a8aa3;text-transform:capitalize}.wardrobe-search{padding:0 4px 10px;position:relative}.wardrobe-search:before{content:"🔍";position:absolute;left:14px;top:5px;font-size:11px;opacity:.5;z-index:1;pointer-events:none}.wardrobe-search-input{width:100%!important;background:var(--surface-ui, #1a1a2e)!important;border:1px solid rgba(74,63,192,.4)!important;border-radius:12px!important;color:#e0e0e0!important;font-family:Inter,sans-serif!important;font-size:12px!important;padding:6px 12px 6px 30px!important;margin:0!important;box-sizing:border-box!important;transition:all .3s ease;box-shadow:inset 0 2px 4px #0003!important;-moz-appearance:none!important;appearance:none!important;-webkit-appearance:none!important}.wardrobe-search-input:focus{outline:none;border-color:var(--accent-teal, #2edcb8);background:color-mix(in srgb,var(--accent-teal) 5%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-teal) 20%,transparent),inset 0 2px 4px #0003}.wardrobe-filters{display:flex;gap:8px;overflow-x:auto;padding:0 4px 10px;margin-bottom:4px}.wardrobe-filters::-webkit-scrollbar{height:4px}.wardrobe-filters::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.wardrobe-filter-btn{background:var(--surface-ui, #1a1a2e);border:1px solid rgba(74,63,192,.3);border-radius:8px;color:#e0e0e0;font-size:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s cubic-bezier(.4,0,.2,1)}.wardrobe-filter-btn:hover{background:#7b6eff26;border-color:var(--brand-light, #7b6eff);transform:translateY(-2px)}.wardrobe-filter-btn.active{background:color-mix(in srgb,var(--accent-teal) 15%,transparent);border-color:var(--accent-teal, #2edcb8);box-shadow:0 0 8px color-mix(in srgb,var(--accent-teal) 30%,transparent);transform:scale(1.05)}.wardrobe-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;height:250px;width:100%;box-sizing:border-box;align-content:start;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;padding-right:4px}.wardrobe-grid::-webkit-scrollbar{width:4px}.wardrobe-grid::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.wardrobe-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px 8px;border:1px solid rgba(74,63,192,.5);border-radius:10px;background:var(--surface-ui, #2a2a3c);cursor:pointer;transition:all .2s ease;position:relative;box-sizing:border-box}.wardrobe-card:hover{border-color:var(--brand-light, #9a8cff);background:#7b6eff1a;transform:translateY(-1px)}.wardrobe-card--equipped{border-color:var(--accent-teal, #2edcb8);background:color-mix(in srgb,var(--accent-teal) 10%,transparent)}.wardrobe-preview{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#0003;border-radius:8px}.wardrobe-img{max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated}.wardrobe-slot-label{font-size:8px;text-transform:uppercase;color:#8a8aa3;letter-spacing:.5px}.wardrobe-name{font-size:11px;font-weight:500;color:#e0e0e0;text-align:center;text-transform:capitalize}.wardrobe-badge{position:absolute;top:-6px;right:-6px;font-size:9px;font-weight:700;padding:2px 6px;border-radius:10px;text-transform:uppercase;box-shadow:0 2px 4px #0000004d}.wardrobe-badge--equipped{background:var(--accent-teal, #2edcb8);color:#12121e}.wardrobe-badge--owned{background:#7b6eff40;color:var(--brand-light, #9a8cff)}.wardrobe-badge--locked{background:#ffffff1a;color:#8a8aa3}.wardrobe-badge--buy{background:color-mix(in srgb,var(--accent-teal) 20%,transparent);color:var(--accent-teal, #2edcb8)}.wardrobe-badge--price{background:#ffffff1a;color:#e0e0e0}.wardrobe-badge--free{background:color-mix(in srgb,var(--accent-teal) 15%,transparent);color:var(--accent-teal, #2edcb8)}.wardrobe-price-original{text-decoration:line-through;opacity:.5;font-weight:400;font-size:8px;margin-right:3px}.wardrobe-price-current{color:var(--accent-teal, #2edcb8);font-weight:700;font-size:9px}.wardrobe-card--pending-purchase{border-color:#ffb800;background:#ffb8001a;animation:pulsePending 1.5s infinite}@keyframes pulsePending{0%{box-shadow:0 0 #ffb80066}70%{box-shadow:0 0 0 6px #ffb80000}to{box-shadow:0 0 #ffb80000}}.wardrobe-badge--confirm{background:#ffb800;color:#12121e}.wardrobe-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:10px;grid-column:1 / -1}.wardrobe-page-prev,.wardrobe-page-next{background:var(--surface-ui, #2a2a3c);border:1px solid rgba(74,63,192,.5);color:#e0e0e0;border-radius:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.wardrobe-page-prev svg,.wardrobe-page-next svg{width:16px;height:16px}.wardrobe-page-prev:hover:not(:disabled),.wardrobe-page-next:hover:not(:disabled){background:#7b6eff33;border-color:var(--brand-light, #7b6eff);transform:scale(1.1)}.wardrobe-page-prev:disabled,.wardrobe-page-next:disabled{opacity:.5;cursor:not-allowed;border-color:#4a3fc04d}.wardrobe-page-info{font-size:11px;color:#8a8aa3;font-family:Inter,sans-serif}.virtual-pet-pet-panel{width:280px!important;height:auto!important;max-height:480px;padding-bottom:12px}.virtual-pet-pet-panel .virtual-pet-menu-header{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;border-bottom:1px solid rgba(255,255,255,.1)}.virtual-pet-pet-panel .virtual-pet-menu-title-row{display:flex;align-items:center;gap:6px;flex:1;justify-content:center}.virtual-pet-pet-panel .pet-custom-name{font-weight:700;font-size:16px;color:#fff}.virtual-pet-pet-panel .pet-edit-btn{cursor:pointer;color:#ffffff80;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.virtual-pet-pet-panel .pet-edit-btn:hover{color:#fff}.header-actions{display:flex;align-items:center;gap:8px}.virtual-pet-pet-panel .pet-change-btn,.virtual-pet-pet-panel .pet-wardrobe-btn,.virtual-pet-tools-panel .tools-backpack-btn{cursor:pointer;color:#ffffffb3;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:6px;border:none;padding:0;transition:background .2s,color .2s}.virtual-pet-pet-panel .pet-change-btn:hover,.virtual-pet-pet-panel .pet-wardrobe-btn:hover,.virtual-pet-tools-panel .tools-backpack-btn:hover{color:#fff;background:#fff3;border:none}.virtual-pet-pet-panel .pet-change-btn svg,.virtual-pet-pet-panel .pet-wardrobe-btn svg,.virtual-pet-tools-panel .tools-backpack-btn svg{width:20px;height:20px}.pet-panel-content{display:flex;flex-direction:column;padding:5px 15px;overflow-y:auto}.pet-section{margin-top:6px}.pet-section-title{font-size:11px;text-transform:uppercase;color:#ffffff80;margin-bottom:2px;font-weight:600;letter-spacing:.5px}.pet-stats-compact{display:flex;justify-content:space-between;background:#0003;border-radius:8px;padding:4px 12px}.stat-item{display:flex;align-items:center;gap:4px}.stat-icon{display:flex;align-items:center;justify-content:center;width:14px;height:14px;opacity:.8}.stat-value{font-weight:700;font-size:13px}.stat-value.energy-text{color:gold}.stat-value.mood-text{color:#ff69b4}.stat-value.hunger-text{color:#00fa9a}.pet-actions-row{display:flex;gap:8px;justify-content:space-between}.pet-action-btn-compact{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px;background:#ffffff0d;border-radius:6px;cursor:pointer;transition:background .2s;text-align:center}.pet-action-btn-compact:hover{background:#ffffff1a}.pet-action-btn-compact .action-icon{width:20px;height:20px;color:#fff;display:flex;align-items:center;justify-content:center}.pet-action-btn-compact .action-text{font-size:11px;color:#eee;line-height:1.1}.pet-name-section{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:4px;margin-top:0}.pet-custom-name-large{font-size:16px;font-weight:700;color:#fff}.pet-wardrobe-summary-images{display:flex;gap:8px;flex-wrap:wrap;background:#0003;padding:4px 8px;border-radius:8px;min-height:36px}.wardrobe-equipped-icon{width:32px;height:32px;object-fit:contain;background:#ffffff1a;border-radius:4px;padding:2px}.no-equipped{font-size:11px;color:#aaa;margin:auto}.pet-footer-section{margin-top:6px;display:flex;justify-content:center}.tool-action-btn{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff0d;border-radius:8px;cursor:pointer;transition:background .2s}.tool-action-btn:hover{background:#ffffff1a}.tool-action-icon{width:24px;height:24px;min-width:24px;min-height:24px;flex-shrink:0;color:var(--accent-teal, #2EDCB8);display:flex;align-items:center;justify-content:center}.tool-action-icon svg{width:100%;height:100%}.tool-action-text-container{display:flex;flex-direction:column;gap:4px}.tool-action-title{font-size:14px;font-weight:600;color:#fff}.tool-action-desc{font-size:11px;color:#aaa;line-height:1.2}.pet-actions-list{display:flex;flex-direction:column;gap:6px}.pet-action-list-btn{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#ffffff0d;border-radius:6px;cursor:pointer;transition:background .2s}.pet-action-list-btn:hover{background:#ffffff1a}.pet-action-list-btn .action-icon{width:18px;height:18px;color:#fff;display:flex;align-items:center;justify-content:center}.pet-action-list-btn .action-text{font-size:13px;color:#eee}@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}.quest-panel{position:absolute;display:flex;flex-direction:column;padding:16px;background:var(--dark-bg, #1e1e2e);border-radius:12px;border:1px solid var(--brand-core, #4a3fc0);color:#e0e0e0;min-width:240px;width:260px;box-sizing:border-box;box-shadow:0 8px 24px #00000080;z-index:10000}.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}.virtual-pet-tools-panel{width:280px!important;height:auto!important;max-height:400px;padding-bottom:12px}.virtual-pet-tools-panel .virtual-pet-menu-header{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;border-bottom:1px solid rgba(255,255,255,.1)}.virtual-pet-tools-panel .virtual-pet-menu-title-row{display:flex;align-items:center;flex:1;justify-content:center}.tools-panel-content{display:flex;flex-direction:column;padding:0 15px;overflow-y:auto}.tools-panel-content::-webkit-scrollbar{width:6px}.tools-panel-content::-webkit-scrollbar-track{background:transparent}.tools-panel-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}.tools-panel-content::-webkit-scrollbar-thumb:hover{background:#ffffff40}.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-panel{position:absolute;background:var(--dark-bg, #1e1e2e);border:1px solid var(--brand-core, #4a3fc0);border-radius:12px;box-shadow:0 8px 24px #00000080;padding:12px;z-index:1000000;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#e0e0e0;pointer-events:auto;-webkit-user-select:none;user-select:none;min-width:240px;animation:shareFadeIn .15s ease-out}@keyframes shareFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.share-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(74,63,192,.5)}.share-back{display:flex;align-items:center;justify-content:center;width:28px;height: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}.share-back:hover{background:#7b6eff33;transform:scale(1.05)}.share-title-container{display:flex;flex-direction:column;align-items:center;flex:1;padding-right:28px}.share-title{font-size:14px;font-family:Outfit,sans-serif;font-weight:600;color:var(--brand-light, #7b6eff);text-transform:uppercase}.share-panel-content{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;box-sizing:border-box}.share-preview-container{width:220px;height:165px;background-color:#fff;border-radius:10px;border:1px solid rgba(74,63,192,.5);overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:inset 0 2px 4px #0000001a}.share-preview-video{width:100%;height:100%;object-fit:contain;background-color:#fff}.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%;background:var(--surface-ui, #2a2a3c);border:1px solid rgba(74,63,192,.5);border-radius:6px;padding:8px 10px;color:#e0e0e0;font-size:11px;font-family:Inter,sans-serif;box-sizing:border-box;outline:none;transition:border-color .2s}.share-hashtag-input:focus{border-color:var(--brand-light, #7b6eff)}.share-actions{display:flex;gap:8px;width:100%}.share-btn{flex:1;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-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}.share-btn svg{width:14px;height:14px}.gem-store-panel{width:280px;background-color:var(--surface-ui);border:1px solid var(--brand-light);border-radius:12px;box-shadow:0 16px 40px #0009,0 0 0 1px #ffffff0d;display:flex;flex-direction:column;overflow:hidden;position:absolute;color:#fff;z-index:10000;font-family:Inter,sans-serif}.gem-store-header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05);background:linear-gradient(180deg,rgba(123,110,255,.1) 0%,transparent 100%)}.gem-store-title{font-size:1.1rem;font-weight:600;color:var(--brand-light);display:flex;align-items:center;gap:8px;flex:1;justify-content:center}.gem-store-title svg{width:24px;height:24px;flex-shrink:0}.gem-store-close{background:none;border:none;color:#ffffff80;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.gem-store-close:hover{color:#fff;background-color:#ffffff1a}.gem-store-close svg{width:20px;height:20px}.gem-store-content{padding:16px;display:flex;flex-direction:column;gap:12px;background-color:var(--dark-bg);max-height:350px;overflow-y:auto}.gem-store-content::-webkit-scrollbar{width:4px}.gem-store-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.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)}@keyframes pop-in{to{transform:scale(1)}}.gem-store-success-title{font-size:1.5rem;font-weight:700;font-family:Outfit,sans-serif;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)}.hub-info-module{display:none;text-align:center;padding:4px;font-size:11px;margin-top:2px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.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{position:absolute;display:flex;flex-direction:column;padding:16px;background:var(--dark-bg, #1e1e2e);border-radius:12px;border:1px solid var(--brand-core, #4a3fc0);color:#e0e0e0;min-width:240px;width:260px;box-sizing:border-box;box-shadow:0 8px 24px #00000080;z-index:10000}.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{position:absolute;background:var(--dark-bg);border:1px solid var(--brand-core);border-radius:12px;box-shadow:0 8px 24px #00000080;display:flex;flex-direction:column;padding:16px;z-index:1000000;width:280px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#e0e0e0;pointer-events:auto;gap:12px}.quick-habit-header{font-family:Outfit,sans-serif;font-weight:600;font-size:14px;color:var(--brand-light)}.quick-habit-input{width:100%;border:1px solid var(--brand-core);border-radius:6px;padding:8px;font-size:13px;font-family:inherit;outline:none;box-sizing:border-box;background:var(--surface-ui);color:#e0e0e0}.quick-habit-input:focus{border-color:var(--brand-light);background:var(--surface-ui)}.quick-habit-section-label{font-size:12px;color:var(--text-secondary);margin-bottom:-4px}.quick-habit-days{display:flex;gap:4px;justify-content:space-between}.qh-day{flex:1;aspect-ratio:1;border-radius:50%;border:1px solid var(--brand-core);background:var(--surface-ui);color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s}.qh-day:hover{border-color:var(--brand-light);color:var(--text-primary)}.qh-day.active{background:var(--accent-teal);border-color:var(--accent-teal);color:var(--dark-bg)}.quick-habit-reminder-row{display:flex;align-items:center;justify-content:space-between;background:#ffffff05;padding:8px;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.qh-reminder-toggle{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none}.qh-reminder-time{width:auto;padding:4px 8px}.quick-habit-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.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 .pomodoro-input-group{display:flex;flex-direction:column;gap:4px}.virtual-pet-pomodoro-panel .pomodoro-settings-row{display:flex;gap:8px}.virtual-pet-pomodoro-panel .pomodoro-settings-row .pomodoro-input-group{flex:1}