@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&family=Nunito:wght@300;400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--pastel-pink:#ffd6e0;--pastel-pink-light:#fff0f3;--pastel-pink-dark:#ff9eb5;--pastel-lavender:#e8d5f5;--pastel-lavender-light:#f3ecf9;--pastel-lavender-dark:#c9a2e0;--pastel-mint:#c5ead8;--pastel-mint-light:#e5f5ed;--pastel-mint-dark:#8fd4ae;--pastel-peach:#ffdab9;--pastel-peach-light:#fff0e0;--pastel-peach-dark:#ffb380;--pastel-sky:#b8d4e3;--pastel-sky-light:#d9eaf2;--pastel-sky-dark:#7fb8d0;--pastel-yellow:#fff3b0;--pastel-yellow-light:#fff9d6;--pastel-yellow-dark:#ffe066;--bg-main:#fff8f9;--bg-card:#fff;--bg-sunken:#fff0f3;--text-primary:#4a3f47;--text-secondary:#8a7f87;--text-tertiary:#b0a8b0;--border-soft:#f0e6ec;--border-medium:#e0d6e0;--pillar-keimanan:var(--pastel-lavender);--pillar-kesehatan:var(--pastel-mint);--pillar-pengetahuan:var(--pastel-sky);--pillar-ekonomi:var(--pastel-yellow);--pillar-sosial:var(--pastel-pink);--font-main:"Nunito", "Quicksand", -apple-system, sans-serif;--font-display:"Baloo 2", "Nunito", sans-serif;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--space-3xl:32px;--space-4xl:40px;--space-5xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--shadow-soft:0 2px 8px #ffb6c126;--shadow-medium:0 4px 16px #ffb6c133;--shadow-strong:0 8px 32px #ffb6c140;--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:cubic-bezier(.25, .1, .25, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s}body{font-family:var(--font-main);background:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:15px;line-height:1.6}body:before{content:"";background:radial-gradient(ellipse, var(--pastel-pink-light) 0%, transparent 70%);z-index:-1;opacity:.6;width:80%;height:80%;position:fixed;top:-50%;right:-30%}body:after{content:"";background:radial-gradient(ellipse, var(--pastel-lavender-light) 0%, transparent 70%);z-index:-1;opacity:.5;width:60%;height:60%;position:fixed;bottom:-30%;left:-20%}#app{max-width:420px;padding:0 var(--space-xl) var(--space-5xl);margin:0 auto;position:relative}.header{padding:var(--space-3xl) 0 var(--space-2xl);background:var(--bg-main);z-index:10;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:var(--space-md);display:flex}.avatar-clay{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--pastel-pink) 0%, var(--pastel-peach) 100%);width:48px;height:48px;box-shadow:var(--shadow-soft);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.avatar-clay:before{content:"";border-radius:var(--radius-full);background:linear-gradient(135deg,#0000 40%,#ffffff4d 100%);width:100%;height:100%;position:absolute}.avatar-clay svg{z-index:1;width:28px;height:28px;position:relative}.logo{font-family:var(--font-display);color:var(--text-primary);font-size:22px;font-weight:700;line-height:1.2}.subtitle{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:600}.header-nav{gap:var(--space-xs);display:flex}.btn-nav{border:1px solid var(--border-soft);background:var(--bg-card);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-smooth);box-shadow:var(--shadow-soft);justify-content:center;align-items:center;font-size:16px;display:flex}.btn-nav:hover{border-color:var(--pastel-pink);color:var(--pastel-pink-dark);box-shadow:var(--shadow-medium);transform:translateY(-1px)}.btn-nav:active{transform:scale(.95)}.hero-score{margin-bottom:var(--space-3xl)}.hero-card{background:linear-gradient(135deg, var(--pastel-pink-light) 0%, var(--pastel-lavender-light) 50%, var(--pastel-mint-light) 100%);border-radius:var(--radius-2xl);padding:var(--space-3xl) var(--space-2xl);text-align:center;box-shadow:var(--shadow-medium);position:relative;overflow:hidden}.hero-card:before{content:"";background:radial-gradient(circle,#fff6 0%,#0000 60%);width:200%;height:200%;animation:6s ease-in-out infinite float;position:absolute;top:-50%;left:-50%}@keyframes float{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(10px,-10px)rotate(2deg)}66%{transform:translate(-5px,5px)rotate(-1deg)}}.hero-score-number{font-family:var(--font-display);color:var(--text-primary);z-index:1;text-shadow:0 2px 4px #0000000d;font-size:64px;font-weight:800;line-height:1;position:relative}.hero-score-label{color:var(--text-secondary);margin-top:var(--space-sm);z-index:1;font-size:14px;font-weight:600;position:relative}.hero-score-bar-track{border-radius:var(--radius-full);height:8px;margin-top:var(--space-lg);z-index:1;background:#fff9;position:relative;overflow:hidden}.hero-score-bar-fill{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--pastel-pink-dark) 0%, var(--pastel-lavender-dark) 50%, var(--pastel-mint-dark) 100%);height:100%;transition:width var(--duration-slow) var(--ease-bounce);width:0}.section{margin-bottom:var(--space-3xl)}.section-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);margin-bottom:var(--space-lg);align-items:center;gap:var(--space-sm);font-size:13px;font-weight:700;display:flex}.section-label:before{content:"";border-radius:var(--radius-full);background:var(--pastel-pink);width:6px;height:6px}.section-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.pillar-list{gap:var(--space-md);flex-direction:column;display:flex}.pillar-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-lg) var(--space-xl);box-shadow:var(--shadow-soft);transition:all var(--duration-normal) var(--ease-smooth);cursor:default;border:1px solid var(--border-soft)}.pillar-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.pillar-card-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.pillar-icon{border-radius:var(--radius-lg);width:40px;height:40px;box-shadow:var(--shadow-soft);justify-content:center;align-items:center;font-size:20px;display:flex}.pillar-card[data-pillar=keimanan] .pillar-icon{background:var(--pastel-lavender)}.pillar-card[data-pillar=kesehatan] .pillar-icon{background:var(--pastel-mint)}.pillar-card[data-pillar=pengetahuan] .pillar-icon{background:var(--pastel-sky)}.pillar-card[data-pillar=ekonomi] .pillar-icon{background:var(--pastel-yellow)}.pillar-card[data-pillar=sosial] .pillar-icon{background:var(--pastel-pink)}.pillar-name{font-family:var(--font-display);color:var(--text-primary);font-size:16px;font-weight:700}.pillar-detail{color:var(--text-tertiary);font-size:12px}.pillar-score-row{align-items:center;gap:var(--space-md);display:flex}.pillar-bar{background:var(--bg-sunken);border-radius:var(--radius-full);flex:1;height:8px;overflow:hidden}.pillar-bar-fill{border-radius:var(--radius-full);height:100%;transition:width var(--duration-slow) var(--ease-bounce);width:0}.pillar-card[data-pillar=keimanan] .pillar-bar-fill{background:linear-gradient(90deg, var(--pastel-lavender) 0%, var(--pastel-lavender-dark) 100%)}.pillar-card[data-pillar=kesehatan] .pillar-bar-fill{background:linear-gradient(90deg, var(--pastel-mint) 0%, var(--pastel-mint-dark) 100%)}.pillar-card[data-pillar=pengetahuan] .pillar-bar-fill{background:linear-gradient(90deg, var(--pastel-sky) 0%, var(--pastel-sky-dark) 100%)}.pillar-card[data-pillar=ekonomi] .pillar-bar-fill{background:linear-gradient(90deg, var(--pastel-yellow) 0%, var(--pastel-yellow-dark) 100%)}.pillar-card[data-pillar=sosial] .pillar-bar-fill{background:linear-gradient(90deg, var(--pastel-pink) 0%, var(--pastel-pink-dark) 100%)}.pillar-score-val{font-family:var(--font-display);text-align:right;min-width:32px;font-size:18px;font-weight:700}.pillar-card[data-pillar=keimanan] .pillar-score-val{color:var(--pastel-lavender-dark)}.pillar-card[data-pillar=kesehatan] .pillar-score-val{color:var(--pastel-mint-dark)}.pillar-card[data-pillar=pengetahuan] .pillar-score-val{color:var(--pastel-sky-dark)}.pillar-card[data-pillar=ekonomi] .pillar-score-val{color:var(--pastel-yellow-dark)}.pillar-card[data-pillar=sosial] .pillar-score-val{color:var(--pastel-pink-dark)}.range-tabs{gap:var(--space-xs);background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-xs);box-shadow:var(--shadow-soft);border:1px solid var(--border-soft);display:flex}.range-tab{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);font-size:12px;font-weight:600;font-family:var(--font-main);background:0 0;border:0}.range-tab.active{background:var(--pastel-pink);color:var(--text-primary);box-shadow:var(--shadow-soft)}.range-tab:hover:not(.active){background:var(--bg-sunken)}.chart-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-soft);border:1px solid var(--border-soft)}.trend-chart-wrap{height:200px}.radar-wrap{max-width:280px;padding:var(--space-lg);margin:0 auto}.fab{bottom:var(--space-2xl);right:var(--space-2xl);border-radius:var(--radius-full);background:linear-gradient(135deg, var(--pastel-pink) 0%, var(--pastel-lavender) 100%);width:56px;height:56px;color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-strong);transition:all var(--duration-normal) var(--ease-bounce);z-index:20;border:0;justify-content:center;align-items:center;font-size:24px;display:flex;position:fixed}.fab:hover{transform:translateY(-4px)scale(1.05);box-shadow:0 12px 40px #ffb6c166}.fab:active{transform:scale(.95)}.fab:before{content:"";border-radius:var(--radius-full);background:linear-gradient(135deg,#0000 40%,#ffffff4d 100%);width:100%;height:100%;position:absolute}.modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:30;background:#4a3f474d;justify-content:center;align-items:flex-end;display:none;position:fixed;inset:0}.modal-overlay.open{animation:fadeIn var(--duration-normal) var(--ease-smooth);display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-card);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;width:100%;max-width:420px;max-height:88vh;padding:var(--space-2xl) var(--space-xl) var(--space-3xl);animation:slideUp var(--duration-slow) var(--ease-bounce);overflow-y:auto;box-shadow:0 -8px 40px #ffb6c133}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-head{margin-bottom:var(--space-xl);justify-content:space-between;align-items:center;display:flex}.modal-head h2{font-family:var(--font-display);color:var(--text-primary);font-size:20px;font-weight:700}.btn-close{border:1px solid var(--border-soft);background:var(--bg-card);border-radius:var(--radius-full);cursor:pointer;width:32px;height:32px;color:var(--text-secondary);transition:all var(--duration-fast) var(--ease-smooth);justify-content:center;align-items:center;display:flex}.btn-close:hover{border-color:var(--pastel-pink);color:var(--pastel-pink-dark);transform:rotate(90deg)}.form-pillars{gap:var(--space-lg);margin-bottom:var(--space-xl);flex-direction:column;display:flex}.form-pillar{background:var(--bg-sunken);border-radius:var(--radius-xl);padding:var(--space-lg) var(--space-xl);border:1px solid var(--border-soft)}.form-pillar-head{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;display:flex}.form-pillar-title{font-family:var(--font-display);color:var(--text-primary);align-items:center;gap:var(--space-sm);font-size:15px;font-weight:700;display:flex}.form-pillar-title .dot{border-radius:var(--radius-full);width:8px;height:8px;box-shadow:var(--shadow-soft)}.form-pillar-pts{font-family:var(--font-display);color:var(--text-tertiary);font-size:16px;font-weight:700}.form-questions{gap:var(--space-lg);flex-direction:column;display:flex}.q-item label{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:13px;font-weight:600;display:block}.q-counter{align-items:center;gap:var(--space-md);display:flex}.q-counter-btn{border:1px solid var(--border-soft);background:var(--bg-card);border-radius:var(--radius-md);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);transition:all var(--duration-fast) var(--ease-bounce);box-shadow:var(--shadow-soft);justify-content:center;align-items:center;font-size:18px;font-weight:600;display:flex}.q-counter-btn:hover{border-color:var(--pastel-pink);color:var(--pastel-pink-dark);transform:scale(1.1)}.q-counter-btn:active{transform:scale(.9)}.q-counter-val{font-family:var(--font-display);text-align:center;min-width:24px;color:var(--text-primary);font-size:22px;font-weight:700}.q-counter-hint{color:var(--text-tertiary);font-size:11px}.q-pills{gap:var(--space-sm);flex-wrap:wrap;display:flex}.q-pill{padding:var(--space-sm) var(--space-lg);border:1px solid var(--border-soft);background:var(--bg-card);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-bounce);font-size:13px;font-weight:600;font-family:var(--font-main);white-space:nowrap;box-shadow:var(--shadow-soft)}.q-pill:hover{border-color:var(--pastel-pink);color:var(--pastel-pink-dark);transform:translateY(-1px)}.q-pill.active{background:var(--pastel-pink);color:var(--text-primary);border-color:var(--pastel-pink);box-shadow:var(--shadow-medium)}.q-toggle{padding:var(--space-sm) var(--space-lg);border:1px solid var(--border-soft);background:var(--bg-card);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-bounce);font-size:13px;font-weight:600;font-family:var(--font-main);box-shadow:var(--shadow-soft)}.q-toggle:hover{border-color:var(--pastel-mint)}.q-toggle.active{background:var(--pastel-mint);color:var(--pastel-mint-dark);border-color:var(--pastel-mint);box-shadow:var(--shadow-medium)}.q-text{width:100%;padding:var(--space-md) var(--space-lg);border:1px solid var(--border-soft);border-radius:var(--radius-lg);font-size:14px;font-family:var(--font-main);background:var(--bg-card);color:var(--text-primary);transition:all var(--duration-fast) var(--ease-smooth);box-shadow:var(--shadow-soft)}.q-text:focus{border-color:var(--pastel-pink);outline:none;box-shadow:0 0 0 3px #ffd6e066}.q-text::placeholder{color:var(--text-tertiary)}.form-notes{margin-bottom:var(--space-lg)}.form-notes label{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:13px;font-weight:600;display:block}.form-notes textarea{width:100%;padding:var(--space-md) var(--space-lg);border:1px solid var(--border-soft);border-radius:var(--radius-lg);font-size:14px;font-family:var(--font-main);resize:vertical;background:var(--bg-card);color:var(--text-primary);transition:all var(--duration-fast) var(--ease-smooth);box-shadow:var(--shadow-soft);line-height:1.6}.form-notes textarea:focus{border-color:var(--pastel-pink);outline:none;box-shadow:0 0 0 3px #ffd6e066}.form-notes textarea::placeholder{color:var(--text-tertiary)}.btn-save{width:100%;padding:var(--space-lg);border-radius:var(--radius-xl);background:linear-gradient(135deg, var(--pastel-pink) 0%, var(--pastel-lavender) 100%);color:var(--text-primary);font-family:var(--font-display);cursor:pointer;transition:all var(--duration-normal) var(--ease-bounce);box-shadow:var(--shadow-medium);border:0;font-size:16px;font-weight:700;position:relative;overflow:hidden}.btn-save:before{content:"";background:linear-gradient(135deg,#0000 40%,#ffffff4d 100%);width:100%;height:100%;position:absolute}.btn-save:hover{box-shadow:var(--shadow-strong);transform:translateY(-2px)}.btn-save:active{transform:scale(.98)}.religion-selector{margin-bottom:var(--space-lg);background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-lg) var(--space-xl);border:1px solid var(--border-soft);box-shadow:var(--shadow-soft)}.religion-label{font-family:var(--font-display);color:var(--text-secondary);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:700;display:block}.religion-pills{gap:var(--space-sm);flex-wrap:wrap;display:flex}.religion-pill{padding:var(--space-sm) var(--space-md);border:1px solid var(--border-soft);background:var(--bg-card);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-bounce);font-size:13px;font-weight:600;font-family:var(--font-main);white-space:nowrap;box-shadow:var(--shadow-soft)}.religion-pill:hover{border-color:var(--pastel-lavender);color:var(--pastel-lavender-dark);transform:translateY(-1px)}.religion-pill.active{background:var(--pastel-lavender);color:var(--pastel-lavender-dark);border-color:var(--pastel-lavender);box-shadow:var(--shadow-medium)}.header-right{align-items:center;gap:var(--space-md);display:flex}.user-menu{position:relative}.user-menu-btn{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border:1px solid var(--border-soft);background:var(--bg-card);border-radius:var(--radius-full);cursor:pointer;font-family:var(--font-main);color:var(--text-secondary);transition:all var(--duration-fast) var(--ease-smooth);box-shadow:var(--shadow-soft);white-space:nowrap;font-size:12px;font-weight:600;display:flex}.user-menu-btn:hover{border-color:var(--pastel-pink);color:var(--pastel-pink-dark)}.user-menu-name{text-overflow:ellipsis;max-width:100px;overflow:hidden}.user-menu-dropdown{top:calc(100% + var(--space-sm));background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-medium);min-width:120px;z-index:var(--z-dropdown,10);display:none;position:absolute;right:0;overflow:hidden}.user-menu-dropdown.open{animation:fadeIn var(--duration-fast) var(--ease-smooth);display:block}.user-menu-item{width:100%;padding:var(--space-md) var(--space-lg);font-family:var(--font-main);color:var(--text-secondary);cursor:pointer;text-align:left;transition:all var(--duration-fast) var(--ease-smooth);background:0 0;border:0;font-size:13px;font-weight:600;display:block}.user-menu-item:hover{background:var(--bg-sunken);color:var(--pastel-pink-dark)}.auth-screen{max-width:420px;padding:0 var(--space-xl);flex-direction:column;min-height:100vh;margin:0 auto;display:flex}.auth-view{min-height:100vh;padding:var(--space-3xl) 0;animation:fadeIn var(--duration-normal) var(--ease-smooth);flex-direction:column;justify-content:center;align-items:center;display:flex}.auth-logo-wrap{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--pastel-pink-light) 0%, var(--pastel-lavender-light) 100%);width:100px;height:100px;box-shadow:var(--shadow-medium);margin-bottom:var(--space-2xl);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-logo-wrap:before{content:"";border-radius:var(--radius-full);background:linear-gradient(135deg,#0000 40%,#ffffff4d 100%);width:100%;height:100%;position:absolute}.auth-logo{z-index:1;width:60px;height:60px;position:relative}.auth-brand{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-sm);font-size:32px;font-weight:800;line-height:1.2}.auth-tagline{color:var(--text-secondary);text-align:center;max-width:260px;margin-bottom:var(--space-3xl);font-size:14px;font-weight:500;line-height:1.5}.auth-buttons{gap:var(--space-md);flex-direction:column;width:100%;max-width:280px;display:flex}.btn-auth-primary{width:100%;padding:var(--space-lg);border-radius:var(--radius-xl);background:linear-gradient(135deg, var(--pastel-pink) 0%, var(--pastel-lavender) 100%);color:var(--text-primary);font-family:var(--font-display);cursor:pointer;transition:all var(--duration-normal) var(--ease-bounce);box-shadow:var(--shadow-medium);border:0;font-size:16px;font-weight:700;position:relative;overflow:hidden}.btn-auth-primary:before{content:"";background:linear-gradient(135deg,#0000 40%,#ffffff4d 100%);width:100%;height:100%;position:absolute}.btn-auth-primary:hover{box-shadow:var(--shadow-strong);transform:translateY(-2px)}.btn-auth-primary:active{transform:scale(.98)}.btn-auth-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-auth-secondary{width:100%;padding:var(--space-lg);border:2px solid var(--pastel-lavender);border-radius:var(--radius-xl);color:var(--text-primary);font-family:var(--font-display);cursor:pointer;transition:all var(--duration-normal) var(--ease-bounce);background:0 0;font-size:16px;font-weight:700}.btn-auth-secondary:hover{background:var(--pastel-lavender-light);transform:translateY(-2px)}.btn-auth-secondary:active{transform:scale(.98)}.btn-auth-ghost{width:100%;padding:var(--space-lg);border-radius:var(--radius-xl);color:var(--text-tertiary);font-family:var(--font-display);cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);background:0 0;border:0;font-size:15px;font-weight:600}.btn-auth-ghost:hover{color:var(--text-secondary);background:var(--bg-sunken)}.btn-back{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-3xl);padding:var(--space-sm) var(--space-md);color:var(--text-secondary);font-family:var(--font-main);cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);border-radius:var(--radius-md);background:0 0;border:0;align-self:flex-start;font-size:14px;font-weight:600;display:flex}.btn-back:hover{color:var(--text-primary);background:var(--bg-sunken)}.auth-form-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-xs);align-self:flex-start;font-size:28px;font-weight:800}.auth-form-sub{color:var(--text-secondary);margin-bottom:var(--space-2xl);align-self:flex-start;font-size:14px}.auth-form{gap:var(--space-lg);flex-direction:column;width:100%;display:flex}.form-field label{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:13px;font-weight:600;display:block}.form-field input{width:100%;padding:var(--space-md) var(--space-lg);border:1px solid var(--border-soft);border-radius:var(--radius-lg);font-size:15px;font-family:var(--font-main);background:var(--bg-card);color:var(--text-primary);transition:all var(--duration-fast) var(--ease-smooth);box-shadow:var(--shadow-soft)}.form-field input:focus{border-color:var(--pastel-pink);outline:none;box-shadow:0 0 0 3px #ffd6e066}.form-field input::placeholder{color:var(--text-tertiary)}.auth-error{color:#c46;text-align:center;min-height:20px;font-size:13px;font-weight:600}.auth-religion-pills{gap:var(--space-sm);flex-wrap:wrap;display:flex}.auth-religion-pill{padding:var(--space-sm) var(--space-md);border:1px solid var(--border-soft);background:var(--bg-card);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-bounce);font-size:13px;font-weight:600;font-family:var(--font-main);white-space:nowrap;box-shadow:var(--shadow-soft)}.auth-religion-pill:hover{border-color:var(--pastel-lavender);color:var(--pastel-lavender-dark);transform:translateY(-1px)}.auth-religion-pill.active{background:var(--pastel-lavender);color:var(--pastel-lavender-dark);border-color:var(--pastel-lavender);box-shadow:var(--shadow-medium)}@media (width>=768px){#app,.auth-screen{max-width:480px}.modal{border-radius:var(--radius-2xl);margin-bottom:var(--space-2xl)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.pillar-icon,.pillar-bar-fill,.q-pill.active,.q-toggle.active{forced-color-adjust:none}}