@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-primary:#fafbfe;--bg-surface:#fff;--bg-surface-hover:#f8f9fc;--bg-overlay:#0006;--color-primary:#6c5ce7;--color-primary-soft:#ede9ff;--color-primary-medium:#a29bfe;--color-secondary:#00b894;--color-secondary-soft:#e0fff7;--color-accent:#fd79a8;--color-accent-soft:#ffe4ef;--color-success:#00b894;--color-success-soft:#e0fff7;--color-warning:#fdcb6e;--color-warning-soft:#fff8e1;--color-danger:#ff6b6b;--color-danger-soft:#ffe8e8;--color-info:#74b9ff;--color-info-soft:#e3f2fd;--text-primary:#2d3436;--text-secondary:#636e72;--text-muted:#b2bec3;--text-inverse:#fff;--border-light:#e8ecf1;--border-medium:#dfe6e9;--pillar-keimanan:#a29bfe;--pillar-keimanan-soft:#ede9ff;--pillar-kesehatan:#00b894;--pillar-kesehatan-soft:#e0fff7;--pillar-pengetahuan:#74b9ff;--pillar-pengetahuan-soft:#e3f2fd;--pillar-ekonomi:#fdcb6e;--pillar-ekonomi-soft:#fff8e1;--pillar-sosial:#fd79a8;--pillar-sosial-soft:#ffe4ef;--font-heading:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--tracking-tight:-.025em;--tracking-normal:0;--tracking-wide:.025em;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 4px 16px #0000000f;--shadow-lg:0 8px 32px #00000014;--shadow-xl:0 16px 48px #0000001f;--shadow-card:0 2px 12px #0000000a;--shadow-card-hover:0 8px 24px #00000014;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-toast:400;--max-width:1200px;--sidebar-width:0px;--header-height:64px;--orb-purple:radial-gradient(circle, #6c5ce714 0%, transparent 70%);--orb-green:radial-gradient(circle, #00b89414 0%, transparent 70%);--orb-pink:radial-gradient(circle, #fd79a814 0%, transparent 70%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}button,input,textarea,select{font-family:inherit}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);border:none;line-height:1;text-decoration:none;display:inline-flex}.btn-primary{background:var(--color-primary);color:var(--text-inverse)}.btn-primary:hover{background:#5a4bd6;transform:translateY(-1px);box-shadow:0 4px 16px #6c5ce74d}.btn-secondary{color:var(--color-primary);border:1.5px solid var(--color-primary);background:0 0}.btn-secondary:hover{background:var(--color-primary-soft)}.btn-ghost{color:var(--text-secondary);padding:var(--space-2) var(--space-4);background:0 0}.btn-ghost:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base);border-radius:var(--radius-xl)}.btn-full{width:100%}.auth-screen{min-height:100vh;padding:var(--space-6);background:var(--bg-primary);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-screen:before{content:"";background:var(--orb-purple);pointer-events:none;width:500px;height:500px;position:absolute;top:-20%;right:-10%}.auth-screen:after{content:"";background:var(--orb-pink);pointer-events:none;width:400px;height:400px;position:absolute;bottom:-20%;left:-10%}.auth-view{background:var(--bg-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:var(--space-10);text-align:center;z-index:1;flex-direction:column;align-items:center;width:100%;max-width:440px;animation:.4s ease-out fadeInUp;position:relative}.auth-logo-wrap{margin-bottom:var(--space-6)}.auth-logo{width:72px;height:72px}.auth-brand{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--weight-extrabold);color:var(--text-primary)}.auth-tagline{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-2)}.auth-buttons{gap:var(--space-3);margin-top:var(--space-8);flex-direction:column;width:100%;display:flex}.btn-back{align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;margin-bottom:var(--space-4);transition:color var(--transition-fast);background:0 0;border:none;align-self:flex-start;display:inline-flex}.btn-back:hover{color:var(--color-primary)}.auth-form-title{font-size:var(--text-2xl);color:var(--text-primary);margin-bottom:var(--space-1)}.auth-form-sub{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-6)}.auth-form{text-align:left;width:100%}.form-field{margin-bottom:var(--space-4)}.form-field label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);margin-bottom:var(--space-2);display:block}.form-input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-primary);border:1.5px solid var(--border-light);border-radius:var(--radius-lg);transition:all var(--transition-fast);outline:none}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.form-input::placeholder{color:var(--text-muted)}.auth-error{font-size:var(--text-xs);color:var(--color-danger);margin-bottom:var(--space-3);min-height:1.2em}.auth-error:empty{margin-bottom:0}.auth-error-actions{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-danger-soft);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-secondary);animation:.2s fadeIn;display:flex}.link-btn{color:var(--color-primary);font-weight:var(--weight-semibold);font-size:var(--text-sm);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;text-decoration:underline}.link-btn:hover{color:#5a4bd6}.religion-pills{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.religion-pill{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-medium);background:var(--bg-primary);border:1.5px solid var(--border-light);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary)}.religion-pill:hover{border-color:var(--color-primary-medium);background:var(--color-primary-soft)}.religion-pill.active{background:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary)}.header{z-index:var(--z-sticky);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);height:var(--header-height);padding:0 var(--space-6);background:#ffffffeb;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:var(--space-3);display:flex}.header-logo-wrap{align-items:center;gap:var(--space-2);display:flex}.header-logo-img{border-radius:var(--radius-md)}.header-logo-text{font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:var(--tracking-tight)}.header-right{align-items:center;gap:var(--space-4);display:flex}.date-nav{align-items:center;gap:var(--space-2);display:flex}.date-display{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);text-align:center;min-width:150px}.nav-btn{border:1.5px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;width:34px;height:34px;color:var(--text-secondary);transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.nav-btn:hover{background:var(--bg-surface-hover);border-color:var(--border-medium);color:var(--text-primary)}.user-menu{position:relative}.user-btn{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3) var(--space-1) var(--space-1);background:var(--bg-primary);border:1.5px solid var(--border-light);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);display:flex}.user-btn:hover{border-color:var(--border-medium)}.user-avatar{border-radius:var(--radius-full);background:var(--color-primary-soft);width:28px;height:28px;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-primary);font-family:var(--font-heading);justify-content:center;align-items:center;display:flex}.user-name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary)}.user-dropdown{top:calc(100% + var(--space-2));background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;min-width:180px;transition:all var(--transition-fast);z-index:var(--z-dropdown);position:absolute;right:0;overflow:hidden;transform:translateY(-8px)}.user-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-danger);cursor:pointer;transition:background var(--transition-fast);text-align:left;background:0 0;border:none;width:100%;display:flex}.dropdown-item:hover{background:var(--color-danger-soft)}.main{padding:var(--space-8) var(--space-6);max-width:var(--max-width);margin:0 auto;position:relative;overflow:hidden}.main:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle,#6c5ce70a 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:fixed;top:10%;right:-5%}.main:after{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle,#00b8940a 0%,#0000 70%);border-radius:50%;width:350px;height:350px;position:fixed;bottom:10%;left:-5%}.orb{pointer-events:none;z-index:0;border-radius:50%;position:absolute}.orb-1{background:var(--orb-purple);width:500px;height:500px;top:-100px;right:-150px}.orb-2{background:var(--orb-green);width:400px;height:400px;top:600px;left:-200px}.orb-3{background:var(--orb-pink);width:350px;height:350px;bottom:-50px;right:-100px}.hero{text-align:center;margin-bottom:var(--space-6);z-index:1;animation:.5s ease-out fadeInUp;position:relative}.welcome-section{padding:var(--space-8);background:var(--bg-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);text-align:left;justify-content:space-between;align-items:center;display:flex;position:relative;overflow:hidden}.welcome-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#6c5ce70f 0%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;top:-50%;right:-20%}.welcome-section:after{content:"";pointer-events:none;background:radial-gradient(circle,#00b8940d 0%,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;bottom:-30%;left:10%}.welcome-text{flex:1;min-width:0}.quick-stats-inline{gap:var(--space-6);z-index:1;display:flex;position:relative}.quick-stat{text-align:center}.quick-stat-value{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-primary);display:block}.quick-stat-label{font-size:var(--text-xs);color:var(--text-muted)}.hero-greeting{font-size:var(--text-2xl);font-weight:var(--weight-extrabold);color:var(--text-primary);margin-bottom:var(--space-2);background:linear-gradient(135deg, var(--color-primary), var(--color-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-quote{font-size:var(--text-sm);color:var(--text-secondary);opacity:.8;font-style:italic}.quick-stats{gap:var(--space-3);margin-bottom:var(--space-6);-webkit-overflow-scrolling:touch;scrollbar-width:none;z-index:1;display:flex;position:relative;overflow-x:auto}.quick-stats::-webkit-scrollbar{display:none}.stat-pill{align-items:center;gap:var(--space-2);min-width:0;padding:var(--space-3) var(--space-4);background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex:1;animation:.5s ease-out fadeInUp;display:flex}.stat-pill:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.stat-pill:first-child{animation-delay:50ms}.stat-pill:nth-child(2){animation-delay:.1s}.stat-pill:nth-child(3){animation-delay:.15s}.stat-icon{font-size:var(--text-lg);line-height:1}.stat-val{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary)}.stat-lbl{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.overall-score{text-align:center;margin-bottom:var(--space-10);padding:var(--space-10) var(--space-8);background:var(--bg-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);z-index:1;animation:.5s ease-out fadeInUp;position:relative}.score-ring-container{width:160px;height:160px;margin:0 auto var(--space-4);position:relative}.score-ring{width:100%;height:100%;transform:rotate(-90deg)}.score-ring-bg{fill:none;stroke:var(--border-light);stroke-width:8px}.score-ring-fill{fill:none;stroke:var(--color-primary);stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1)}.score-number{font-family:var(--font-mono);font-size:var(--text-4xl);font-weight:var(--weight-bold);color:var(--text-primary);line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.score-label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-4)}.streak-badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-warning-soft);border-radius:var(--radius-full);font-size:var(--text-sm);display:inline-flex}.streak-count{font-family:var(--font-mono);font-weight:var(--weight-bold);font-size:var(--text-base);color:var(--text-primary)}.streak-text{color:var(--text-secondary);font-size:var(--text-xs)}.empty-state{margin-top:var(--space-6);animation:.5s ease-out fadeIn}.empty-emoji{margin-bottom:var(--space-3);font-size:3rem;animation:2s ease-in-out infinite gentleBounce;display:block}.empty-text{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-relaxed)}@keyframes gentleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.section-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.section-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);align-items:center;gap:var(--space-2);display:flex}.section-hint{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--weight-medium)}.pillars-section{margin-bottom:var(--space-10);z-index:1;position:relative}.pillars-section.highlight .pillar-card{animation:.6s cardPulse}@keyframes cardPulse{0%,to{transform:scale(1)}50%{box-shadow:var(--shadow-card-hover);transform:scale(1.04)}}.pillars-grid{gap:var(--space-3);flex-direction:column;display:flex}.pillar-card{background:var(--bg-surface);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-card);transition:all var(--transition-normal);cursor:pointer;opacity:0;border:2px solid #0000;animation:.4s ease-out forwards fadeInUp;position:relative;overflow:hidden;transform:translateY(16px)}.pillar-card:before{content:"";background:var(--pillar-color,var(--color-primary));border-radius:var(--radius-xl) var(--radius-xl) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.pillar-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.pillar-card.expanded{border-color:var(--pillar-color,var(--color-primary));cursor:default;box-shadow:0 8px 32px #0000001a}.pillar-card.expanded:hover{transform:none}.pillar-card-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.pillar-icon{border-radius:var(--radius-lg);width:48px;height:48px;transition:transform var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.pillar-card:hover .pillar-icon{transform:scale(1.08)}.pillar-icon svg{width:26px;height:26px}.pillar-ring-wrap{flex-shrink:0;width:44px;height:44px;position:relative}.pillar-ring{width:100%;height:100%;transform:rotate(-90deg)}.pillar-ring-bg{fill:none;stroke:var(--border-light);stroke-width:3px}.pillar-ring-fill{fill:none;stroke-width:3px;stroke-linecap:round;transition:stroke-dashoffset .8s cubic-bezier(.4,0,.2,1)}.pillar-ring-val{font-family:var(--font-mono);font-size:.65rem;font-weight:var(--weight-bold);color:var(--text-primary);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pillar-tap-hint{font-size:var(--text-xs);color:var(--text-muted);text-align:center;padding-top:var(--space-2);opacity:.7}.pillar-info{flex:1;min-width:0}.pillar-name{font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.pillar-detail{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px;line-height:1.4}.pillar-score-row{align-items:center;gap:var(--space-3);margin-top:var(--space-2);display:flex}.pillar-bar{background:var(--border-light);border-radius:var(--radius-full);flex:1;height:5px;overflow:hidden}.pillar-bar-fill{border-radius:var(--radius-full);background:var(--pillar-color,var(--color-primary));width:0;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.pillar-score-val{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);text-align:right;min-width:32px}.pillar-expand{opacity:0;max-height:0;margin-top:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s,margin .3s;overflow:hidden}.pillar-card.expanded .pillar-expand{opacity:1;max-height:600px;margin-top:var(--space-4)}.pillar-expand-inner{border-top:1px solid var(--border-light);padding-top:var(--space-4)}.expand-religion{margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-light)}.expand-religion-label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-muted);margin-bottom:var(--space-2);display:block}.expand-religion .religion-pills{margin-top:0}.expand-questions{gap:var(--space-3);flex-direction:column;display:flex}.expand-score{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3);background:var(--bg-primary);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-secondary);display:flex}.expand-score-val{font-family:var(--font-mono);font-weight:var(--weight-bold);font-size:var(--text-lg);color:var(--pillar-color,var(--color-primary))}.pillar-done-btn{justify-content:center;align-items:center;gap:var(--space-2);width:100%;margin-top:var(--space-4);padding:var(--space-3) var(--space-6);background:var(--pillar-color,var(--color-primary));color:var(--text-inverse);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--transition-fast);border:none;display:flex}.pillar-done-btn:hover{filter:brightness(.92);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.pillar-done-btn:active{transform:translateY(0)}.q-item{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.q-item label{font-size:var(--text-sm);color:var(--text-primary);flex-shrink:0}.q-counter{align-items:center;gap:var(--space-2);display:flex}.q-counter-btn{background:var(--bg-primary);border:1.5px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;width:30px;height:30px;font-size:var(--text-base);color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.q-counter-btn:hover{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.q-counter-val{font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--weight-semibold);text-align:center;min-width:24px;color:var(--text-primary)}.q-counter-hint{font-size:var(--text-xs);color:var(--text-muted)}.q-pills{gap:var(--space-1);flex-wrap:wrap;display:flex}.q-pill{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-medium);background:var(--bg-primary);border:1.5px solid var(--border-light);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary);font-family:var(--font-body)}.q-pill:hover{border-color:var(--color-primary-medium);background:var(--color-primary-soft)}.q-pill.active{background:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary)}.q-toggle{padding:var(--space-1) var(--space-4);font-size:var(--text-xs);font-weight:var(--weight-medium);background:var(--bg-primary);border:1.5px solid var(--border-light);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary);font-family:var(--font-body)}.q-toggle.active{background:var(--color-secondary);color:var(--text-inverse);border-color:var(--color-secondary)}.q-text{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-primary);border:1.5px solid var(--border-light);border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none;width:160px;max-width:100%}.q-text:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-soft)}.notes-card{margin-top:var(--space-6);background:var(--bg-surface);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-card);animation:.5s ease-out fadeInUp}.notes-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--space-3);display:block}.notes-area{width:100%;min-height:72px;padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-primary);border:1.5px solid var(--border-light);border-radius:var(--radius-lg);resize:vertical;transition:all var(--transition-fast);outline:none}.notes-area:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.charts-section{gap:var(--space-6);margin-bottom:var(--space-10);z-index:1;grid-template-columns:1fr;display:grid;position:relative}.chart-card{background:var(--bg-surface);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-card);animation:.5s ease-out fadeInUp}.chart-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.chart-title{font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary)}.range-tabs{background:var(--bg-primary);border-radius:var(--radius-md);gap:2px;padding:3px;display:flex}.range-tab{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-body);background:0 0;border:none}.range-tab.active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-xs)}.range-tab:hover:not(.active){color:var(--text-primary)}.chart-container{height:260px;position:relative}.chart-container--radar{justify-content:center;align-items:center;height:300px;display:flex}.fab{bottom:var(--space-6);right:var(--space-6);border-radius:var(--radius-full);background:var(--color-primary);width:56px;height:56px;color:var(--text-inverse);cursor:pointer;transition:all var(--transition-fast);z-index:var(--z-sticky);border:none;justify-content:center;align-items:center;display:flex;position:fixed;box-shadow:0 4px 20px #6c5ce759}.fab:hover{transform:scale(1.08);box-shadow:0 6px 24px #6c5ce773}.fab:active{transform:scale(.96)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes drawRing{0%{stroke-dashoffset:439.82px}}@keyframes countUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.pillar-card:first-child{animation-delay:50ms}.pillar-card:nth-child(2){animation-delay:.1s}.pillar-card:nth-child(3){animation-delay:.15s}.pillar-card:nth-child(4){animation-delay:.2s}.pillar-card:nth-child(5){animation-delay:.25s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width>=640px){.pillars-grid{gap:var(--space-3)}.charts-section{grid-template-columns:1fr 1fr}}@media (width>=1024px){.pillars-grid{gap:var(--space-3)}.main{padding:var(--space-10) var(--space-8)}}@media (width<=480px){.welcome-section{text-align:center;gap:var(--space-4);padding:var(--space-6) var(--space-4);flex-direction:column}.quick-stats-inline{gap:var(--space-4)}.quick-stat-value{font-size:var(--text-xl)}.header{padding:0 var(--space-3);gap:var(--space-2)}.date-display{font-size:var(--text-xs);min-width:100px}.user-name{display:none}.main{padding:var(--space-4) var(--space-3)}.overall-score{padding:var(--space-6) var(--space-4)}.score-ring-container{width:130px;height:130px}.score-number{font-size:var(--text-3xl)}.pillar-card{padding:var(--space-4)}.pillar-score-val{font-size:var(--text-lg)}.q-item{align-items:flex-start;gap:var(--space-2);flex-direction:column}.q-pills,.q-text{width:100%}.hero-greeting{font-size:var(--text-xl)}.stat-pill{padding:var(--space-2) var(--space-3);text-align:center;gap:var(--space-1);flex-direction:column}.stat-val{font-size:var(--text-base)}.section-hint{display:none}}