:root{--md-sys-color-primary: #8B5CF6;--md-sys-color-on-primary: #FFFFFF;--md-sys-color-primary-container: #EDE9FE;--md-sys-color-on-primary-container: #5B21B6;--md-sys-color-secondary: #EC4899;--md-sys-color-on-secondary: #FFFFFF;--md-sys-color-secondary-container: #FCE7F3;--md-sys-color-on-secondary-container: #9D174D;--md-sys-color-tertiary: #F59E0B;--md-sys-color-on-tertiary: #FFFFFF;--md-sys-color-tertiary-container: #FEF3C7;--md-sys-color-on-tertiary-container: #92400E;--md-sys-color-error: #EF4444;--md-sys-color-on-error: #FFFFFF;--md-sys-color-error-container: #FEE2E2;--md-sys-color-on-error-container: #991B1B;--md-sys-color-success: #10B981;--md-sys-color-success-container: #D1FAE5;--md-sys-color-background: #FBF7FF;--md-sys-color-on-background: #1E1B2E;--md-sys-color-surface: #FBF7FF;--md-sys-color-on-surface: #1E1B2E;--md-sys-color-surface-variant: #F3E8FF;--md-sys-color-on-surface-variant: #6B21A8;--md-sys-color-outline: #C084FC;--md-sys-color-outline-variant: #E9D5FF;--md-sys-color-surface-container-lowest: #FFFFFF;--md-sys-color-surface-container-low: #FEF5FF;--md-sys-color-surface-container: #FCF0FF;--md-sys-color-surface-container-high: #F9E8FF;--md-sys-color-surface-container-highest: #F3E0FF;--md-sys-elevation-0: none;--md-sys-elevation-1: 0px 2px 8px rgba(139, 92, 246, .08), 0px 1px 3px rgba(236, 72, 153, .06);--md-sys-elevation-2: 0px 4px 12px rgba(139, 92, 246, .12), 0px 2px 6px rgba(236, 72, 153, .08);--md-sys-elevation-3: 0px 6px 20px rgba(139, 92, 246, .15), 0px 4px 8px rgba(236, 72, 153, .1);--md-sys-elevation-4: 0px 8px 28px rgba(139, 92, 246, .18), 0px 6px 12px rgba(236, 72, 153, .12);--md-sys-elevation-5: 0px 12px 36px rgba(139, 92, 246, .22), 0px 8px 16px rgba(236, 72, 153, .14);--md-sys-shape-corner-xs: 6px;--md-sys-shape-corner-s: 10px;--md-sys-shape-corner-m: 16px;--md-sys-shape-corner-l: 20px;--md-sys-shape-corner-xl: 28px;--md-sys-shape-corner-full: 9999px;--md-sys-motion-easing-emphasized: cubic-bezier(.34, 1.56, .64, 1);--md-sys-motion-easing-standard: cubic-bezier(.25, .1, .25, 1);--md-sys-motion-duration-short: .2s;--md-sys-motion-duration-medium: .4s;--md-sys-motion-duration-long: .6s}body{background:linear-gradient(135deg,#fbf7ff,#fef0f5,#fff7ed 60%,#f5f3ff);background-attachment:fixed;color:var(--md-sys-color-on-background);font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0;min-height:100vh;scroll-behavior:smooth;position:relative}body:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 20% 50%,rgba(139,92,246,.06) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(236,72,153,.05) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(245,158,11,.04) 0%,transparent 50%);pointer-events:none;z-index:0;animation:dopamine-bg-drift 20s ease-in-out infinite}@keyframes dopamine-bg-drift{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(2%,-2%) rotate(1deg)}66%{transform:translate(-1%,1%) rotate(-.5deg)}}#root{position:relative;z-index:1}.m3-card-elevated{background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--md-sys-shape-corner-m);box-shadow:var(--md-sys-elevation-1);border:1px solid rgba(139,92,246,.08);transition:all .3s var(--md-sys-motion-easing-standard)}.m3-card-elevated:hover{box-shadow:var(--md-sys-elevation-3);border-color:#8b5cf626;transform:translateY(-2px)}.m3-card-filled{background:linear-gradient(135deg,#f3e8ffcc,#fce7f399);border-radius:var(--md-sys-shape-corner-m);border:none}.m3-card-outlined{background:#ffffffe6;border:1.5px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-m)}.m3-btn-filled{background:linear-gradient(135deg,#8b5cf6,#d946ef);color:#fff;border-radius:var(--md-sys-shape-corner-full);padding:0 24px;height:44px;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;letter-spacing:.3px;transition:all .3s var(--md-sys-motion-easing-emphasized);box-shadow:0 4px 14px #8b5cf64d;border:none;cursor:pointer;gap:8px}.m3-btn-filled:hover{box-shadow:0 6px 20px #8b5cf673;transform:translateY(-2px) scale(1.02)}.m3-btn-filled:active{transform:scale(.97)}.m3-btn-tonal{background:linear-gradient(135deg,#8b5cf61a,#d946ef1a);color:#7c3aed;border-radius:var(--md-sys-shape-corner-full);padding:0 24px;height:44px;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;border:none;cursor:pointer;transition:all .3s var(--md-sys-motion-easing-standard);gap:8px}.m3-btn-tonal:hover{background:linear-gradient(135deg,#8b5cf62e,#d946ef2e);box-shadow:var(--md-sys-elevation-1);transform:translateY(-1px)}.m3-btn-text{background:transparent;color:var(--md-sys-color-primary);border-radius:var(--md-sys-shape-corner-full);padding:0 16px;height:40px;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;border:none;cursor:pointer;gap:8px;transition:all .2s ease}.m3-btn-text:hover{background:#8b5cf614}.m3-fab{background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;border-radius:var(--md-sys-shape-corner-l);width:56px;height:56px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #8b5cf659;transition:all .3s var(--md-sys-motion-easing-emphasized);border:none;cursor:pointer}.m3-fab:hover{box-shadow:0 8px 28px #8b5cf680;transform:scale(1.1) rotate(3deg)}.m3-input{background:#ffffffe6;border:2px solid transparent;border-radius:12px;border-bottom:2px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface);height:56px;padding:0 16px;font-size:16px;transition:all .3s var(--md-sys-motion-easing-standard)}.m3-input:focus{border-color:var(--md-sys-color-primary);background:#fff;box-shadow:0 0 0 3px #8b5cf626;outline:none}.m3-input-outlined{background:#ffffffe6;border:2px solid var(--md-sys-color-outline-variant);border-radius:12px;color:var(--md-sys-color-on-surface);height:56px;padding:0 16px;font-size:16px;transition:all .3s var(--md-sys-motion-easing-standard)}.m3-input-outlined:focus{border:2px solid var(--md-sys-color-primary);box-shadow:0 0 0 3px #8b5cf626;outline:none}.glass-card{background:#ffffffbf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--md-sys-shape-corner-m);box-shadow:var(--md-sys-elevation-1);border:1px solid rgba(139,92,246,.1)}.glass-sidebar{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(139,92,246,.12)}.glass{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.input-glass{background:#fffc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1.5px solid rgba(139,92,246,.12);transition:all .3s ease}.input-glass:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61f;background:#fffffff2}@keyframes m3-fade-in{0%{opacity:0}to{opacity:1}}@keyframes m3-slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes m3-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes rainbow-border{0%{border-color:#8b5cf6}25%{border-color:#ec4899}50%{border-color:#f59e0b}75%{border-color:#10b981}to{border-color:#8b5cf6}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #8b5cf633}50%{box-shadow:0 0 40px #d946ef59}}.animate-fade-in{opacity:0;animation:m3-fade-in var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard) forwards}.animate-slide-up{opacity:0;animation:m3-slide-up var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-emphasized) forwards}.animate-scale-in{opacity:0;animation:m3-scale-in var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-emphasized) forwards}.animate-float{animation:float 3s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);background-size:200% 100%;animation:shimmer 2s linear infinite}.animate-rainbow-border{animation:rainbow-border 4s linear infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.stagger-1{animation-delay:60ms}.stagger-2{animation-delay:.12s}.stagger-3{animation-delay:.18s}.stagger-4{animation-delay:.24s}.stagger-5{animation-delay:.3s}.glow-success{box-shadow:0 0 20px #10b9814d,0 0 60px #10b9811a}.card-hover{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.card-hover:hover{transform:translateY(-4px) scale(1.01)}.text-gradient-dopamine{background:linear-gradient(135deg,#8b5cf6,#d946ef,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.border-gradient-dopamine{border:2px solid transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#8b5cf6,#ec4899,#f59e0b);background-origin:border-box;background-clip:padding-box,border-box}.btn-primary-glow{position:relative;overflow:hidden}.btn-primary-glow:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 60%);opacity:0;transition:opacity .3s ease}.btn-primary-glow:hover:after{opacity:1}.liquid-shadow{box-shadow:0 8px 32px #8b5cf61f,0 2px 8px #ec489914}.liquid-shadow-lg{box-shadow:0 12px 48px #8b5cf62e,0 4px 12px #ec48991f}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c084fc,#f0abfc);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#a855f7,#e879f9)}.clock-btn{transition:all .4s cubic-bezier(.34,1.56,.64,1)}.clock-btn:not(:disabled):hover{transform:scale(1.05)}.clock-btn:not(:disabled):active{transform:scale(.95)}