:root{--brand-50: #eef5fd;--brand-100: #dceafa;--brand-200: #b9d6f3;--brand-300: #85b9ea;--brand-400: #4a93dd;--brand-500: #2c7be0;--brand-600: #1565d0;--brand-700: #0e4fa8;--brand-800: #0b3c80;--brand-900: #082c5e;--navy-900: #0f172a;--navy-800: #1e293b;--navy-700: #28364b;--navy-500: #475569;--navy-400: #64748b;--navy-300: #94a3b8;--navy-200: #cbd5e1;--navy-100: #e2e8f0;--navy-50: #f1f5f9;--amber-700: #b45309;--amber-600: #d97706;--amber-500: #f59e0b;--amber-400: #fbbf24;--amber-100: #fef3c7;--amber-50: #fffbeb;--bg: #f0f3f8;--home-top: #f3f6fb;--home-bottom: #e2e8f2;--surface: #ffffff;--field: #f2f6fd;--line: #e6ecf6;--stroke: #dce5f2;--text: #0c1729;--muted: #5a6b85;--hint: #93a3bc;--red: #dc2626;--red-soft: #fee2e2;--green: #0e9f6e;--green-soft: #e3f7ef;--violet: #6d3bd1;--violet-soft: #f0ebfe;--teal: #0e9384;--teal-soft: #e2f6f3;--rose: #d1436b;--rose-soft: #fdebea;--indigo: #3e4fbf;--indigo-soft: #e9ecfb;--radius: 22px;--radius-sm: 16px;--radius-xs: 12px;--header-gradient: linear-gradient(135deg, #3b8bf5 0%, #1e6be0 46%, #1257c4 100%);--shadow: 0 10px 30px rgba(15, 30, 60, .08);--shadow-soft: 0 2px 8px rgba(15, 30, 60, .05);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html{background:#e9eef6}body{margin:0;font-family:var(--font);color:var(--text);background:radial-gradient(circle at 12% 4%,#eaf2fc 0,#e9eef6 32%,#dfe7f2);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}a{color:var(--brand-600);text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin:0}.icon{display:block;flex:0 0 auto}#root{min-height:100vh}.app-shell{position:relative;width:100%;max-width:560px;min-height:100vh;margin:0 auto;background:linear-gradient(180deg,var(--home-top) 0%,var(--bg) 46%,var(--home-bottom) 100%);box-shadow:0 0 70px #0f1f3d21;overflow-x:hidden}.app-main{min-height:100vh;padding-bottom:104px}.standard-page{min-height:100vh;padding-bottom:24px;background:linear-gradient(180deg,#f4f7fb,#edf1f8)}.page-body{padding:20px;display:flex;flex-direction:column;gap:20px}.page-body.detail-body{padding-top:0}.home-body{margin-top:-34px;position:relative;padding:0 20px 30px;display:flex;flex-direction:column;gap:22px}.stack-12{display:flex;flex-direction:column;gap:12px}.row-gap{display:flex;gap:10px;justify-content:flex-end}.muted{color:var(--muted);font-size:14px;line-height:1.55}.center{text-align:center}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.13em;color:var(--muted);text-transform:uppercase}.eyebrow.light{color:#ffffffbf}.section-title{font-size:18px;font-weight:800;letter-spacing:-.01em;margin-bottom:12px}.bottom-nav{position:fixed;z-index:40;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(520px,calc(100vw - 24px));height:72px;background:#fffffff5;border:1px solid var(--stroke);border-radius:22px;box-shadow:0 12px 34px #11264c29;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;padding:0 6px 8px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.nav-item,.nav-center{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;height:60px;border:0;background:none;color:var(--navy-400);text-decoration:none;transition:color .18s ease,transform .18s ease}.nav-item .nav-icon{width:38px;height:30px;display:grid;place-items:center;border-radius:11px}.nav-item.active{color:var(--brand-600);font-weight:700}.nav-item.active .nav-icon{background:var(--brand-50)}.nav-label{font-size:10px;font-weight:700;letter-spacing:.01em}.nav-center{position:relative;gap:0}.nav-center-button{width:62px;height:62px;border-radius:50%;background:var(--header-gradient);color:#fff;display:grid;place-items:center;border:6px solid #f5f8fc;box-shadow:0 10px 22px #1565d05c;transform:translateY(-23px);transition:transform .2s ease}.nav-center.active .nav-center-button{transform:translateY(-25px) scale(1.04)}.nav-center .nav-label{margin-top:-20px;color:var(--navy-400)}.nav-center.active .nav-label{color:var(--brand-600)}.card{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-soft)}.avatar{display:inline-grid;place-items:center;border-radius:50%;background:var(--brand-100);color:var(--brand-700);font-weight:800;overflow:hidden;flex:0 0 auto;border:2px solid #fff;box-shadow:0 3px 10px #1565d029}.spinner{display:inline-block;width:24px;height:24px;border-radius:50%;border:3px solid var(--brand-100);border-top-color:var(--brand-600);animation:spin .8s linear infinite}.spinner-small{width:18px;height:18px;border-width:2px;border-color:#ffffff59;border-top-color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.loading-block{min-height:220px;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;color:var(--muted);font-size:13px}.page-loader{min-height:100vh;display:flex;flex-direction:column;gap:18px;align-items:center;justify-content:center;background:#fff}.page-loader img{width:88px;height:88px;object-fit:contain}.skeleton{display:block;background:linear-gradient(90deg,#e9eef7 25%,#f5f8fc,#e9eef7 75%);background-size:200% 100%;animation:shimmer 1.3s infinite}@keyframes shimmer{to{background-position:-200% 0}}.empty-state{background:#fff;border:1px dashed var(--stroke);border-radius:20px;padding:30px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.empty-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:var(--brand-50);color:var(--brand-600)}.empty-state h3{font-size:15px}.empty-state p{font-size:13px;color:var(--muted);line-height:1.5;max-width:320px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}.section-head h2{font-size:18px;letter-spacing:-.01em}.section-head p{font-size:12px;color:var(--muted);margin-top:2px}.text-link{display:inline-flex;align-items:center;gap:1px;font-size:12px;font-weight:700;color:var(--brand-600);white-space:nowrap;background:none;border:0;padding:0}.divider{height:1px;background:var(--line);margin:12px 0}.divider span{display:none}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.02em}.badge-blue{background:var(--brand-50);color:var(--brand-700)}.badge-light{background:#ffffff2e;color:#fff;border:1px solid rgba(255,255,255,.28)}.stat{display:flex;flex-direction:column;gap:2px}.stat strong{font-size:22px}.stat span{font-size:11px;color:var(--muted)}.btn{border:0;border-radius:16px;min-height:52px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:800;transition:transform .16s,opacity .16s,box-shadow .16s}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--header-gradient);color:#fff;box-shadow:0 8px 18px #1565d03d}.btn-outline{background:#fff;color:var(--text);border:1px solid var(--stroke)}.btn-ghost{background:var(--brand-50);color:var(--brand-700)}.btn-amber{background:linear-gradient(135deg,#f7b733,#e88b0c);color:#fff;box-shadow:0 8px 18px #d9770640}.btn-danger{background:var(--red);color:#fff}.btn-google{background:#fff;color:var(--navy-800);border:1px solid var(--stroke);box-shadow:0 3px 10px #0f1e3c0f;width:100%;min-height:54px}.google-mark{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#4285f4;font-weight:900;font-size:16px;border:1px solid #e5e9f2}.link-button{display:block;margin:12px auto 0;font-size:13px;background:none;border:0;color:var(--brand-600);font-weight:700}.icon-btn{width:40px;height:40px;border:0;border-radius:13px;background:#0c17290d;display:grid;place-items:center;color:var(--navy-700);flex:0 0 auto}.icon-btn.small{width:32px;height:32px;background:transparent}.icon-btn.light{background:#ffffff29;color:#fff;border:1px solid rgba(255,255,255,.16)}.header-spacer,.topbar-spacer{width:40px;height:40px;display:block}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:12px;font-weight:800;color:var(--navy-700)}.field-hint{font-size:11px;color:var(--hint);line-height:1.4}.field-error-text{font-size:11px;color:var(--red)}.text-input{width:100%;min-height:52px;padding:13px 14px;border-radius:15px;border:1px solid transparent;background:var(--field);color:var(--text);outline:none;font-size:14px;transition:border .16s,background .16s,box-shadow .16s}.text-input::placeholder{color:var(--hint)}.text-input:focus{border-color:var(--brand-400);background:#fff;box-shadow:0 0 0 4px #2c7be017}.text-input:disabled{opacity:.65}.textarea{resize:vertical;line-height:1.55;min-height:90px}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 19px) 23px,calc(100% - 14px) 23px;background-size:5px 5px;background-repeat:no-repeat}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-stack{gap:16px}.form-card{display:flex;flex-direction:column;gap:12px}.form-card h2{font-size:17px;margin-bottom:2px}.inline-error{background:var(--red-soft);color:#991b1b;border-radius:12px;padding:10px 12px;font-size:12px;line-height:1.45}.info-banner{display:flex;gap:10px;align-items:flex-start;background:var(--brand-50);border:1px solid var(--brand-100);color:var(--brand-800);border-radius:16px;padding:12px 14px;font-size:12px;line-height:1.5}.info-banner p{margin:0}.warning-box{display:flex;gap:10px;align-items:flex-start;background:var(--amber-50);border:1px solid var(--amber-100);border-radius:16px;padding:13px;font-size:12px;line-height:1.5;color:var(--amber-700)}.otp-input{text-align:center;letter-spacing:.45em;font-size:24px;font-weight:800}.splash-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;overflow:hidden}.splash-glow{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(44,123,224,.14),transparent 68%);top:50%;left:50%;transform:translate(-50%,-60%)}.splash-logo-wrap{position:relative;display:flex;flex-direction:column;align-items:center;animation:logoIn .65s cubic-bezier(.2,.8,.2,1) both}@keyframes logoIn{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}.splash-logo{width:150px;height:150px;object-fit:contain}.splash-logo-wrap h1{margin-top:18px;font-size:23px;color:var(--navy-800);letter-spacing:-.02em}.splash-logo-wrap p{margin-top:7px;font-size:8.5px;letter-spacing:.18em;font-weight:800;color:var(--hint);text-align:center}.splash-progress{margin-top:34px;width:92px;height:3px;background:var(--brand-50);border-radius:99px;overflow:hidden}.splash-progress span{display:block;width:42%;height:100%;background:var(--brand-500);border-radius:99px;animation:splashLoad 1.25s ease-in-out infinite}@keyframes splashLoad{0%{transform:translate(-110%)}to{transform:translate(260%)}}.splash-caption{margin-top:12px;font-size:11px;color:var(--hint)}.welcome-page{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 80% 8%,#4fa2f7 0,transparent 31%),linear-gradient(155deg,#3b8bf5,#1e6be0 44%,#0b4da8);display:flex;flex-direction:column}.welcome-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 45%,rgba(4,32,72,.18));pointer-events:none}.welcome-content{position:relative;z-index:1;max-width:560px;width:100%;margin:0 auto;flex:1;display:flex;flex-direction:column;min-height:100vh}.welcome-logo-row{display:flex;align-items:center;gap:10px;padding:max(22px,env(safe-area-inset-top)) 24px 0;color:#ffffffe6;font-size:10px;font-weight:800;letter-spacing:.16em}.welcome-logo-row img{width:34px;height:34px;object-fit:contain;border-radius:10px;background:#fff;padding:4px}.welcome-hero{padding:44px 24px 30px;color:#fff;position:relative}.welcome-hero h1{margin-top:10px;font-size:clamp(30px,8vw,38px);line-height:1.12;letter-spacing:-.035em;font-weight:800}.welcome-hero>p{margin-top:12px;max-width:380px;color:#ffffffc7;font-size:13.5px;line-height:1.55}.welcome-illustration{margin-top:26px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.welcome-lotus{width:64px;height:64px;border-radius:20px;background:#ffffff24;border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.welcome-pill{display:inline-flex;align-items:center;gap:6px;padding:9px 11px;border-radius:12px;font-size:11px;font-weight:700;background:#ffffff21;border:1px solid rgba(255,255,255,.18);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.welcome-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.6}.welcome-orb-one{width:240px;height:240px;border:1px solid rgba(255,255,255,.15);left:-110px;top:34%}.welcome-orb-two{width:330px;height:330px;border:1px solid rgba(255,255,255,.1);right:-190px;top:18%}.welcome-sheet{margin-top:auto;background:#fff;border-radius:28px 28px 0 0;padding:18px 24px calc(22px + env(safe-area-inset-bottom));box-shadow:0 -18px 50px #03183a47;display:flex;flex-direction:column;gap:10px}.sheet-handle{width:42px;height:4px;border-radius:99px;background:var(--navy-100);margin:0 auto 6px}.welcome-sheet h2{font-size:19px;text-align:center;letter-spacing:-.02em}.welcome-sheet>.muted{margin-bottom:4px}.welcome-sheet .btn-google,.welcome-sheet .btn-outline{width:100%}.skip-button{background:none;border:0;padding:8px;font-size:13px;font-weight:800;color:var(--brand-600)}.skip-button span{font-weight:500;color:var(--muted)}.security-note{display:flex;gap:10px;align-items:flex-start;background:var(--brand-50);border-radius:15px;padding:11px 12px;margin-top:2px}.security-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#fff;color:var(--brand-600);flex:0 0 auto}.security-note strong{font-size:11.5px}.security-note p{font-size:10.5px;color:var(--muted);line-height:1.45;margin-top:1px}.legal-links{font-size:10px;color:var(--hint);text-align:center;line-height:1.55;margin-top:2px}.legal-links a{font-weight:700}.auth-page{min-height:100vh;max-width:560px;margin:0 auto;background:radial-gradient(circle at 85% 0,#4fa2f7 0,transparent 30%),linear-gradient(160deg,#3b8bf5 0,#1565d0 38%,#f0f3f8 38.1%,#f0f3f8);display:flex;flex-direction:column}.auth-top{display:flex;align-items:center;gap:10px;padding:max(18px,env(safe-area-inset-top)) 18px 8px;min-height:70px;color:#fff}.auth-card{margin:auto 18px calc(18px + env(safe-area-inset-bottom));background:#fff;border-radius:26px;padding:26px 20px 22px;box-shadow:0 18px 50px #0926532e;display:flex;flex-direction:column;align-items:center;gap:8px}.auth-card h1{font-size:23px;letter-spacing:-.025em;text-align:center}.auth-card>.muted{text-align:center;font-size:13px;max-width:340px}.auth-icon{width:62px;height:62px;border-radius:19px;background:var(--brand-50);color:var(--brand-600);display:grid;place-items:center;margin-bottom:4px}.auth-form{width:100%;display:flex;flex-direction:column;gap:13px;margin-top:10px}.auth-note{font-size:10.5px;color:var(--hint);line-height:1.5;text-align:center;margin-top:8px}.home-header{position:relative;background:var(--header-gradient);border-radius:0 0 26px 26px;padding:max(16px,env(safe-area-inset-top)) 20px 50px;color:#fff;overflow:hidden}.home-header:before{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-110px;top:-100px}.home-header:after{content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(255,255,255,.09);border-radius:50%;left:-80px;top:60px}.home-header-top{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.home-avatar{flex:0 0 auto}.home-greeting{flex:1;min-width:0}.home-greeting>span{display:block;font-size:9.5px;font-weight:800;letter-spacing:.11em;color:#ffffffa6}.home-greeting h1{font-size:17px;font-weight:800;letter-spacing:-.015em;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-age{display:inline-flex;align-items:center;gap:1px;color:#fff;font-size:11.5px;margin-top:1px}.header-action{position:relative;width:42px;height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.17);background:#ffffff21;color:#fff;display:grid;place-items:center;flex:0 0 auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-badge{position:absolute;top:4px;right:4px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#ef4444;border:2px solid #2f7fe8;color:#fff;display:grid;place-items:center;font-size:8px;font-weight:800}.agenda-card{position:relative;z-index:1;width:100%;margin-top:22px;display:flex;align-items:center;gap:11px;padding:12px 13px;border-radius:18px;border:1px solid rgba(255,255,255,.18);background:#ffffff21;color:#fff;text-align:left;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.agenda-icon{width:42px;height:42px;border-radius:13px;background:#ffffff2e;display:grid;place-items:center;flex:0 0 auto}.agenda-copy{flex:1;min-width:0;display:flex;flex-direction:column}.agenda-eyebrow{font-size:8.5px;letter-spacing:.13em;font-weight:800;color:#ffffffad}.agenda-copy strong{font-size:13.5px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agenda-meta{font-size:10.5px;color:#ffffffbf;margin-top:1px}.quick-card{padding:17px 8px 10px;margin-bottom:0}.quick-head{display:flex;align-items:center;justify-content:space-between;padding:0 10px 8px}.quick-head h2{font-size:16px;font-weight:800}.quick-hint{font-size:10.5px;color:var(--hint)}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr)}.quick-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:9px 3px 8px;border:0;background:none;border-radius:14px;transition:background .16s}.quick-item:active{background:var(--brand-50)}.quick-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--brand-50);color:var(--brand-600)}.quick-item>span:last-child{font-size:10.5px;font-weight:700;color:var(--navy-700);text-align:center;line-height:1.2}.member-card{position:relative;overflow:hidden;border-radius:22px;padding:18px;min-height:158px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:radial-gradient(circle at 90% 0,rgba(255,255,255,.16),transparent 35%),linear-gradient(135deg,#0b3c80,#1565d0 55%,#3b8bf5);box-shadow:0 12px 26px #0b3c8038;cursor:pointer}.member-watermark{position:absolute;right:-25px;bottom:-37px;color:#ffffff17;transform:rotate(-13deg)}.member-top,.member-bottom{position:relative;z-index:1;display:flex}.member-top{align-items:center;justify-content:space-between}.member-brand{display:inline-flex;align-items:center;gap:7px;font-size:9px;font-weight:800;letter-spacing:.14em}.member-brand img{width:22px;height:22px;object-fit:contain;background:#fff;padding:2px;border-radius:6px}.member-bottom{flex-direction:column;gap:2px}.member-label{font-size:8px;letter-spacing:.18em;font-weight:700;color:#fff9}.member-bottom strong{font-size:20px;letter-spacing:-.02em}.member-sub{font-size:10px;color:#ffffffb3}.emergency-card{display:flex;align-items:center;gap:12px;width:100%;border:1px solid #fecaca;background:linear-gradient(135deg,#fff,#fff5f5);border-radius:20px;padding:14px;text-align:left;box-shadow:0 5px 18px #dc262612}.emergency-icon{width:46px;height:46px;border-radius:15px;background:var(--red);color:#fff;display:grid;place-items:center;flex:0 0 auto;box-shadow:0 5px 12px #dc262640}.emergency-card>span:nth-child(2){flex:1;display:flex;flex-direction:column}.emergency-eyebrow{font-size:8.5px;font-weight:800;letter-spacing:.11em;color:var(--red)}.emergency-card strong{font-size:18px;letter-spacing:.01em;color:#991b1b;margin-top:1px}.emergency-note{font-size:10.5px;color:var(--muted);margin-top:1px}.emergency-call{width:36px;height:36px;border-radius:50%;background:var(--red-soft);color:var(--red);display:grid;place-items:center;flex:0 0 auto}.dana-card{position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(135deg,#fffaf0,#fff4dd 60%,#ffedc2);border:1px solid #fde8b8;padding:18px;display:flex;gap:10px}.dana-copy{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:flex-start}.dana-copy h2{font-size:20px;margin-top:3px;letter-spacing:-.02em}.dana-copy p{font-size:11.5px;color:#7c5a1d;line-height:1.5;margin:5px 0 12px;max-width:300px}.dana-copy .btn{min-height:42px;border-radius:13px;font-size:12px;padding:0 14px}.dana-illustration{position:absolute;right:-12px;bottom:-16px;color:#b4530929;transform:rotate(-8deg)}.h-scroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;margin:0 -20px;padding-left:20px;padding-right:20px;scrollbar-width:none}.h-scroll::-webkit-scrollbar{display:none}.vihara-mini{flex:0 0 210px;background:#fff;border-radius:20px;overflow:hidden;text-align:left;box-shadow:var(--shadow-soft);border:1px solid var(--stroke);padding:0}.vihara-mini-cover{position:relative;height:108px;display:grid;place-items:center;color:#fff;overflow:hidden}.vihara-mini-cover img{width:100%;height:100%;object-fit:cover}.vihara-mini-badge{position:absolute;left:8px;bottom:8px;display:inline-flex;align-items:center;gap:2px;background:#ffffffe6;color:var(--brand-700);border-radius:99px;padding:3px 6px;font-size:8px;font-weight:800}.vihara-mini-body{display:flex;flex-direction:column;gap:2px;padding:10px 12px 12px}.vihara-mini-body strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vihara-mini-body span{font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.news-card{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--stroke);border-radius:18px;padding:10px;text-align:left;color:var(--text);box-shadow:var(--shadow-soft)}.news-thumb{width:74px;height:74px;border-radius:14px;display:grid;place-items:center;color:#fff;overflow:hidden;flex:0 0 auto}.news-thumb img{width:100%;height:100%;object-fit:cover}.news-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.news-meta{font-size:8.5px;font-weight:800;letter-spacing:.07em;color:var(--brand-600);text-transform:uppercase}.news-copy strong{font-size:12.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-copy>span:last-child{font-size:10.5px;color:var(--muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-footer-note{display:flex;gap:7px;align-items:center;justify-content:center;color:var(--hint);font-size:10px;padding:8px 0 0}.tone-0{background:linear-gradient(135deg,#3b8bf5,#1565d0)}.tone-1{background:linear-gradient(135deg,#19a68f,#0e7c6b)}.tone-2{background:linear-gradient(135deg,#8b5cf6,#6d3bd1)}.tone-3{background:linear-gradient(135deg,#e0a21b,#b45309)}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.service-tile{display:flex;flex-direction:column;gap:2px;text-align:left;background:#fff;border:1px solid var(--stroke);border-radius:16px;padding:12px;box-shadow:var(--shadow-soft)}.service-tile-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;margin-bottom:5px}.service-tile-icon.blue{background:var(--brand-50);color:var(--brand-600)}.service-tile-icon.rose{background:var(--rose-soft);color:var(--rose)}.service-tile-icon.amber{background:var(--amber-50);color:var(--amber-600)}.service-tile-icon.green{background:var(--green-soft);color:var(--green)}.service-tile strong{font-size:11.5px;line-height:1.25}.service-tile>span:last-child{font-size:9.5px;color:var(--muted)}.devosi-links{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.devosi-links button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px;border:1px solid var(--stroke);border-radius:14px;background:#fff;color:var(--brand-700);font-size:11px;font-weight:700;box-shadow:var(--shadow-soft)}.topbar{display:flex;align-items:center;gap:10px;padding:12px 16px;min-height:64px;background:#f4f7fbf0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:3}.topbar-title{flex:1;min-width:0;text-align:center}.topbar-title h1{font-size:15px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-title p{font-size:10px;color:var(--muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-right{display:flex;justify-content:flex-end;min-width:40px}.topbar-transparent{position:absolute;top:0;left:0;right:0;background:transparent;color:#fff;padding-top:max(12px,env(safe-area-inset-top))}.topbar-transparent .icon-btn{background:#ffffff29;color:#fff;border:1px solid rgba(255,255,255,.2)}.topbar-transparent .icon-btn.small{background:transparent;border:0}.topbar-transparent .topbar-title h1,.topbar-transparent .topbar-title p{color:#fff}.simple-header{display:flex;align-items:center;gap:10px;padding:max(12px,env(safe-area-inset-top)) 16px 10px;background:#f4f7fb;position:sticky;top:0;z-index:20}.simple-header h1{flex:1;font-size:16px;text-align:center}.page-hero{position:relative;overflow:hidden;background:var(--header-gradient);color:#fff;padding:max(34px,env(safe-area-inset-top)) 20px 34px;border-radius:0 0 28px 28px}.page-hero:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;border:1px solid rgba(255,255,255,.12);right:-95px;top:-90px}.page-hero h1{font-size:27px;letter-spacing:-.03em;margin-top:5px;line-height:1.15}.page-hero p{font-size:12.5px;line-height:1.55;color:#ffffffc2;margin-top:7px;max-width:390px}.search-box{display:flex;align-items:center;gap:8px;background:#fffffff5;border-radius:16px;padding:0 13px;height:50px;margin-top:18px;color:var(--hint);box-shadow:0 7px 20px #05275824}.search-box input{flex:1;border:0;outline:0;background:transparent;font-size:13px;color:var(--text);min-width:0}.search-box button{border:0;background:none;color:var(--hint);padding:3px}.chips-row{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;margin:0 -20px;padding:0 20px 2px}.chips-row::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;border:1px solid var(--stroke);background:#fff;color:var(--navy-500);border-radius:99px;padding:7px 13px;font-size:11.5px;font-weight:700}.chip.active{background:var(--brand-600);border-color:var(--brand-600);color:#fff;box-shadow:0 4px 10px #1565d033}.toolbar-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.location-button,.sort-button{display:inline-flex;align-items:center;gap:5px;border:0;background:none;color:var(--brand-600);font-size:11.5px;font-weight:700;padding:2px}.sort-button{color:var(--muted)}.segmented{display:grid;grid-template-columns:repeat(3,1fr);background:#e8eef7;border-radius:14px;padding:4px;gap:3px}.segmented button{border:0;background:none;border-radius:11px;padding:9px 4px;font-size:12px;font-weight:700;color:var(--muted)}.segmented button.active{background:#fff;color:var(--brand-700);box-shadow:0 2px 6px #0f1e3c14}.tabs{display:flex;gap:3px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.tabs button{border:0;background:none;padding:11px 13px;font-size:12px;font-weight:700;color:var(--muted);white-space:nowrap;border-bottom:2px solid transparent}.tabs button.active{color:var(--brand-700);border-bottom-color:var(--brand-600)}.tab-panel{display:flex;flex-direction:column;gap:16px;padding-top:4px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.info-grid.two{grid-template-columns:1fr 1fr}.info-grid>div{background:#fff;border:1px solid var(--stroke);border-radius:15px;padding:12px;display:flex;flex-direction:column;gap:2px}.info-grid span{font-size:10px;color:var(--muted)}.info-grid strong{font-size:13px}.content-section{display:flex;flex-direction:column;gap:9px}.content-section h2{font-size:17px;letter-spacing:-.01em}.content-section h3{font-size:14px;margin-top:5px}.content-section p{font-size:13px;color:var(--navy-500);line-height:1.7}.content-section ul,.content-section ol{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--navy-500);line-height:1.55}.quick-contact-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.quick-contact{display:flex;flex-direction:column;align-items:center;gap:5px;background:#fff;border:1px solid var(--stroke);border-radius:15px;padding:10px 4px;color:var(--brand-700);font-size:9.5px;font-weight:700}.contact-row{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid var(--line);color:var(--text)}.contact-row>span{display:flex;flex-direction:column}.contact-row strong{font-size:12px}.contact-row small{font-size:11px;color:var(--muted)}.verified-dot{width:16px;height:16px;border-radius:50%;background:var(--brand-600);color:#fff;display:inline-grid;place-items:center;flex:0 0 auto}.vihara-card{display:flex;align-items:center;gap:12px;width:100%;background:#fff;border:1px solid var(--stroke);border-radius:20px;padding:10px;text-align:left;box-shadow:var(--shadow-soft)}.vihara-card-cover{width:82px;height:92px;border-radius:16px;display:grid;place-items:center;color:#fff;overflow:hidden;flex:0 0 auto}.vihara-card-cover img{width:100%;height:100%;object-fit:cover}.vihara-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.vihara-card-top{display:flex;align-items:center;gap:5px}.vihara-card-top strong{font-size:14px;line-height:1.3}.vihara-card-address{display:flex;align-items:center;gap:3px;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vihara-card-meta{font-size:10px;color:var(--brand-600);font-weight:700}.vihara-hero,.event-detail-hero{position:relative;min-height:300px;display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:var(--header-gradient)}.vihara-hero>img,.event-detail-hero>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.vihara-hero>.icon,.event-detail-hero>.icon{position:absolute;right:28px;top:100px;opacity:.22}.vihara-hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#05142d26,#05142d33 40%,#05142dd9)}.vihara-hero-copy{position:relative;z-index:2;padding:20px 20px 26px;width:100%}.vihara-hero-copy h1{font-size:26px;line-height:1.15;letter-spacing:-.03em;margin-top:5px}.vihara-hero-copy p{display:flex;align-items:center;gap:4px;font-size:11.5px;color:#fffc;margin-top:8px;line-height:1.4}.detail-body{gap:18px}.schedule-list{display:flex;flex-direction:column;gap:8px}.schedule-item{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--stroke);border-radius:16px;padding:11px 13px}.schedule-day{min-width:76px;font-size:11px;font-weight:800;color:var(--brand-700)}.schedule-item>span:last-child{display:flex;flex-direction:column}.schedule-item strong{font-size:12.5px}.schedule-item small{font-size:10.5px;color:var(--muted)}.agenda-detail{display:flex;align-items:center;gap:11px;width:100%;border:1px solid var(--stroke);background:#fff;border-radius:17px;padding:12px;text-align:left}.agenda-detail-date{width:46px;height:48px;border-radius:12px;background:var(--brand-50);color:var(--brand-700);display:flex;flex-direction:column;align-items:center;justify-content:center}.agenda-detail-date strong{font-size:17px;line-height:1}.agenda-detail-date span{font-size:9px;text-transform:uppercase;font-weight:700}.agenda-detail>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:2px}.agenda-detail strong{font-size:12.5px}.agenda-detail small{font-size:10.5px;color:var(--muted)}.simple-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line);color:var(--brand-600)}.simple-row>span{display:flex;flex-direction:column}.simple-row strong{font-size:12.5px;color:var(--text)}.simple-row small{font-size:10.5px;color:var(--muted)}.facility-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.facility-grid span{display:flex;align-items:center;gap:5px;background:var(--brand-50);color:var(--brand-800);border-radius:11px;padding:9px 10px;font-size:11px;font-weight:600}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.gallery-item{aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--brand-50);color:var(--brand-400);display:grid;place-items:center}.gallery-item img{width:100%;height:100%;object-fit:cover}.paritta-hero{padding-bottom:38px}.paritta-hero-icon{position:absolute;right:22px;top:42px;width:90px;height:90px;border-radius:26px;display:grid;place-items:center;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);color:#ffffffe6;transform:rotate(7deg)}.tradition-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:#e8eef7;border-radius:16px;padding:4px}.tradition-tabs button{border:0;background:none;border-radius:12px;padding:8px 4px;display:flex;flex-direction:column;gap:1px}.tradition-tabs strong{font-size:11.5px;color:var(--muted)}.tradition-tabs span{font-size:8px;color:var(--hint)}.tradition-tabs button.active{background:#fff;box-shadow:0 2px 6px #0f1e3c14}.tradition-tabs button.active strong{color:var(--brand-700)}.book-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.book-card{border:0;background:none;padding:0;text-align:left;display:flex;flex-direction:column;gap:8px}.book-cover{position:relative;aspect-ratio:.72;border-radius:15px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;font-size:12px;font-weight:800;text-align:center;padding:14px;box-shadow:0 8px 18px #0f1e3c2e}.book-cover img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.book-cover .icon{opacity:.85}.book-spine{position:absolute;left:7px;top:0;bottom:0;width:3px;background:#ffffff40}.book-tone-0{background:linear-gradient(145deg,#2f7fe8,#0b3c80)}.book-tone-1{background:linear-gradient(145deg,#1aa68f,#075e52)}.book-tone-2{background:linear-gradient(145deg,#8b5cf6,#4c1d95)}.book-tone-3{background:linear-gradient(145deg,#e0a21b,#92400e)}.book-info{display:flex;flex-direction:column;gap:1px;padding:0 2px}.book-info strong{font-size:12.5px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.book-info>span{font-size:10px;color:var(--muted)}.book-meta{display:flex;align-items:center;gap:3px;color:var(--brand-600)!important;font-weight:700;margin-top:2px}.reader-body{padding:0 12px 12px;height:calc(100vh - 70px)}.pdf-frame{width:100%;height:100%;border:0;border-radius:14px;background:#fff}.komunitas-hero{padding-bottom:30px}.hero-stats{display:flex;gap:16px;margin-top:18px;flex-wrap:wrap}.hero-stats span{font-size:10px;color:#ffffffb3}.hero-stats strong{color:#fff;font-size:15px;margin-right:3px}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.menu-tile{position:relative;border-radius:18px;padding:14px 12px 13px;background:#fff;border:1px solid var(--stroke);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:5px;color:var(--text);min-height:132px}.menu-tile-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;margin-bottom:3px}.menu-tile strong{font-size:12px;line-height:1.3;padding-right:12px}.menu-tile>span:not(.menu-tile-icon){font-size:10px;color:var(--muted);line-height:1.4}.menu-tile-arrow{position:absolute;right:9px;bottom:11px;color:var(--hint)}.tone-blue .menu-tile-icon{background:var(--brand-50);color:var(--brand-600)}.tone-teal .menu-tile-icon{background:var(--teal-soft);color:var(--teal)}.tone-amber .menu-tile-icon{background:var(--amber-50);color:var(--amber-600)}.tone-violet .menu-tile-icon{background:var(--violet-soft);color:var(--violet)}.tone-green .menu-tile-icon{background:var(--green-soft);color:var(--green)}.tone-rose .menu-tile-icon{background:var(--rose-soft);color:var(--rose)}.tone-indigo .menu-tile-icon{background:var(--indigo-soft);color:var(--indigo)}.community-quote{border-radius:20px;background:linear-gradient(135deg,#0f2f61,#0b4fa8);color:#fff;padding:20px;display:flex;flex-direction:column;gap:8px}.community-quote p{font-size:14px;line-height:1.6;font-weight:600}.community-quote span{font-size:10px;color:#ffffffa6}.forum-hero{padding-bottom:28px}.forum-compose{display:flex;align-items:center;gap:10px;width:100%;background:#fff;border:1px solid var(--stroke);border-radius:18px;padding:10px 12px;text-align:left;color:var(--hint);font-size:12px}.forum-compose>span:nth-child(2){flex:1}.compose-plus{width:34px;height:34px;border-radius:50%;background:var(--brand-50);color:var(--brand-600);display:grid;place-items:center}.post-card{background:#fff;border:1px solid var(--stroke);border-radius:20px;padding:14px;display:flex;flex-direction:column;gap:8px;cursor:pointer;box-shadow:var(--shadow-soft)}.post-head{display:flex;align-items:center;gap:9px}.post-head>div{flex:1;display:flex;flex-direction:column;gap:1px}.post-head strong{font-size:12.5px}.post-head span{font-size:10px;color:var(--muted)}.post-card h2{font-size:15px;line-height:1.35;margin-top:2px}.post-card>p{font-size:12.5px;color:var(--navy-500);line-height:1.6}.post-image{width:100%;border-radius:14px;max-height:240px;object-fit:cover}.post-image.large{max-height:360px;margin-top:12px}.post-actions{display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);padding-top:9px;margin-top:2px;font-size:11px;color:var(--muted)}.post-actions span,.post-actions button{display:inline-flex;align-items:center;gap:4px}.post-actions button{border:0;background:none;color:var(--muted);font-size:11px;padding:0}.post-actions button.liked{color:var(--rose)}.post-actions.detail{border-top:0;padding-top:6px}.post-read{margin-left:auto;color:var(--brand-600);font-weight:700}.post-detail{background:#fff;border:1px solid var(--stroke);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:9px}.post-detail h1{font-size:21px;line-height:1.3;letter-spacing:-.02em}.post-body{font-size:13.5px;line-height:1.75;color:var(--navy-500);white-space:pre-wrap}.comments-section{display:flex;flex-direction:column;gap:12px}.comments-section h2{font-size:16px}.comment-item{display:flex;gap:9px;align-items:flex-start}.comment-bubble{flex:1;background:#fff;border:1px solid var(--stroke);border-radius:4px 16px 16px;padding:10px 12px}.comment-bubble strong{font-size:11.5px}.comment-time{font-size:9.5px;color:var(--hint);margin-left:6px}.comment-bubble p{font-size:12.5px;color:var(--navy-500);line-height:1.55;margin-top:3px}.comment-bar{position:sticky;bottom:0;display:flex;align-items:flex-end;gap:8px;padding:9px 12px calc(9px + env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.comment-bar .textarea{min-height:42px;max-height:110px;border-radius:14px}.comment-send{min-height:42px;width:44px;padding:0;border-radius:13px;flex:0 0 auto}.mindfulness-hero{position:relative;overflow:hidden;min-height:290px;padding:max(34px,env(safe-area-inset-top)) 20px 30px;color:#fff;background:radial-gradient(circle at 50% 42%,#2f9d8e 0,#0e6b64 35%,#083c46);border-radius:0 0 30px 30px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.mindfulness-hero h1{font-size:30px;letter-spacing:-.035em;margin-top:5px}.mindfulness-hero p{font-size:12.5px;line-height:1.6;color:#ffffffb8;max-width:340px;margin-top:7px}.breath-ring{position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.ring-one{width:240px;height:240px;animation:breathe 7s ease-in-out infinite}.ring-two{width:340px;height:340px;opacity:.6;animation:breathe 9s ease-in-out infinite reverse}@keyframes breathe{0%,to{transform:translate(-50%,-50%) scale(.9);opacity:.4}50%{transform:translate(-50%,-50%) scale(1.08);opacity:.8}}.breath-core{position:absolute;right:22px;bottom:22px;width:66px;height:66px;border-radius:50%;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;color:#ffffffd9}.audio-card{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--stroke);border-radius:18px;padding:10px;box-shadow:var(--shadow-soft);margin-bottom:9px}.audio-card.featured{background:linear-gradient(135deg,#fff,#effaf8);border-color:#c8ece6}.audio-cover{position:relative;width:58px;height:58px;border-radius:14px;border:0;background:var(--teal-soft);color:var(--teal);display:grid;place-items:center;overflow:hidden;flex:0 0 auto}.audio-cover img{width:100%;height:100%;object-fit:cover}.audio-play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#073c3c40;color:#fff;opacity:0;transition:opacity .16s}.audio-cover:hover .audio-play{opacity:1}.audio-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.audio-eyebrow{font-size:7.5px;letter-spacing:.1em;font-weight:800;color:var(--teal)}.audio-copy strong{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-copy>span:nth-of-type(2){font-size:10px;color:var(--muted)}.audio-progress{height:3px;background:#e5eef0;border-radius:99px;overflow:hidden;margin-top:6px}.audio-progress span{display:block;height:100%;background:var(--teal);border-radius:99px;transition:width .2s}.audio-toggle{width:38px;height:38px;border-radius:50%;background:var(--teal-soft);color:var(--teal)}.kalender-hero{padding-bottom:30px}.calendar-card{background:#fff;border:1px solid var(--stroke);border-radius:22px;padding:14px;box-shadow:var(--shadow-soft)}.calendar-head{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 10px}.calendar-head strong{font-size:14px}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center}.calendar-weekdays span{font-size:9px;font-weight:800;color:var(--hint);padding:5px 0}.calendar-day{position:relative;border:0;background:none;min-height:39px;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11.5px;color:var(--navy-700)}.calendar-day.today{background:var(--brand-50);color:var(--brand-700);font-weight:800}.calendar-day.selected{background:var(--brand-600);color:#fff}.calendar-day.has-event{font-weight:700}.calendar-dot{width:5px;height:5px;border-radius:50%;display:inline-block;background:var(--brand-500)}.calendar-dot.holiday{background:#e0004d}.calendar-dot.bodhisattva{background:var(--violet)}.calendar-dot.ancestor{background:var(--amber-500)}.calendar-dot.uposatha{background:var(--brand-500)}.calendar-day.selected .calendar-dot{background:#fff}.calendar-legend{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.calendar-legend span{display:flex;align-items:center;gap:4px;font-size:9.5px;color:var(--muted)}.calendar-selected{display:flex;flex-direction:column;gap:9px}.calendar-selected>h2{font-size:15px}.uposatha-card{background:#fff;border:1px solid var(--stroke);border-radius:18px;padding:15px;display:flex;flex-direction:column;gap:7px}.uposatha-card h3{font-size:16px}.uposatha-card h4{font-size:12px;margin-top:4px}.uposatha-card p{font-size:12.5px;line-height:1.65;color:var(--navy-500)}.uposatha-type{align-self:flex-start;font-size:8px;font-weight:800;letter-spacing:.08em;padding:3px 7px;border-radius:99px;background:var(--brand-50);color:var(--brand-700)}.uposatha-type.holiday{background:var(--red-soft);color:var(--red)}.uposatha-type.bodhisattva{background:var(--violet-soft);color:var(--violet)}.uposatha-type.ancestor{background:var(--amber-50);color:var(--amber-700)}.upcoming-row{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--stroke);border-radius:16px;padding:9px 11px;width:100%;text-align:left}.upcoming-date{width:44px;height:48px;border-radius:12px;background:var(--brand-50);color:var(--brand-700);display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto}.upcoming-date.holiday{background:var(--red-soft);color:var(--red)}.upcoming-date.bodhisattva{background:var(--violet-soft);color:var(--violet)}.upcoming-date strong{font-size:16px;line-height:1}.upcoming-date span{font-size:8.5px;font-weight:700}.upcoming-row>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:2px}.upcoming-row strong{font-size:12px}.upcoming-row small{font-size:10px;color:var(--muted)}.event-hero{padding-bottom:30px}.event-card{display:flex;gap:12px;width:100%;background:#fff;border:1px solid var(--stroke);border-radius:20px;overflow:hidden;text-align:left;box-shadow:var(--shadow-soft);padding:0}.event-cover{position:relative;width:112px;min-height:176px;display:grid;place-items:center;color:#fffc;flex:0 0 auto;overflow:hidden}.event-cover>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.event-date-badge{position:absolute;left:8px;top:8px;min-width:42px;padding:5px 4px;border-radius:11px;background:#fffffff0;color:var(--brand-700);display:flex;flex-direction:column;align-items:center;box-shadow:0 3px 8px #0f1e3c1f}.event-date-badge strong{font-size:17px;line-height:1}.event-date-badge span{font-size:8px;text-transform:uppercase;font-weight:800}.event-body{flex:1;min-width:0;padding:12px 12px 11px 0;display:flex;flex-direction:column;gap:4px}.event-category{font-size:8px;font-weight:800;letter-spacing:.08em;color:var(--brand-600)}.event-body>strong{font-size:14px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.event-meta{display:flex;align-items:center;gap:3px;font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:4px}.event-fee{font-size:11px;font-weight:800;color:var(--brand-700)}.event-quota{font-size:9px;color:var(--hint)}.quota-box{background:#fff;border:1px solid var(--stroke);border-radius:16px;padding:12px}.quota-head{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:6px}.quota-head strong{color:var(--brand-700)}.quota-track{height:5px;border-radius:99px;background:var(--brand-50);overflow:hidden}.quota-track span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#3b8bf5,#1565d0)}.quota-box small{display:block;margin-top:6px;font-size:9.5px;color:var(--hint)}.timeline{display:flex;flex-direction:column;gap:0}.timeline-item{display:flex;gap:11px;position:relative;padding-bottom:15px}.timeline-item:before{content:"";position:absolute;left:5px;top:15px;bottom:0;width:1px;background:var(--brand-100)}.timeline-item:last-child:before{display:none}.timeline-dot{width:11px;height:11px;border-radius:50%;background:var(--brand-500);border:2px solid #fff;box-shadow:0 0 0 2px var(--brand-100);flex:0 0 auto;margin-top:3px}.timeline-item strong{font-size:12px}.timeline-item p{font-size:12px;color:var(--muted);margin-top:2px;line-height:1.5}.ticket-card{display:flex;align-items:center;gap:11px;background:linear-gradient(135deg,#effbf6,#dcf7ea);border:1px solid #b9ecd7;border-radius:17px;padding:12px}.ticket-icon{width:42px;height:42px;border-radius:13px;background:var(--green);color:#fff;display:grid;place-items:center;flex:0 0 auto}.ticket-card>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:1px}.ticket-card strong{font-size:13px;color:#08664b}.ticket-card small{font-size:10px;color:#27765f}.ticket-code{font-size:10px;font-weight:800;background:#fff;border:1px dashed #8ed4ba;border-radius:7px;padding:4px 7px;color:#08664b}.sticky-action{position:static;z-index:10;background:#fffffff5;border:1px solid var(--stroke);border-radius:18px;box-shadow:0 10px 26px #0f1e3c21;padding:9px 10px 9px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.sticky-action>div{display:flex;flex-direction:column;gap:1px}.sticky-action>div span{font-size:9px;color:var(--muted)}.sticky-action>div strong{font-size:14px}.sticky-action .btn{min-height:44px;border-radius:13px;font-size:12px}.bursa-hero{padding-bottom:28px}.bursa-feature{flex:0 0 160px;min-height:140px;border:0;border-radius:19px;padding:14px;text-align:left;color:#fff;display:flex;flex-direction:column;gap:4px;box-shadow:0 8px 20px #0f1e3c29}.bursa-feature-icon{width:46px;height:46px;border-radius:14px;background:#ffffff29;display:grid;place-items:center;margin-bottom:6px}.bursa-feature-cat{font-size:8px;font-weight:800;letter-spacing:.08em;opacity:.75}.bursa-feature strong{font-size:14px;line-height:1.25}.bursa-feature>span:last-child{font-size:10px;opacity:.75}.business-card{display:flex;align-items:center;gap:11px;width:100%;background:#fff;border:1px solid var(--stroke);border-radius:18px;padding:11px;text-align:left;box-shadow:var(--shadow-soft)}.business-logo{width:52px;height:52px;border-radius:15px;background:var(--brand-50);color:var(--brand-600);display:grid;place-items:center;flex:0 0 auto}.business-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.business-top{display:flex;align-items:center;gap:5px}.business-top strong{font-size:13px}.business-cat{font-size:9.5px;color:var(--brand-600);font-weight:700}.business-desc{font-size:10.5px;color:var(--muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.business-meta{display:flex;align-items:center;gap:3px;font-size:9.5px;color:var(--hint);margin-top:1px}.business-hero{min-height:285px;padding:max(10px,env(safe-area-inset-top)) 20px 24px;color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;background:radial-gradient(circle at 78% 10%,#f2b23d 0,transparent 30%),linear-gradient(135deg,#0b3c80,#1565d0 60%,#2f7fe8);position:relative;border-radius:0 0 28px 28px}.business-hero .topbar{padding-left:0;padding-right:0;width:100%}.business-big-logo{width:76px;height:76px;border-radius:22px;background:#ffffff29;border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;margin:2px 0 13px}.business-hero h1{font-size:28px;letter-spacing:-.03em;margin-top:5px}.business-hero p{display:flex;align-items:center;gap:4px;font-size:11.5px;color:#ffffffc2;margin-top:7px}.profile-hero{position:relative;overflow:hidden;background:var(--header-gradient);color:#fff;padding:max(18px,env(safe-area-inset-top)) 20px 40px;border-radius:0 0 30px 30px}.profile-hero:after{content:"";position:absolute;width:240px;height:240px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-100px;top:-80px}.profile-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.profile-main{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:16px}.profile-avatar{border:3px solid rgba(255,255,255,.8);box-shadow:0 8px 22px #03193c3d;background:#fff3;color:#fff}.profile-main h1{font-size:22px;letter-spacing:-.025em;margin-top:10px}.profile-badges{display:flex;align-items:center;gap:7px;margin-top:6px}.profile-age{font-size:10px;color:#ffffffb3}.profile-main p{font-size:11px;color:#ffffffb3;margin-top:5px}.profile-body{margin-top:-18px;position:relative}.login-card{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--stroke);border-radius:17px;padding:12px;text-align:left;width:100%;box-shadow:var(--shadow-soft)}.login-card-icon{width:42px;height:42px;border-radius:13px;background:var(--brand-50);color:var(--brand-600);display:grid;place-items:center;flex:0 0 auto}.login-card>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:1px}.login-card strong{font-size:12.5px}.login-card small{font-size:10.5px;color:var(--muted)}.menu-list-card{padding:5px 14px}.menu-row{display:flex;align-items:center;gap:11px;width:100%;border:0;background:none;padding:12px 0;border-bottom:1px solid var(--line);text-align:left;font-size:12.5px;font-weight:600}.menu-row:last-child{border-bottom:0}.menu-row>span:nth-child(2){flex:1}.menu-row-icon{width:34px;height:34px;border-radius:11px;background:var(--brand-50);color:var(--brand-600);display:grid;place-items:center;flex:0 0 auto}.menu-row-icon.danger{background:var(--red-soft);color:var(--red)}.menu-row.danger{color:var(--red)}.logout-card{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;border-radius:16px;border:1px solid #fecaca;background:#fff5f5;color:var(--red);font-size:13px;font-weight:800}.app-version{text-align:center;font-size:9.5px;color:var(--hint)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#0613297a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:24px}.modal-card{width:100%;max-width:360px;background:#fff;border-radius:22px;padding:22px 18px 16px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;animation:fadeUp .2s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.modal-icon{width:54px;height:54px;border-radius:17px;background:var(--red-soft);color:var(--red);display:grid;place-items:center}.modal-card h2{font-size:17px}.modal-card p{font-size:12.5px;color:var(--muted);line-height:1.55}.modal-actions{display:flex;gap:8px;width:100%;margin-top:6px}.modal-actions .btn{flex:1;min-height:45px;font-size:12.5px}.prose{color:var(--navy-500);font-size:13.5px;line-height:1.75;gap:16px}.prose h1{font-size:24px;color:var(--text);letter-spacing:-.02em}.prose h2{font-size:16px;color:var(--text);margin-bottom:6px}.prose h3{font-size:14px;color:var(--text)}.prose p{margin:0}.prose section{display:flex;flex-direction:column;gap:6px}.prose ul,.prose ol{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:5px}.prose a{font-weight:700}.help-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 0 8px;gap:7px}.help-hero h1{font-size:22px;color:var(--text);letter-spacing:-.02em}.help-hero p{font-size:12.5px;color:var(--muted);max-width:330px;line-height:1.55}.help-icon{width:62px;height:62px;border-radius:20px;background:var(--brand-50);color:var(--brand-600);display:grid;place-items:center;margin-bottom:4px}.faq-list{display:flex;flex-direction:column;gap:8px}.faq-item{background:#fff;border:1px solid var(--stroke);border-radius:15px;padding:13px 14px}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12.5px;font-weight:700;color:var(--text);cursor:pointer;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary .icon{color:var(--brand-600);transition:transform .2s}.faq-item[open] summary .icon{transform:rotate(45deg)}.faq-item p{font-size:12px;color:var(--muted);line-height:1.65;margin-top:9px}.about-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;padding:6px 0 14px}.about-hero img{width:100px;height:100px;object-fit:contain}.about-hero p{font-size:12px;color:var(--muted)}.value-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.value-grid span{display:flex;align-items:center;gap:6px;background:var(--brand-50);color:var(--brand-800);border-radius:11px;padding:9px 10px;font-size:11px;font-weight:700}.developer-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;background:linear-gradient(135deg,#f5f9ff,#e9f2fe);border:1px solid var(--brand-100);border-radius:20px;padding:22px 18px;margin-bottom:4px}.developer-logo{width:70px;height:70px;border-radius:22px;background:var(--header-gradient);color:#fff;display:grid;place-items:center}.developer-card h1{font-size:20px;color:var(--text)}.developer-card p{font-size:12px;color:var(--muted);line-height:1.6}.warta-hero{padding-bottom:30px}.warta-card{display:flex;gap:12px;width:100%;background:#fff;border:1px solid var(--stroke);border-radius:19px;padding:10px;text-align:left;box-shadow:var(--shadow-soft)}.warta-image{width:104px;height:104px;border-radius:14px;display:grid;place-items:center;color:#fff;overflow:hidden;flex:0 0 auto}.warta-image img{width:100%;height:100%;object-fit:cover}.warta-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.warta-copy strong{font-size:13px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.warta-copy>span:not(.news-meta){font-size:10.5px;color:var(--muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.warta-read{display:inline-flex;align-items:center;gap:2px;color:var(--brand-600)!important;font-weight:700;margin-top:3px}.article-page{gap:12px}.article-page h1{font-size:27px;line-height:1.2;letter-spacing:-.03em}.article-byline{font-size:11px;color:var(--muted)}.article-image{width:100%;border-radius:18px;margin:4px 0;max-height:360px;object-fit:cover}.article-page>p{font-size:13.5px;line-height:1.8;color:var(--navy-500)}.article-page .btn{align-self:flex-start;margin-top:6px}.notification-card{display:flex;gap:11px;background:#fff;border:1px solid var(--stroke);border-radius:17px;padding:13px}.notification-icon{width:40px;height:40px;border-radius:12px;background:var(--brand-50);color:var(--brand-600);display:grid;place-items:center;flex:0 0 auto}.notification-card>span:last-child{display:flex;flex-direction:column;gap:3px}.notification-card strong{font-size:12.5px}.notification-card p{font-size:11.5px;color:var(--navy-500);line-height:1.5}.notification-card small{font-size:9.5px;color:var(--hint)}.dana-page{background:#fffaf0}.dana-hero{position:relative;overflow:hidden;margin:0;padding:max(10px,env(safe-area-inset-top)) 20px 34px;color:#fff;background:linear-gradient(135deg,#b45309,#d97706 48%,#f59e0b);border-radius:0 0 30px 30px}.dana-hero .topbar{padding-left:0;padding-right:0}.dana-hero-eyebrow{display:block;margin-top:14px;font-size:9px;font-weight:800;letter-spacing:.14em;color:#ffffffb8}.dana-hero h1{font-size:32px;letter-spacing:-.035em;margin-top:4px}.dana-hero p{font-size:12.5px;color:#fffc;margin-top:6px;max-width:300px;line-height:1.55}.dana-hero-lotus{position:absolute;right:-10px;bottom:-12px;color:#ffffff21;transform:rotate(-10deg)}.dana-programs{display:flex;flex-direction:column;gap:8px}.dana-program{display:grid;grid-template-columns:42px 1fr;gap:4px 10px;align-items:center;text-align:left;background:#fff;border:1px solid var(--stroke);border-radius:16px;padding:11px}.dana-program>span{grid-row:span 2;width:42px;height:42px;border-radius:13px;background:var(--amber-50);color:var(--amber-600);display:grid;place-items:center}.dana-program strong{font-size:12.5px}.dana-program small{font-size:10px;color:var(--muted);line-height:1.35}.dana-program.active{border-color:#f3b65a;box-shadow:0 0 0 3px #f59e0b1a}.donation-card{display:flex;flex-direction:column;gap:12px}.donation-card h2{font-size:17px}.amount-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.amount-grid button{border:1px solid var(--stroke);background:#fff;border-radius:12px;padding:11px 5px;font-size:11.5px;font-weight:700;color:var(--navy-700)}.amount-grid button.active{border-color:var(--amber-500);background:var(--amber-50);color:var(--amber-700)}.donation-total{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:11px;font-size:12px;color:var(--muted)}.donation-total strong{font-size:20px;color:var(--amber-700)}.donation-note{font-size:10px;color:var(--hint);line-height:1.5}.ai-page{background:linear-gradient(180deg,#eef5fd,#f5f8fc 38%,#f5f8fc);display:flex;flex-direction:column;min-height:100vh}.ai-header{display:flex;align-items:center;gap:10px;padding:max(12px,env(safe-area-inset-top)) 14px 12px;background:var(--header-gradient);color:#fff;border-radius:0 0 22px 22px}.ai-avatar{width:40px;height:40px;border-radius:14px;background:#ffffff29;border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;flex:0 0 auto}.ai-header>div{flex:1}.ai-header h1{font-size:16px}.ai-header p{display:flex;align-items:center;gap:4px;font-size:9.5px;color:#ffffffb8;margin-top:1px}.online-dot{width:5px;height:5px;border-radius:50%;background:#6ee7b7;box-shadow:0 0 0 2px #6ee7b733}.ai-body{flex:1;padding:18px 16px 12px;display:flex;flex-direction:column;gap:12px;position:relative;overflow-y:auto}.ai-halo{position:absolute;top:-20px;left:50%;transform:translate(-50%);color:#2c7be012;pointer-events:none}.chat-row{display:flex;align-items:flex-end;gap:7px;max-width:90%;position:relative;z-index:1}.chat-row.user{align-self:flex-end}.chat-row.ai{align-self:flex-start}.chat-avatar{width:28px;height:28px;border-radius:9px;background:var(--brand-600);color:#fff;display:grid;place-items:center;flex:0 0 auto}.chat-bubble{padding:11px 13px;border-radius:4px 16px 16px;background:#fff;border:1px solid var(--stroke);font-size:12.5px;line-height:1.6;color:var(--navy-700);box-shadow:var(--shadow-soft);white-space:pre-wrap}.chat-row.user .chat-bubble{background:var(--brand-600);border-color:var(--brand-600);color:#fff;border-radius:16px 4px 16px 16px}.chat-bubble.typing{display:flex;gap:3px;padding:14px}.chat-bubble.typing span{width:5px;height:5px;border-radius:50%;background:var(--brand-400);animation:typing 1.1s infinite}.chat-bubble.typing span:nth-child(2){animation-delay:.15s}.chat-bubble.typing span:nth-child(3){animation-delay:.3s}@keyframes typing{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.suggestion-list{margin-top:6px;display:flex;flex-direction:column;gap:7px}.suggestion-list .eyebrow{margin-bottom:1px}.suggestion-list button{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;border:1px solid var(--brand-100);background:#fffc;border-radius:13px;padding:10px 12px;font-size:11.5px;color:var(--brand-800);font-weight:600}.ai-input-bar{position:sticky;bottom:0;display:flex;align-items:flex-end;gap:8px;padding:9px 12px;background:#fffffff5;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ai-input-bar textarea{flex:1;min-height:44px;max-height:110px;border:1px solid var(--stroke);background:var(--field);border-radius:14px;padding:12px 13px;resize:none;outline:none;font-size:13px;line-height:1.4}.ai-input-bar textarea:focus{border-color:var(--brand-400);background:#fff}.ai-send{width:44px;height:44px;border-radius:14px;border:0;background:var(--header-gradient);color:#fff;display:grid;place-items:center;flex:0 0 auto}.ai-send:disabled{opacity:.4}.ai-disclaimer{padding:0 14px calc(10px + env(safe-area-inset-bottom));background:#fff;font-size:9px;color:var(--hint);text-align:center;line-height:1.4}.devosi-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 10%,#ffd27a 0,transparent 34%),linear-gradient(135deg,#b45309,#d97706 58%,#f59e0b);color:#fff;padding:max(34px,env(safe-area-inset-top)) 20px 34px;border-radius:0 0 28px 28px}.devosi-hero h1{font-size:28px;letter-spacing:-.03em;margin-top:4px}.devosi-hero p{font-size:12.5px;color:#fffc;margin-top:6px;max-width:330px;line-height:1.55}.devosi-lotus{position:absolute;right:14px;bottom:12px;color:#ffffff2e;transform:rotate(-8deg)}.devosi-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.devosi-tile{border:1px solid var(--stroke);border-radius:17px;padding:14px 12px;text-align:left;background:#fff;display:flex;flex-direction:column;gap:5px;box-shadow:var(--shadow-soft)}.devosi-tile>span{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:var(--amber-50);color:var(--amber-600);margin-bottom:3px}.devosi-tile strong{font-size:12px}.devosi-tile small{font-size:10px;color:var(--muted);line-height:1.4}.devosi-quote{background:linear-gradient(135deg,#1e3a5f,#0b3c80);color:#fff;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:7px}.devosi-quote p{font-size:14px;line-height:1.6;font-weight:600}.devosi-quote span{font-size:10px;color:#ffffffa6}.reflection-card{background:linear-gradient(145deg,#0b3c80,#1565d0 60%,#3b8bf5);color:#fff;border-radius:24px;padding:26px 20px;display:flex;flex-direction:column;gap:12px;min-height:320px;justify-content:center;position:relative;overflow:hidden}.reflection-number{font-size:9px;font-weight:800;letter-spacing:.12em;color:#fff9}.reflection-card blockquote{margin:0;font-size:22px;line-height:1.45;font-weight:700;letter-spacing:-.02em}.reflection-translation{font-size:12.5px;line-height:1.6;color:#fffc;border-left:2px solid rgba(255,255,255,.3);padding-left:10px}.reflection-source{font-size:11px;color:#ffffffbf}.reflection-theme{align-self:flex-start;font-size:9px;background:#ffffff26;padding:4px 8px;border-radius:99px}.reflection-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px}.reflection-controls .btn{min-height:44px;font-size:11px;padding:0 12px}.reflection-controls span{font-size:10px;color:var(--muted)}.service-hero,.feature-hero{position:relative;overflow:hidden;min-height:270px;color:#fff;padding:max(10px,env(safe-area-inset-top)) 20px 28px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;border-radius:0 0 28px 28px;background:var(--header-gradient)}.service-hero .topbar,.feature-hero .topbar{width:100%;padding-left:0;padding-right:0}.service-visudhi{background:linear-gradient(135deg,#0b3c80,#1565d0)}.service-pernikahan{background:linear-gradient(135deg,#9d174d,#e11d48 60%,#fb7185)}.service-sangha{background:linear-gradient(135deg,#92400e,#d97706)}.service-rumah{background:linear-gradient(135deg,#065f46,#0e9384)}.feature-konseling{background:linear-gradient(135deg,#831843,#db2777 60%,#f472b6)}.feature-relawan{background:linear-gradient(135deg,#9a3412,#ea580c)}.feature-smb{background:linear-gradient(135deg,#854d0e,#eab308)}.feature-pmvbi{background:linear-gradient(135deg,#0b3c80,#1d4ed8)}.feature-voice-room{background:linear-gradient(135deg,#4c1d95,#7c3aed 60%,#a78bfa)}.feature-icon{width:70px;height:70px;border-radius:22px;background:#ffffff24;border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;margin-bottom:14px}.service-hero h1,.feature-hero h1{font-size:28px;letter-spacing:-.03em;margin-top:5px;line-height:1.15}.service-hero p,.feature-hero p{font-size:12.5px;color:#fffc;line-height:1.55;margin-top:7px;max-width:340px}.check-list{list-style:none!important;padding-left:0!important;gap:8px!important}.check-list li{display:flex;align-items:flex-start;gap:7px;color:var(--navy-500)}.check-list .icon{color:var(--green);margin-top:2px}.toast-stack{position:fixed;z-index:100;left:50%;bottom:100px;transform:translate(-50%);width:min(360px,calc(100vw - 32px));display:flex;flex-direction:column;gap:7px;pointer-events:none}.toast{display:flex;align-items:center;gap:8px;background:#0f172af0;color:#fff;border-radius:13px;padding:10px 12px;font-size:11.5px;line-height:1.4;box-shadow:0 10px 28px #030f2347;animation:fadeUp .22s ease}.toast-success{background:#08664b}.toast-error{background:#991b1b}@media (min-width: 680px){.app-shell{margin:18px auto;min-height:calc(100vh - 36px);border-radius:30px}.app-main{min-height:calc(100vh - 36px)}.bottom-nav{bottom:28px}.welcome-page,.auth-page{min-height:100vh}.toast-stack{bottom:116px}}@media (max-width: 360px){.quick-icon{width:42px;height:42px}.quick-item>span:last-child{font-size:9.5px}.home-greeting h1{font-size:15px}.header-action{width:38px;height:38px}.page-body{padding:16px}.home-body{padding-left:16px;padding-right:16px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.avatar img{width:100%;height:100%;object-fit:cover}