@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Lora:ital,wght@0,400;0,600;1,400&display=swap");:root{--teal-50:#e6f4f1;--teal-100:#b3dfd8;--teal-200:#80c9bf;--teal-400:#1a9b87;--teal-600:#0d6b5e;--teal-700:#0a5449;--teal-800:#084d44;--teal-900:#04302b;--terra-50:#fdf5ef;--terra-100:#fbe4cf;--terra-200:#f7c9a0;--terra-400:#e8a87c;--terra-600:#c97c45;--cream-50:#fefcf9;--cream-100:#fdf5e8;--coral-400:#e8623a;--coral-600:#c0431f;--amber-400:#f59e0b;--amber-600:#b45309;--red-400:#ef4444;--red-600:#dc2626;--green-400:#22c55e;--green-600:#16a34a;--purple-400:#8b5cf6;--purple-600:#7c3aed;--gold-400:#d4a017;--gray-50:#f8faf9;--gray-100:#f0f2f1;--gray-200:#e2e6e4;--gray-400:#9ba8a4;--gray-500:#718a85;--gray-600:#5c6b67;--gray-800:#2d3835;--gray-900:#1a2220;--font-sans:"Plus Jakarta Sans",sans-serif;--font-serif:"Lora",serif;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--shadow-sm:0 1px 3px rgba(0,0,0,.07);--shadow-md:0 4px 16px rgba(0,0,0,.09);--shadow-lg:0 8px 28px rgba(0,0,0,.12)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--cream-50);color:var(--gray-900);line-height:1.6;min-height:100vh;max-width:430px;margin:0 auto;position:relative}@media(min-width:500px){html{background:#c8d8d5}body{box-shadow:var(--shadow-lg);min-height:100vh}}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none}button,input,select,textarea{font-family:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.badge-rendah{background:#dcfce7;color:#16a34a}.badge-sedang{background:#fef3c7;color:#d97706}.badge-tinggi{background:#fee2e2;color:#dc2626}.badge-darurat{background:#ede9fe;color:#7c3aed}.risk-badge{display:inline-flex;gap:4px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.btn-primary,.risk-badge{align-items:center;letter-spacing:.01em}.btn-primary{display:flex;justify-content:center;gap:8px;width:100%;padding:14px 20px;background:var(--teal-600);color:#fff;border-radius:var(--radius-md);font-size:15px;font-weight:700;transition:background .15s,transform .1s}.btn-primary:hover{background:var(--teal-700)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{background:var(--gray-400);cursor:not-allowed;transform:none}.btn-secondary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 20px;background:#fff;color:var(--teal-600);border:1.5px solid var(--teal-200);border-radius:var(--radius-md);font-size:15px;font-weight:600;transition:background .15s}.btn-secondary:hover{background:var(--teal-50)}.btn-ghost{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;background:transparent;color:var(--gray-600);border-radius:var(--radius-sm);font-size:14px;font-weight:500;transition:background .15s}.btn-ghost:hover{background:var(--gray-100)}.card{background:#fff;box-shadow:var(--shadow-sm)}.card,.card-warm{border-radius:var(--radius-lg);padding:16px}.card-warm{background:var(--cream-100);border:1px solid var(--terra-100)}.input{width:100%;padding:12px 14px;background:#fff;border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);font-size:15px;color:var(--gray-900);transition:border-color .15s;outline:none}.input:focus{border-color:var(--teal-400)}.input::placeholder{color:var(--gray-400)}.label{display:block;font-size:13px;font-weight:600;color:var(--gray-600);margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.page-shell{display:flex;flex-direction:column;min-height:100vh}.page-header{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border-bottom:1px solid var(--gray-100);position:-webkit-sticky;position:sticky;top:0;z-index:10}.page-title{font-size:17px;font-weight:700;color:var(--gray-900);flex:1 1}.page-content{flex:1 1;padding:16px;display:flex;flex-direction:column;gap:14px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:430px;background:#fff;border-top:1px solid var(--gray-100);display:flex;z-index:20;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-item{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px 8px;color:var(--gray-400);font-size:10px;font-weight:600;transition:color .15s;letter-spacing:.02em}.bottom-nav-item.active{color:var(--teal-600)}.bottom-nav-item svg{width:22px;height:22px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-sm)}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .25s ease both}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section-title{font-size:13px;font-weight:700;color:var(--gray-600);text-transform:uppercase;letter-spacing:.06em}.pill-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.pill-tabs::-webkit-scrollbar{display:none}.pill-tab{padding:7px 16px;border-radius:20px;font-size:13px;font-weight:600;white-space:nowrap;border:1.5px solid var(--gray-200);background:#fff;color:var(--gray-600);transition:all .15s;cursor:pointer}.pill-tab.active{background:var(--teal-600);color:#fff;border-color:var(--teal-600)}.pill-tab.terra.active{background:var(--terra-600);border-color:var(--terra-600);color:#fff}.week-card{background:linear-gradient(135deg,var(--teal-600) 0,var(--teal-700) 100%);border-radius:var(--radius-xl);padding:24px;color:#fff;position:relative;overflow:hidden}.week-card:after{content:"";position:absolute;top:-20px;right:-20px;width:120px;height:120px;border-radius:50%;background:hsla(0,0%,100%,.06)}.milestone-card{background:#fff;padding:14px;display:flex;gap:12px;align-items:flex-start;border-left:4px solid var(--terra-400);box-shadow:var(--shadow-sm)}.milestone-card,.tip-card{border-radius:var(--radius-md)}.tip-card{background:var(--cream-100);padding:14px 16px;border:1px solid var(--terra-100)}