:root{--bg-deep:#120720;--bg-base:#1a0b2e;--bg-surface:#24123e;--bg-card:#2b1649b3;--bg-card-hover:#381d5ed9;--accent-sleep:#9d65ff;--accent-sleep-subtle:#9d65ff26;--accent-move:#ff6b6b;--accent-move-subtle:#ff6b6b26;--accent-eat:#4ecdc4;--accent-eat-subtle:#4ecdc426;--text-primary:#faf8fc;--text-secondary:#b9afc9;--text-muted:#7e7094;--border-subtle:#ffffff14;--border-focus:#fff3;--glass-bg:#1a0b2ed1;--glow-sleep:0 0 24px #9d65ff40;--glow-move:0 0 24px #ff6b6b40;--glow-eat:0 0 24px #4ecdc440;--shadow-card:0 8px 32px #00000059;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--font-display:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif}*,:after,:before{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body,html{background-color:var(--bg-deep);color:var(--text-primary);font-family:var(--font-body);background-image:radial-gradient(circle at 15% 10%,#9d65ff1f,#0000 40%),radial-gradient(circle at 85% 85%,#ff6b6b14,#0000 45%),radial-gradient(circle,#4ecdc40f,#0000 55%);background-attachment:fixed;min-height:100vh;font-size:15px;line-height:1.5;overflow-x:hidden}.melo-app-shell{flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-weight:700}h1{font-size:1.75rem}h2{font-size:1.35rem}h3{font-size:1.15rem}h4{font-size:1rem}p{color:var(--text-secondary)}.melo-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:1.25rem;transition:transform .2s,border-color .2s,box-shadow .2s}.melo-card:hover{border-color:var(--border-focus)}.melo-card.sleep-card{border-left:3px solid var(--accent-sleep)}.melo-card.move-card{border-left:3px solid var(--accent-move)}.melo-card.eat-card{border-left:3px solid var(--accent-eat)}.badge{border-radius:var(--radius-full);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-sleep{background:var(--accent-sleep-subtle);color:var(--accent-sleep);border:1px solid #9d65ff4d}.badge-move{background:var(--accent-move-subtle);color:var(--accent-move);border:1px solid #ff6b6b4d}.badge-eat{background:var(--accent-eat-subtle);color:var(--accent-eat);border:1px solid #4ecdc44d}.btn{font-family:var(--font-display);border-radius:var(--radius-full);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.4rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary-move{color:#fff;background:linear-gradient(135deg,#ff6b6b,#ff8e53);box-shadow:0 4px 18px #ff6b6b59}.btn-primary-eat{color:#120720;background:linear-gradient(135deg,#4ecdc4,#20b2aa);box-shadow:0 4px 18px #4ecdc459}.btn-primary-sleep{color:#fff;background:linear-gradient(135deg,#9d65ff,#6e3aff);box-shadow:0 4px 18px #9d65ff59}.btn-ghost{color:var(--text-primary);border:1px solid var(--border-subtle);background:#ffffff0f}.btn-ghost:hover{border-color:var(--border-focus);background:#ffffff1a}.form-input,.form-select{border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-body);background:#190a2ccc;outline:none;padding:.8rem 1rem;font-size:.95rem;transition:border-color .2s}.form-input:focus,.form-select:focus{border-color:var(--accent-eat);box-shadow:0 0 0 3px #4ecdc426}@keyframes pulseSubtle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.88;transform:scale(.98)}}@keyframes floatMascot{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(1deg)}}.floating-mascot{animation:4s ease-in-out infinite floatMascot}.melo-mascot-wrapper[data-v-650a76b4]{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:inline-flex}.melo-mascot-img[data-v-650a76b4],.melo-mascot-svg[data-v-650a76b4]{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;display:block}.mascot-sm[data-v-650a76b4]{width:36px;height:36px}.mascot-md[data-v-650a76b4]{width:64px;height:64px}.mascot-lg[data-v-650a76b4]{width:96px;height:96px}.mascot-hero[data-v-650a76b4]{width:140px;height:140px}@keyframes floatMascot-650a76b4{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-4px)rotate(1deg)}}.floating-mascot[data-v-650a76b4]{animation:3.5s ease-in-out infinite floatMascot-650a76b4}.melo-header[data-v-80db1b81]{z-index:90;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);position:sticky;top:0}.header-inner[data-v-80db1b81]{justify-content:space-between;max-width:1120px;margin:0 auto;padding:1rem 1.5rem}.brand-link[data-v-80db1b81],.header-inner[data-v-80db1b81]{align-items:center;display:flex}.brand-link[data-v-80db1b81]{gap:.85rem;text-decoration:none}.brand-text[data-v-80db1b81]{flex-direction:column;display:flex}.brand-title[data-v-80db1b81]{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;font-size:1.4rem;font-weight:800;line-height:1.1}.brand-tagline[data-v-80db1b81]{color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:600}.header-actions[data-v-80db1b81]{align-items:center;gap:1rem;display:flex}.status-pill[data-v-80db1b81]{border-radius:var(--radius-full);color:var(--accent-eat);background:#4ecdc41a;border:1px solid #4ecdc440;align-items:center;gap:.5rem;padding:.4rem .85rem;font-size:.78rem;font-weight:600;display:inline-flex}.pulse-dot[data-v-80db1b81]{background-color:var(--accent-eat);width:7px;height:7px;box-shadow:0 0 10px var(--accent-eat);border-radius:50%;animation:2s ease-in-out infinite pulseDot-80db1b81}@keyframes pulseDot-80db1b81{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.melo-main-content[data-v-80db1b81]{flex:1;width:100%}.melo-footer[data-v-80db1b81]{border-top:1px solid var(--border-subtle);background:#120720b3;margin-top:auto;padding:2rem 1.5rem}.footer-inner[data-v-80db1b81]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1120px;margin:0 auto;display:flex}.footer-brand[data-v-80db1b81]{flex-direction:column;gap:.25rem;display:flex}.footer-logo[data-v-80db1b81]{font-family:var(--font-display);color:var(--text-primary);font-size:1.1rem;font-weight:800}.footer-copy[data-v-80db1b81]{color:var(--text-muted);font-size:.82rem}.footer-tags[data-v-80db1b81]{flex-wrap:wrap;gap:.5rem;display:flex}.tech-tag[data-v-80db1b81]{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);background:#ffffff0a;padding:.3rem .65rem;font-size:.72rem}@media (width<=640px){.header-inner[data-v-80db1b81]{padding:.85rem 1rem}.status-label[data-v-80db1b81]{display:none}.footer-inner[data-v-80db1b81]{flex-direction:column;align-items:flex-start}}