:root{--hijau:#14532d;--hijau-tua:#0b3a1e;--hijau-terang:#1d7a4f;--emas:#b8860b;--emas-terang:#e7c873;--emas-tua:#9c7414;--emas-tinta:#7a5a0d;--krim:#faf7f0;--krim-tua:#f3ecdd;--tinta:#1f2937;--muted:#5a655d;--garis:#e5e0d5;--danger:#b3403a;--danger-tint:#fbeeed;--ok-tint:#e9f6ef;--hijau-lembut:#eef6f2;--bayang:0 10px 30px -12px #0b3a1e47;--bayang-lembut:0 4px 14px -6px #0b3a1e2e;--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(1200px 480px at 50% -160px, #e7c8732e, transparent 70%), var(--krim);color:var(--tinta);-webkit-font-smoothing:antialiased;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.65}h1,h2,h3{letter-spacing:-.01em}.site-header{background:linear-gradient(120deg, var(--hijau-tua), var(--hijau) 55%, var(--hijau-terang));color:#fff;z-index:50;box-shadow:var(--bayang-lembut);border-bottom:2px solid #e7c87359;justify-content:space-between;align-items:center;padding:14px 24px;display:flex;position:sticky;top:0}.brand{color:#fff;font-size:1.25rem;font-weight:700;text-decoration:none}.brand span{color:var(--emas-terang)}.sg-logo{align-items:center;gap:10px;text-decoration:none;display:inline-flex}.sg-logo svg{filter:drop-shadow(0 2px 5px #00000040);flex:none}.sg-wordmark{color:#fff;letter-spacing:-.02em;font-size:1.3rem;font-weight:800}.sg-wordmark-accent{color:var(--emas-terang)}.site-header nav{align-items:center;gap:8px;display:flex}.site-header nav a{color:#fff;border:1.5px solid #e7c87380;border-radius:10px;padding:8px 14px;font-weight:600;text-decoration:none;transition:background .18s,color .18s}.site-header nav a:hover{background:var(--emas-terang);color:var(--hijau-tua)}.nav-burger{display:none}@media (max-width:768px){.site-header{flex-wrap:nowrap;gap:10px;padding:12px 16px}.nav-burger{cursor:pointer;background:#ffffff14;border:1.5px solid #e7c87380;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:44px;height:44px;padding:0;display:inline-flex}.nav-burger-bar{background:#fff;border-radius:2px;width:20px;height:2px;transition:transform .2s,opacity .2s;display:block}.nav-burger[aria-expanded=true] .nav-burger-bar:first-child{transform:translateY(6px)rotate(45deg)}.nav-burger[aria-expanded=true] .nav-burger-bar:nth-child(2){opacity:0}.nav-burger[aria-expanded=true] .nav-burger-bar:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.site-header nav{background:linear-gradient(120deg, var(--hijau-tua), var(--hijau) 70%);box-shadow:var(--bayang);border-bottom:2px solid #e7c87359;flex-direction:column;align-items:stretch;gap:6px;padding:10px 16px 14px;display:none;position:absolute;top:100%;left:0;right:0}.site-header nav.open{display:flex}.site-header nav a{width:100%;padding:11px 14px;font-size:.95rem}}main{max-width:960px;margin:0 auto;padding:32px 20px 72px}.site-footer{text-align:center;color:#5f6b62;border-top:1px solid var(--garis);background:linear-gradient(#0000,#f3ecdd99);padding:28px 20px;font-size:.85rem}.site-footer .footer-mark{align-items:center;gap:8px;margin-bottom:8px;display:inline-flex}.hero{text-align:center;padding:40px 0 16px}.hero h1{color:var(--hijau-tua);margin:0 0 14px;font-size:2.6rem;line-height:1.12}.hero h1 .accent{color:var(--emas-tua)}.hero p{color:#3c4a40;max-width:600px;margin:0 auto 26px;font-size:1.12rem}.hero-banner{box-shadow:var(--bayang);border:1px solid var(--garis);isolation:isolate;border-radius:22px;margin-bottom:8px;position:relative;overflow:hidden}.hero-banner img{object-fit:cover;width:100%;height:auto;display:block}.hero-banner .hero-overlay{text-align:left;background:linear-gradient(90deg,#0b3a1ed1 0%,#0b3a1e8c 38%,#0b3a1e0d 70%);flex-direction:column;justify-content:center;align-items:flex-start;padding:6% 7%;display:flex;position:absolute;inset:0}.hero-banner .hero-overlay h1{color:#fff;max-width:60%;margin:0 0 12px;font-size:clamp(1.5rem,4.2vw,3rem)}.hero-banner .hero-overlay h1 .accent{color:var(--emas-terang)}.hero-banner .hero-overlay p{color:#ffffffeb;max-width:48%;margin:0 0 20px;font-size:clamp(.9rem,1.8vw,1.15rem)}.hero-intro{text-align:center;max-width:700px;margin:28px auto 4px}.hero-intro h1{color:var(--hijau-tua);margin:0 0 14px;font-size:clamp(1.9rem,5vw,2.9rem);line-height:1.12}.hero-intro h1 .accent{color:var(--emas-tua)}.hero-intro p{color:#3c4a40;max-width:580px;margin:0 auto 22px;font-size:1.12rem}.hero-kicker{color:var(--emas-tinta);letter-spacing:.01em;margin:0 0 10px;font-size:1.02rem;font-style:italic;font-weight:700}.hero-sub{color:#6b7563;justify-content:center;align-items:center;gap:8px;margin-top:8px;font-size:.9rem;display:inline-flex}.hero-sub svg{color:var(--hijau-terang)}.btn{background:linear-gradient(120deg, var(--hijau), var(--hijau-terang));color:#fff;cursor:pointer;box-shadow:var(--bayang-lembut);border:none;border-radius:12px;align-items:center;gap:8px;padding:13px 30px;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .16s,box-shadow .16s,filter .16s;display:inline-flex}.btn:hover{box-shadow:var(--bayang);filter:brightness(1.05);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn.gold{background:linear-gradient(120deg, var(--emas), var(--emas-tua));color:#2a1e05}.btn.secondary{color:var(--hijau);border:2px solid var(--hijau);box-shadow:none;background:0 0}.btn.secondary:hover{background:var(--hijau);color:#fff}.btn.on-dark{background:linear-gradient(120deg, var(--emas-terang), var(--emas));color:#2a1e05}.card{border:1px solid var(--garis);border-radius:var(--radius);box-shadow:var(--bayang-lembut);background:#fff;margin:18px 0;padding:22px}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin:36px 0 8px;display:grid}.feature{border:1px solid var(--garis);border-radius:var(--radius);text-align:left;box-shadow:var(--bayang-lembut);background:#fff;padding:22px 20px;transition:transform .18s,box-shadow .18s,border-color .18s}.feature:hover{box-shadow:var(--bayang);border-color:#b8860b73;transform:translateY(-4px)}.feature h3{color:var(--hijau-tua);margin:14px 0 6px;font-size:1.08rem}.feature p{color:#4a564c;margin:0;font-size:.95rem}.sg-icon-badge{border-radius:13px;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.sg-icon-gold{color:var(--emas-tinta);background:linear-gradient(135deg,#e7c87347,#b8860b29);border:1px solid #b8860b40}.sg-icon-green{color:var(--hijau-terang);background:linear-gradient(135deg,#1d7a4f29,#0b3a1e1a);border:1px solid #14532d2e}.section-head{text-align:center;margin:44px 0 4px}.section-head h2{color:var(--hijau-tua);margin:0 0 6px;font-size:1.5rem}.section-head .rule{background:linear-gradient(90deg, var(--emas-terang), var(--emas));border-radius:3px;width:56px;height:3px;margin:0 auto}.carousel{background:radial-gradient(130% 150% at 50% 0%, #14532d 0%, var(--hijau-tua) 55%, #07331b 100%);box-shadow:var(--bayang);border-radius:22px;margin:26px 0 8px;padding:24px 0 6px;position:relative;overflow:hidden}.carousel-viewport{position:relative}.carousel-track{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:center;gap:16px;padding:8px 0 12px;display:flex;position:relative;overflow-x:auto}.carousel-track::-webkit-scrollbar{display:none}.carousel-track:before,.carousel-track:after{content:"";flex:0 0 10%}.carousel-slide{scroll-snap-align:center;cursor:pointer;opacity:.5;will-change:transform, opacity;background:#0b3a1e;border-radius:18px;flex:0 0 80%;max-width:620px;transition:transform .12s ease-out,opacity .12s ease-out;position:relative;overflow:hidden;transform:scale(.84);box-shadow:0 12px 32px #0000004d}.carousel-slide.is-active{cursor:default}.carousel-slide img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.carousel-slide figcaption{opacity:0;will-change:opacity;background:linear-gradient(#0000 30%,#082a1624 48%,#082a16b3 76%,#082a16f2 100%);flex-direction:column;justify-content:flex-end;padding:0 8% 9%;transition:opacity .14s ease-out;display:flex;position:absolute;inset:0}.carousel-slide figcaption h3{color:#fff;text-shadow:0 2px 14px #0000008c;margin:0 0 8px;font-size:clamp(1.15rem,2.4vw,1.55rem)}.carousel-slide figcaption p{color:#fffffff2;text-shadow:0 1px 10px #00000080;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:44ch;margin:0;font-size:clamp(.9rem,1.5vw,1.02rem);line-height:1.5;display:-webkit-box;overflow:hidden}.carousel .pill{z-index:2;color:#3a2c06;letter-spacing:.08em;text-transform:uppercase;opacity:0;background:#e7c873f5;border-radius:999px;padding:5px 12px;font-size:.68rem;font-weight:800;position:absolute;top:14px;left:16px}.carousel .arrow{cursor:pointer;width:44px;height:44px;color:var(--hijau-tua);z-index:5;background:#ffffffeb;border:0;border-radius:50%;justify-content:center;align-items:center;font-size:23px;line-height:1;transition:background .15s,transform .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 14px #00000059}.carousel .arrow:hover{background:#fff;transform:translateY(-50%)scale(1.06)}.carousel .arrow.prev{left:12px}.carousel .arrow.next{right:12px}.carousel-controls{align-items:center;gap:14px;padding:14px 8% 4px;display:flex}.carousel-controls .play{cursor:pointer;width:38px;height:38px;color:var(--hijau-tua);background:#fffffff0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;display:flex;box-shadow:0 3px 10px #00000040}.carousel-bar{flex:1;gap:7px;display:flex}.carousel-bar .seg{cursor:pointer;background:#ffffff42;border:0;border-radius:3px;flex:1;height:4px;padding:0;overflow:hidden}.carousel-bar .seg>i{background:var(--emas);border-radius:3px;width:0;height:100%;display:block}.carousel-bar .seg.done>i{width:100%}.carousel-bar .seg.active>i{animation:seg-fill var(--dwell,4.5s) linear forwards}.carousel.paused .carousel-bar .seg.active>i{animation-play-state:paused}@keyframes seg-fill{0%{width:0}to{width:100%}}@media (max-width:600px){.carousel{border-radius:18px;padding:16px 0 4px}.carousel-slide{flex:0 0 84%}.carousel-slide figcaption{padding:0 7% 9%}.carousel-slide figcaption h3{font-size:1.12rem}.carousel-slide figcaption p{-webkit-line-clamp:3}.carousel .arrow{display:none}}@media (prefers-reduced-motion:reduce){.carousel-track{scroll-behavior:auto}.carousel-bar .seg.active>i{width:100%;animation:none}}.pick-row{flex-wrap:wrap;gap:16px;display:flex}.pick-row>div{flex:1;min-width:220px}label{color:var(--hijau-tua);margin-bottom:6px;font-weight:600;display:block}select{border:1px solid var(--garis);background:#fff;border-radius:10px;width:100%;padding:11px;font-size:1rem;transition:border-color .16s,box-shadow .16s}select:focus{border-color:var(--emas);outline:none;box-shadow:0 0 0 3px #e7c87359}.result{text-align:center;padding:8px 0}.result .label{color:var(--hijau-tua);font-size:1.7rem;font-weight:800}.result .pang{color:var(--emas-tinta);font-weight:600}.result-pair{grid-template-columns:1fr;gap:14px;margin-top:6px;display:grid}@media (min-width:620px){.result-pair{grid-template-columns:1fr 1fr}}.result-stmt{background:linear-gradient(180deg, #fff, var(--krim-tua));border:1px solid var(--garis);text-align:center;border-radius:14px;padding:16px}.result-stmt .who{color:#6b7563;font-size:.85rem}.avatars{justify-content:center;align-items:flex-end;gap:28px;margin:6px 0 14px;display:flex}.avatars .avatar-box{background:radial-gradient(circle at 50% 30%,#e7c8732e,#0000 70%);border-radius:16px;width:120px;padding-bottom:4px}.avatars .avatar-box .nama{text-align:center;color:var(--hijau-tua);margin-top:2px;font-weight:700}.avatars .avatar-box svg{width:100%;height:auto;display:block}.arrowline{color:var(--emas);align-self:center;font-size:1.5rem}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.stat{border:1px solid var(--garis);box-shadow:var(--bayang-lembut);border-top:3px solid var(--emas-terang);background:#fff;border-radius:14px;padding:18px}.stat .num{color:var(--hijau-tua);font-size:1.9rem;font-weight:800}.stat .lab{color:#6b7280;font-size:.85rem}.demo-flag{background:#fef3c7;border:1px solid #f59e0b;border-radius:10px;margin-bottom:14px;padding:9px 14px;font-size:.85rem}@keyframes sg-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.rise{animation:.5s both sg-rise}.rise-1{animation-delay:50ms}.rise-2{animation-delay:.12s}.rise-3{animation-delay:.19s}.rise-4{animation-delay:.26s}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (max-width:640px){.hero-banner .hero-overlay{background:linear-gradient(#0b3a1e59,#0b3a1ed9);justify-content:flex-end}.hero-banner .hero-overlay h1,.hero-banner .hero-overlay p{max-width:100%}.hero h1{font-size:2rem}}.masuk-wrap{border:1px solid var(--garis);border-radius:var(--radius);max-width:460px;box-shadow:var(--bayang-lembut);background:#fff;margin:3rem auto;padding:2.25rem}.masuk-wrap h1{color:var(--hijau-tua);margin:0 0 .5rem}.masuk-sub{color:var(--tinta);opacity:.85;margin:0 0 1.5rem;line-height:1.5}.masuk-form{flex-direction:column;gap:.6rem;display:flex}.masuk-form label{color:var(--hijau-tua);font-weight:600}.masuk-form input{border:2px solid var(--garis);background:var(--krim);border-radius:12px;padding:.8rem 1rem;font-size:1rem}.masuk-form input:focus{border-color:var(--hijau-terang);outline:none}.masuk-form button{background:linear-gradient(120deg, var(--hijau-terang), var(--hijau));color:#fff;cursor:pointer;border:none;border-radius:12px;margin-top:.4rem;padding:.85rem 1rem;font-size:1rem;font-weight:600;transition:filter .15s,transform .15s}.masuk-form button:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.masuk-form button:disabled{opacity:.6;cursor:default}.masuk-error{color:#b91c1c;margin:.4rem 0 0;font-size:.92rem}.masuk-sent{background:var(--krim-tua);border:1px solid var(--garis);border-radius:12px;padding:1.25rem}.masuk-sent strong{color:var(--hijau-tua);margin-bottom:.4rem;display:block}.masuk-sent p{opacity:.85;margin:0;line-height:1.5}.masuk-foot{opacity:.7;text-align:center;margin:1.5rem 0 0;font-size:.88rem}.app-home{border:1px solid var(--garis);border-radius:var(--radius);max-width:640px;box-shadow:var(--bayang-lembut);background:#fff;margin:3rem auto;padding:2.25rem}.app-home h1{color:var(--hijau-tua);margin:0 0 .75rem}.app-home p{color:var(--tinta);line-height:1.55}.app-note{background:var(--krim-tua);border-radius:12px;margin:1.25rem 0;padding:1rem 1.25rem}.btn-keluar{border:2px solid var(--hijau);color:var(--hijau);cursor:pointer;background:0 0;border-radius:12px;margin-top:1rem;padding:.7rem 1.4rem;font-weight:600}.btn-keluar:hover{background:var(--hijau);color:#fff}.app-top{justify-content:space-between;align-items:flex-start;gap:1.25rem;display:flex}.app-top>div:first-child{flex:auto;min-width:0}.app-who{color:var(--tinta);opacity:.8;margin:.25rem 0 0}.crumb{margin:0 0 1rem}.crumb a{color:var(--hijau-terang);font-weight:600;text-decoration:none}.crumb a:hover{text-decoration:underline}.tree-list h2,.tree-empty h2{color:var(--hijau-tua);margin:1.5rem 0 1rem}.tree-list ul{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.tree-card{background:var(--krim);border:1px solid var(--garis);border-radius:12px;justify-content:space-between;align-items:center;padding:1rem 1.25rem;text-decoration:none;transition:transform .12s,box-shadow .12s;display:flex}.tree-card:hover{box-shadow:var(--bayang-lembut);border-color:var(--emas-terang);transform:translateY(-2px)}.tree-name{color:var(--hijau-tua);font-size:1.1rem;font-weight:700}.tree-role{color:var(--emas-tinta);background:var(--krim-tua);border-radius:999px;padding:.25rem .6rem;font-size:.8rem;font-weight:600}.new-tree-toggle{margin-top:1.5rem}.new-tree-toggle summary{cursor:pointer;color:var(--hijau-terang);padding:.5rem 0;font-weight:600}.new-tree-toggle summary:hover{text-decoration:underline}.tree-form{flex-direction:column;gap:.6rem;max-width:420px;margin-top:1rem;display:flex}.tree-form label{color:var(--hijau-tua);font-weight:600}.tree-form input{border:2px solid var(--garis);background:var(--krim);border-radius:12px;padding:.8rem 1rem;font-size:1rem}.tree-form input:focus{border-color:var(--hijau-terang);outline:none}.tree-form button{background:linear-gradient(120deg, var(--hijau-terang), var(--hijau));color:#fff;cursor:pointer;border:none;border-radius:12px;margin-top:.3rem;padding:.8rem 1rem;font-size:1rem;font-weight:600;transition:filter .15s,transform .15s}.tree-form button:hover{filter:brightness(1.06);transform:translateY(-1px)}.tree-empty p{line-height:1.55}.import-wrap{max-width:640px}.import-wrap p{line-height:1.55}.import-wrap input[type=file]{border:2px dashed var(--garis);background:var(--krim);cursor:pointer;border-radius:12px;width:100%;margin:1rem 0;padding:.75rem;display:block}.import-btn{background:linear-gradient(120deg, var(--hijau-terang), var(--hijau));color:#fff;cursor:pointer;border:none;border-radius:12px;margin-top:1rem;padding:.8rem 1.4rem;font-size:1rem;font-weight:600;text-decoration:none;transition:filter .15s,transform .15s;display:inline-block}.import-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.import-preview{margin-top:1.5rem}.import-preview table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:.9rem}.import-preview th,.import-preview td{text-align:left;border-bottom:1px solid var(--garis);padding:.5rem .6rem}.import-preview th{color:var(--hijau-tua)}.import-done{margin-top:1.5rem}.import-done h2{color:var(--hijau-terang)}.muted{color:var(--muted);font-size:.88rem}.people-view{margin-top:1rem}.people-toolbar{z-index:2;background:var(--krim);flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.5rem 0;display:flex;position:sticky;top:0}.people-search{border:1.5px solid var(--garis);min-width:220px;color:var(--tinta);background:#fff;border-radius:12px;flex:1;padding:.7rem .9rem;font-size:1rem}.people-search:focus{border-color:var(--hijau-terang);outline:none;box-shadow:0 0 0 3px #1d7a4f1f}.people-count{color:var(--muted);white-space:nowrap;font-size:.85rem}.gen-group{margin-bottom:1.5rem}.gen-title{letter-spacing:.03em;text-transform:uppercase;color:var(--emas-tinta);border-bottom:1px solid var(--garis);margin:0 0 .6rem;padding-bottom:.35rem;font-size:.78rem;font-weight:700}.people-list{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.person-card{border:1px solid var(--garis);color:var(--tinta);background:#fff;border-radius:14px;align-items:center;gap:.85rem;padding:.7rem .85rem;text-decoration:none;transition:transform .12s,box-shadow .12s,border-color .12s;display:flex}.person-card:hover{box-shadow:var(--bayang-lembut);border-color:var(--emas-terang);transform:translateY(-1px)}.person-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.05rem;font-weight:700;display:flex}.person-avatar.av-M{background:linear-gradient(150deg,#1d7a4f,#0b3a1e)}.person-avatar.av-F{background:linear-gradient(150deg,#b8860b,#9c7414)}.person-avatar.av-U{background:linear-gradient(150deg,#6b7280,#374151)}.person-avatar-svg{background:radial-gradient(circle at 50% 38%, var(--krim-tua), var(--krim));padding:0;overflow:hidden}.person-avatar-svg.av-M{background:radial-gradient(circle at 50% 38%,#d7ead9,#eef4ec)}.person-avatar-svg.av-F{background:radial-gradient(circle at 50% 38%,#f2e6c4,#f7f1e2)}.person-avatar-svg.av-U{background:radial-gradient(circle at 50% 38%,#e2e5e9,#f1f2f4)}.person-avatar-svg svg{width:100%;height:100%;display:block}.person-info{flex-direction:column;flex:1;gap:.12rem;min-width:0;display:flex}.person-name{color:var(--hijau-tua);font-weight:700;line-height:1.3}.person-nick{color:var(--emas-tinta);margin-left:.35rem;font-size:.85em;font-weight:600}.person-pill{background:var(--krim-tua);color:var(--emas-tinta);border:1px solid var(--emas-terang);vertical-align:middle;text-transform:capitalize;border-radius:10px;margin-left:.4rem;padding:.05rem .45rem;font-size:.68rem;display:inline-block}.person-meta{color:var(--tinta);opacity:.72;word-break:break-word;font-size:.8rem;line-height:1.4}.person-children{color:var(--hijau-terang);font-size:.8rem}.person-note{color:var(--emas-tinta);opacity:.85;font-size:.8rem;font-style:italic}.person-go{color:var(--garis);flex-shrink:0;font-size:1.5rem;font-weight:700;line-height:1}.person-card:hover .person-go{color:var(--emas-terang)}.people-empty{text-align:center;color:var(--muted);padding:2rem 1rem}.people-more{border:1.5px dashed var(--garis);width:100%;color:var(--hijau-terang);cursor:pointer;background:0 0;border-radius:12px;margin:1rem 0 0;padding:.75rem;font-size:.92rem;font-weight:600;transition:background .12s,border-color .12s;display:block}.people-more:hover{background:var(--krim-tua);border-color:var(--emas-terang)}.person-page{max-width:680px}.person-head{align-items:center;gap:1rem;margin:.5rem 0 1.25rem;display:flex}.person-avatar-lg{width:64px;height:64px;font-size:1.6rem}.person-head h1{color:var(--hijau-tua);margin:0;font-size:1.5rem}.person-head-nick{color:var(--emas-tinta);margin-left:.5rem;font-size:.7em;font-weight:600}.person-head-sub{color:var(--tinta);opacity:.7;margin:.25rem 0 0;font-size:.92rem}.person-facts{background:var(--krim-tua);border-radius:12px;flex-direction:column;gap:.4rem;margin:0 0 1.25rem;padding:1rem 1.25rem;list-style:none;display:flex}.person-facts li{color:var(--tinta);font-size:.92rem}.person-page-note{color:var(--emas-tinta);background:#e7c8731f;border:1px solid #b8860b40;border-radius:10px;margin:0 0 1.5rem;padding:.75rem 1rem;font-style:italic}.relation-group{margin-bottom:1.5rem}.relation-title{letter-spacing:.03em;text-transform:uppercase;color:var(--emas-tinta);margin:0 0 .6rem;font-size:.82rem;font-weight:700}.relation-empty{color:var(--muted);margin:0;font-size:.9rem}.relation-list{flex-wrap:wrap;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.relation-chip{border:1px solid var(--garis);background:#fff;border-radius:12px;flex-direction:column;gap:.1rem;padding:.55rem .85rem;text-decoration:none;transition:transform .12s,box-shadow .12s,border-color .12s;display:flex}.relation-chip:hover{box-shadow:var(--bayang-lembut);border-color:var(--emas-terang);transform:translateY(-1px)}.relation-name{color:var(--hijau-tua);font-weight:700}.relation-nick{color:var(--emas-tinta);margin-left:.3rem;font-size:.82em;font-weight:600}.relation-meta{color:var(--tinta);opacity:.65;font-size:.76rem}.tree-actions{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;width:300px;display:grid}.tree-actions .import-btn{text-align:center;justify-content:center;align-items:center;width:100%;min-height:52px;margin:0;padding:.6rem .75rem;line-height:1.25;display:flex}@media (max-width:560px){.app-top{flex-direction:column;align-items:stretch}.tree-actions{width:100%}.app-home{padding:1.5rem 1.25rem}}.import-btn.primary{background:var(--hijau-terang);color:#fff;border-color:var(--hijau-terang)}.import-btn.primary:hover{filter:brightness(1.06)}.person-edit-btn{border:1.5px solid var(--garis);color:var(--hijau-terang);white-space:nowrap;background:#fff;border-radius:10px;align-self:flex-start;margin-left:auto;padding:.45rem .8rem;font-size:.88rem;font-weight:600;text-decoration:none}.person-edit-btn:hover{border-color:var(--emas-terang);background:var(--krim-tua)}.person-form{flex-direction:column;gap:1rem;max-width:560px;margin-top:1rem;display:flex}.form-field{flex-direction:column;gap:.3rem;display:flex}.form-field>span{color:var(--hijau-tua);font-size:.9rem;font-weight:600}.form-field input,.form-field select,.form-field textarea{border:1.5px solid var(--garis);color:var(--tinta);background:#fff;border-radius:10px;padding:.6rem .75rem;font-family:inherit;font-size:1rem}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--hijau-terang);outline:none;box-shadow:0 0 0 3px #1d7a4f1f}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (max-width:480px){.form-row{grid-template-columns:1fr}}.form-relations{border:1px solid var(--garis);border-radius:12px;flex-direction:column;gap:.85rem;padding:1rem;display:flex}.form-relations legend{color:var(--emas-tinta);text-transform:uppercase;letter-spacing:.03em;padding:0 .4rem;font-size:.82rem;font-weight:700}.picker{position:relative}.picker-list{z-index:10;border:1px solid var(--garis);box-shadow:var(--bayang-lembut);background:#fff;border-radius:10px;max-height:240px;margin:.2rem 0 0;padding:.25rem;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.picker-list li{margin:0}.picker-list button{text-align:left;cursor:pointer;width:100%;color:var(--tinta);background:0 0;border:none;border-radius:8px;padding:.5rem .6rem;font-size:.92rem;display:block}.picker-list button:hover{background:var(--krim-tua)}.picker-nick{color:var(--emas-tinta);font-weight:600}.form-error{color:#9b2c2c;background:#fde8e8;border:1px solid #f5b5b5;border-radius:10px;padding:.7rem .9rem;font-size:.9rem}.form-actions{align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.form-submit{background:var(--hijau-terang);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:.7rem 1.4rem;font-size:1rem;font-weight:700}.form-submit:hover{filter:brightness(1.06);transform:translateY(-1px)}.form-cancel{color:var(--tinta);opacity:.7;font-weight:600;text-decoration:none}.form-cancel:hover{text-decoration:underline}.semak-link{color:var(--hijau-terang);margin-top:.25rem;font-weight:600;text-decoration:none;display:inline-block}.semak-link:hover{text-decoration:underline}.semak-real{max-width:640px}.semak-real h1{color:var(--hijau-tua);margin:.5rem 0}.semak-intro{color:var(--tinta);opacity:.8;margin-bottom:1.5rem}.semak-dialect{max-width:340px;margin-bottom:1.2rem}.semak-dialect-note{color:var(--tinta);opacity:.7;margin:.4rem 0 0;font-size:.8rem;line-height:1.4}.semak-pickers{grid-template-columns:1fr auto 1fr;align-items:end;gap:1rem;display:grid}@media (max-width:520px){.semak-pickers{grid-template-columns:1fr}.semak-swap{display:none}}.semak-picker{position:relative}.semak-swap{color:var(--emas);padding-bottom:.6rem;font-size:1.5rem}.semak-note{background:var(--krim-tua);color:var(--tinta);border-radius:10px;margin-top:1.25rem;padding:.85rem 1rem;font-size:.92rem}.semak-result{grid-template-columns:1fr;gap:1rem;margin-top:1.5rem;display:grid}@media (min-width:560px){.semak-result{grid-template-columns:1fr 1fr}}.semak-stmt{border:1px solid var(--garis);box-shadow:var(--bayang-lembut);background:#fff;border-radius:14px;padding:1.1rem 1.25rem}.semak-who{color:var(--tinta);opacity:.8;margin-bottom:.4rem;font-size:.9rem}.semak-who strong{color:var(--hijau-tua)}.semak-label{color:var(--hijau-terang);font-size:1.35rem;font-weight:800;line-height:1.2}.semak-pang{color:var(--hijau-terang);margin-top:.35rem;font-size:.9rem;font-weight:700}.semak-folk-flag{color:var(--emas);cursor:help}.semak-section-title{letter-spacing:.03em;text-transform:uppercase;color:var(--emas-tinta);margin:2rem 0 .75rem;font-size:.82rem;font-weight:700}.semak-facts{grid-template-columns:1fr;gap:.85rem;display:grid}@media (min-width:560px){.semak-facts{grid-template-columns:1fr 1fr}}.semak-factcard{border:1px solid var(--garis);background:#fff;border-radius:12px;padding:.9rem 1.1rem}.semak-factcard-name{color:var(--hijau-tua);margin-bottom:.5rem;font-weight:800}.semak-fact{color:var(--tinta);padding:.15rem 0;font-size:.85rem;line-height:1.4}.semak-fact.muted{color:var(--muted);opacity:1}.semak-compare{background:#f2f8f5;border:1px solid #d4e9dd;border-radius:12px;margin-top:1rem;padding:.9rem 1.1rem}.semak-compare-row{color:var(--tinta);padding:.25rem 0;font-size:.9rem;line-height:1.45}.semak-cta{border-top:1px solid var(--garis);text-align:center;margin-top:1.4rem;padding-top:1.2rem}.semak-cta-lead{max-width:48ch;color:var(--tinta);margin:0 auto 1rem;font-size:.95rem;line-height:1.55}.semak-cta-btns{flex-wrap:wrap;justify-content:center;gap:.7rem;display:flex}@media (max-width:440px){.semak-cta-btns .btn{flex:100%;justify-content:center}}.semak-notice{text-align:center;color:var(--tinta)}.semak-notice p{margin:0;line-height:1.5}.semak-notice strong{color:var(--hijau-tua)}.arrowline-btn{cursor:pointer;min-width:44px;min-height:44px;color:var(--emas-tua);background:0 0;border:none;border-radius:12px;justify-content:center;align-self:center;align-items:center;font-size:1.5rem;line-height:1;transition:background .12s,transform .12s;display:inline-flex}.arrowline-btn:hover{background:var(--krim-tua);transform:scale(1.08)}.arrowline-btn:active{transform:scale(.96)}.arrowline-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #e7c87380}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tree-nav-links{flex-wrap:wrap;gap:1.25rem;margin:.5rem 0 1rem;display:flex}.keturunan h1{color:var(--hijau-tua);margin:.5rem 0 1rem}.ket-controls{flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:1.25rem;display:flex}.ket-views{border:1.5px solid var(--garis);border-radius:10px;display:inline-flex;overflow:hidden}.ket-views button{cursor:pointer;color:var(--tinta);background:#fff;border:none;padding:.5rem .9rem;font-size:.9rem;font-weight:600}.ket-views button.active{background:var(--hijau-terang);color:#fff}.ket-root{flex-direction:column;gap:.3rem;display:flex}.ket-root span{color:var(--hijau-tua);font-size:.85rem;font-weight:600}.ket-root select{border:1.5px solid var(--garis);color:var(--tinta);background:#fff;border-radius:10px;min-width:240px;padding:.55rem .7rem;font-size:.95rem}.ket-senarai{flex-direction:column;gap:.15rem;display:flex}.ket-row{border-radius:8px;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.3rem .5rem;display:flex}.ket-row:hover{background:var(--krim-tua)}.ket-fig{border:2px solid var(--garis);background:radial-gradient(circle at 50% 38%, var(--krim-tua), var(--krim));border-radius:50%;flex-shrink:0;width:30px;height:30px;overflow:hidden}.ket-row.is-M .ket-fig{border-color:var(--hijau-terang)}.ket-row.is-F .ket-fig{border-color:var(--emas-terang)}.ket-fig svg{width:100%;height:100%;display:block}.ket-tog{background:var(--krim-tua);cursor:pointer;width:22px;height:22px;color:var(--hijau-terang);border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;display:inline-flex}.ket-tog.leaf{color:var(--garis);cursor:default;background:0 0}.ket-name{color:var(--hijau-tua);font-weight:700;text-decoration:none}.ket-name:hover{text-decoration:underline}.ket-row.is-F .ket-name{color:var(--emas-tinta)}.ket-meta{color:var(--muted);font-size:.8rem}.ket-sp{color:var(--hijau-terang);background:#eef6f1;border-radius:8px;padding:.05rem .4rem;font-size:.76rem}.ket-reg-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.35rem;display:flex}.ket-reg-title{color:var(--hijau-tua);margin-bottom:.35rem;font-size:1.15rem;font-weight:800}.ket-reg-head .ket-reg-title{margin-bottom:0}@media print{.site-header,.site-footer,.tree-sidebar,.crumb,.ket-controls,.ket-views,.ket-root,.ket-senarai,.tree-nav-links,.keturunan>h1{display:none!important}main,.tree-shell,.tree-shell-main,.app-home,.person-page,.keturunan{width:auto!important;max-width:none!important;box-shadow:none!important;background:#fff!important;border:none!important;margin:0!important;padding:0!important}.ket-reg{page:register}.ket-reg-title{font-size:15pt}.ket-reg-body{grid-template-columns:1fr 1fr;align-items:start;gap:0 1.2rem;display:grid!important}.ket-reg-entry{break-inside:avoid}.ket-reg-gen{break-inside:avoid;break-after:avoid}}@page register{size:portrait;margin:12mm}.ket-reg-note{color:var(--tinta);opacity:.65;margin-bottom:1.25rem;font-size:.82rem}.ket-reg-gen{letter-spacing:.03em;text-transform:uppercase;color:var(--emas-tinta);border-bottom:1px solid var(--garis);margin:1.25rem 0 .6rem;padding-bottom:.3rem;font-size:.76rem;font-weight:700}.ket-reg-entry{margin-bottom:1rem;line-height:1.5}.ket-reg-num{color:var(--hijau-terang);font-weight:800}.ket-reg-name{color:var(--hijau-tua);font-weight:700;text-decoration:none}.ket-reg-name:hover{text-decoration:underline}.ket-reg-detail{color:var(--tinta);font-size:.92rem}.ket-reg-kids{flex-direction:column;gap:.2rem;margin:.4rem 0 0 1.5rem;display:flex}.ket-reg-kid{color:var(--tinta);font-size:.9rem}.ket-reg-cont{color:var(--emas-tinta);font-weight:700}.ket-reg-rom{color:var(--muted)}.ket-reg-knm{color:var(--hijau-tua);font-weight:600;text-decoration:none}.ket-reg-knm:hover{text-decoration:underline}@media (min-width:1024px){.app-home:has(.keturunan){max-width:none}.ket-reg-body{grid-template-columns:1fr 1fr;align-items:start;gap:0 2.6rem;display:grid}}html[data-view=padat] .app-home:has(.keturunan){max-width:680px}html[data-view=padat] .ket-reg-body{display:block}html[data-view=lebar] .app-home:has(.keturunan){max-width:none}html[data-view=lebar] .ket-reg-body{grid-template-columns:1fr 1fr;align-items:start;gap:0 2.6rem;display:grid}.grafik{--t-male:#2f6fb0;--t-female:#c44d8a;--t-neutral:#9aa3ad;--t-pa-tint:#e9f3ee;--t-pa-line:#bcdcc9;--t-ma-tint:#fbede6;--t-ma-line:#f0cdba}.grafik-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.grafik-head h1{color:var(--hijau-tua);margin:0}.grafik-pdf{border:1.5px solid var(--garis);color:var(--hijau-terang);cursor:pointer;background:#fff;border-radius:10px;padding:.5rem .9rem;font-size:.88rem;font-weight:700}.grafik-pdf:hover{border-color:var(--emas-terang);background:var(--krim-tua)}.tv-switch{background:var(--krim-tua);border-radius:12px;flex-wrap:wrap;gap:6px;margin:.9rem 0 .6rem;padding:5px;display:flex}.tv-switch button{color:#5a655e;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9px;padding:7px 13px;font-size:.82rem;font-weight:700}.tv-switch button:hover{color:var(--hijau-terang)}.tv-switch button.active{color:var(--hijau-terang);background:#fff;box-shadow:0 1px 3px #0000001f}.grafik-controls{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:.25rem;display:flex}.grafik-pick{flex-direction:column;gap:.2rem;display:flex}.grafik-pick span{color:var(--tinta);opacity:.7;font-size:.78rem;font-weight:600}.grafik-pick select{border:1.5px solid var(--garis);background:#fff;border-radius:10px;max-width:320px;padding:.5rem .6rem;font-size:.9rem}.pp{display:inline-block;position:relative}.pp-btn{border:1.5px solid var(--garis);min-width:240px;max-width:340px;color:var(--tinta);cursor:pointer;text-align:left;background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .65rem;font-size:.9rem;display:inline-flex}.pp-btn:hover{border-color:var(--emas-terang)}.pp-val{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pp-caret{color:var(--hijau-terang);flex:none;font-size:.8rem}.pp-pop{z-index:60;border:1px solid var(--garis);width:330px;max-width:90vw;box-shadow:var(--bayang);background:#fff;border-radius:12px;flex-direction:column;gap:6px;padding:8px;display:flex;position:absolute;top:calc(100% + 4px);left:0}.pp-search{box-sizing:border-box;border:1.5px solid var(--garis);background:var(--krim);width:100%;color:var(--tinta);border-radius:9px;padding:.5rem .7rem;font-size:.92rem}.pp-search:focus{border-color:var(--hijau-terang);outline:none}.pp-list{max-height:320px;margin:0;padding:0;list-style:none;overflow:auto}.pp-opt{text-align:left;width:100%;color:var(--tinta);cursor:pointer;white-space:pre;text-overflow:ellipsis;background:0 0;border:none;border-radius:8px;padding:.4rem .55rem;font-size:.88rem;display:block;overflow:hidden}.pp-opt:hover{background:var(--krim-tua);color:var(--hijau-tua)}.pp-opt.sel{background:var(--krim-tua);color:var(--hijau-tua);font-weight:700}.pp-empty{color:var(--muted);padding:.6rem;font-size:.85rem}.grafik-btns{gap:6px;display:inline-flex}.grafik-btns button{border:1.5px solid var(--garis);cursor:pointer;color:var(--hijau-terang);background:#fff;border-radius:9px;padding:.5rem .7rem;font-size:.82rem;font-weight:600}.grafik-btns button:hover{border-color:var(--emas-terang);background:var(--krim-tua)}.gen-btns{gap:4px;display:inline-flex}.gen-btns button{border:2px solid var(--garis);cursor:pointer;background:#fff;border-radius:9px;width:34px;height:40px;font-weight:800}.gen-btns button.active{border-color:var(--hijau-terang);color:var(--hijau-terang);background:var(--hijau-lembut)}.grafik-hint{color:var(--muted);margin:.3rem 0 .6rem;font-size:.82rem}@media (max-width:600px){.grafik-head{gap:.5rem}.grafik-head h1{font-size:1.4rem}.grafik-pdf{padding:.45rem .8rem}.tv-switch{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;margin:.5rem 0 .4rem;overflow-x:auto}.tv-switch::-webkit-scrollbar{display:none}.tv-switch button{white-space:nowrap;flex:none}.grafik-controls{gap:8px;margin-bottom:.2rem}.grafik-hint{margin:.25rem 0 .45rem}}.tree-wrap{border:2px solid var(--garis);cursor:grab;touch-action:none;background:#fbf9f2;border-radius:14px;height:72vh;min-height:420px;position:relative;overflow:hidden}.tree-wrap.dragging{cursor:grabbing}.tree-canvas{transform-origin:0 0;position:absolute;top:0;left:0}.tree-canvas svg.tlines{pointer-events:none;position:absolute;top:0;left:0}.tnode{border:1px solid var(--garis);box-sizing:border-box;width:174px;height:128px;box-shadow:var(--bayang-lembut);border-top:4px solid var(--t-neutral);background:#fff;border-radius:14px;gap:8px;padding:10px 10px 8px;transition:box-shadow .15s,transform .15s,border-color .15s;display:flex;position:absolute}.tnode.male{border-top-color:var(--t-male)}.tnode.female{border-top-color:var(--t-female)}.tnode:hover{border-color:var(--hijau-terang);box-shadow:var(--bayang);z-index:4;transform:translateY(-2px)}.tnode .tn-fig{border:2.5px solid var(--t-neutral);background:#f4f2ec;border-radius:50%;flex-shrink:0;align-self:flex-start;width:46px;height:46px;overflow:hidden}.tnode.male .tn-fig{border-color:var(--t-male)}.tnode.female .tn-fig{border-color:var(--t-female)}.tn-fig svg{width:100%;height:100%;display:block}.tnode .tn-body{flex:1;min-width:0;overflow:hidden}.tn-name{cursor:pointer;color:var(--tinta);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78rem;font-weight:800;line-height:1.15;text-decoration:none;display:-webkit-box;overflow:hidden}.tn-name:hover{color:var(--hijau-terang);text-decoration:underline}.tn-nick{color:var(--emas-tinta);font-size:.7rem;font-weight:700}.tn-meta{color:var(--muted);margin-top:1px;font-size:.68rem}.tnode .pill{background:var(--krim-tua);color:var(--emas-tinta);border:1px solid var(--emas-terang);text-transform:capitalize;border-radius:8px;padding:0 .35rem;font-size:.62rem}.tn-badge{background:var(--hijau-terang);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.62rem;font-weight:800;display:flex;position:absolute;top:-7px;right:-7px;box-shadow:0 1px 3px #00000040}.tn-badge.dec{background:var(--emas-tua)}.tn-sp{color:#5a5142;white-space:nowrap;text-overflow:ellipsis;background:#f4f1e8;border-radius:8px;margin-top:3px;padding:1px 6px;font-size:.66rem;overflow:hidden}.tn-sp .hrt{color:var(--t-female)}.tn-toggle{background:var(--hijau-terang);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:2px 8px;font-size:.64rem;font-weight:800;position:absolute;bottom:6px;right:6px;box-shadow:0 1px 3px #0003}.tn-toggle.closed{background:var(--emas)}.hnode{box-sizing:border-box;border:1px solid var(--garis);border-left:3px solid var(--t-neutral);background:#fff;border-radius:9px;align-items:center;gap:8px;padding:4px 8px;transition:box-shadow .12s,border-color .12s;display:flex;position:absolute;overflow:hidden}.hnode.male{border-left-color:var(--t-male)}.hnode.female{border-left-color:var(--t-female)}.hnode:hover{border-color:var(--hijau-terang);box-shadow:var(--bayang-lembut);z-index:4}.hn-fig{background:#f4f2ec;border-radius:50%;flex:none;width:30px;height:30px;overflow:hidden}.hn-fig svg{width:100%;height:100%;display:block}.hn-dot{background:var(--t-neutral);border-radius:50%;flex:none;width:12px;height:12px;margin:0 9px}.hn-dot.male{background:var(--t-male)}.hn-dot.female{background:var(--t-female)}.hn-body{flex-direction:column;flex:1;min-width:0;line-height:1.15;display:flex;overflow:visible}.hn-name{color:var(--hijau-tua);white-space:nowrap;font-size:.82rem;font-weight:800;text-decoration:none}.hn-name:hover{color:var(--hijau-terang);text-decoration:underline}.hn-meta{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.66rem;overflow:hidden}.hn-sp{color:var(--t-female)}.hn-toggle{border:1px solid var(--garis);background:var(--krim);color:var(--hijau-terang);cursor:pointer;border-radius:7px;flex:none;min-width:24px;padding:2px 7px;font-size:.66rem;font-weight:800}.hn-toggle.closed{background:var(--emas-terang);color:var(--hijau-tua)}.tree-zoom{z-index:5;gap:6px;display:flex;position:absolute;bottom:12px;right:12px}.tree-zoom button{border:1px solid var(--garis);cursor:pointer;background:#fff;border-radius:10px;width:38px;height:38px;font-size:1.05rem;font-weight:800}.tree-zoom button:hover{border-color:var(--hijau-terang);color:var(--hijau-terang)}.anode{box-sizing:border-box;border:1px solid var(--garis);border-left:5px solid var(--t-neutral);text-align:left;cursor:pointer;height:50px;box-shadow:var(--bayang-lembut);background:#fff;border-radius:10px;flex-direction:column;justify-content:center;padding:6px 10px;font-family:inherit;transition:box-shadow .15s,transform .15s;display:flex;position:absolute}.anode.pa{background:var(--t-pa-tint);border-color:var(--t-pa-line)}.anode.ma{background:var(--t-ma-tint);border-color:var(--t-ma-line)}.anode.male{border-left-color:var(--t-male)}.anode.female{border-left-color:var(--t-female)}.anode:hover{box-shadow:var(--bayang);transform:translateY(-1px)}.anode .an-name{color:var(--tinta);white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;font-weight:800;line-height:1.1;overflow:hidden}.anode:hover .an-name{color:var(--hijau-terang)}.anode .an-meta{color:var(--muted);font-size:.66rem}.anode.focus{border:2px solid var(--hijau-terang);background:var(--hijau-lembut);border-left-width:5px}.fgs{background:var(--krim);max-width:780px;box-shadow:var(--bayang-lembut);border:1px solid var(--garis);border-radius:14px;margin:.5rem auto 0;overflow:hidden}.fgs-head{background:var(--hijau-tua);color:#fff;text-align:center;letter-spacing:.01em;padding:14px 16px;font-family:Georgia,Times New Roman,serif;font-size:1.25rem}.fgs-body{padding:16px 18px 20px}.fgs h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:16px 0 6px;font-size:.74rem;font-weight:800}.fgs-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.fgs-card{border:1px solid var(--garis);border-top:4px solid var(--t-neutral);box-shadow:var(--bayang-lembut);background:#fff;border-radius:12px;padding:10px 12px;position:relative}.fgs-card.male{border-top-color:var(--t-male)}.fgs-card.female{border-top-color:var(--t-female)}.fgs-card.spouse{box-shadow:0 0 0 2px var(--hijau-terang) inset, var(--bayang-lembut)}.fgs-mini{color:var(--hijau-terang);cursor:pointer;font-size:.92rem;font-weight:700;text-decoration:none}.fgs-mini:hover{text-decoration:underline}.fgs-sub{color:var(--muted);font-size:.72rem}.fgs-badge{background:var(--hijau-terang);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.6rem;font-weight:800;display:flex;position:absolute;top:-7px;right:-7px}.fgs-couple{align-items:center;gap:12px;margin-top:10px;display:flex}.fgs-couple .fgs-card{flex:1;margin:0}.fgs-heart{color:var(--t-female);flex-shrink:0;font-size:1.3rem}.fgs-kids{border:1px solid var(--garis);box-shadow:var(--bayang-lembut);background:#fff;border-radius:12px;margin-top:4px;overflow:hidden}.fgs-kid{cursor:pointer;border-bottom:1px solid #f1ede2;align-items:center;gap:10px;padding:9px 12px;text-decoration:none;display:flex}.fgs-kid:last-child{border-bottom:none}.fgs-kid:hover{background:var(--hijau-lembut)}.fgs-kid .k-name{color:var(--tinta);font-size:.88rem;font-weight:700}.fgs-kid .k-meta{color:var(--muted);margin-left:auto;font-size:.74rem}.fgs-kfig{border:2.5px solid var(--t-neutral);background:#f4f2ec;border-radius:50%;flex-shrink:0;width:36px;height:36px;overflow:hidden}.fgs-kid.male .fgs-kfig{border-color:var(--t-male)}.fgs-kid.female .fgs-kfig{border-color:var(--t-female)}.fgs-kfig svg{width:100%;height:100%;display:block}@media print{.site-header,.site-footer,.tree-sidebar,.view-switch,.tv-switch,.grafik-controls,.grafik-hint,.grafik-pdf,.tree-zoom,.crumb,.trial-banner,.app-banner,.langkah-mula{display:none!important}main{max-width:none!important;margin:0!important;padding:0!important}.tree-shell{display:block!important}.tree-shell-main{width:auto!important}.grafik,.grafik-page,.app-home{max-width:none!important;box-shadow:none!important;background:#fff!important;border:none!important;margin:0!important;padding:0!important}.grafik-head{justify-content:flex-start}.grafik-head h1{margin:0 0 6pt;font-size:15pt}.tree-wrap{cursor:auto!important;background:#fff!important;border:none!important;height:auto!important;min-height:0!important;overflow:visible!important}.tree-canvas{zoom:var(--print-k,1);transform-origin:0 0!important;position:relative!important;transform:none!important}@page{size:landscape;margin:10mm}}.data-tools{flex-direction:column;gap:1.25rem;margin-top:1.25rem;display:flex}.data-card h2{color:var(--hijau-tua);margin:0 0 .4rem;font-size:1.1rem}.data-sub{color:var(--tinta);opacity:.78;margin:0 0 .9rem;font-size:.9rem;line-height:1.5}.data-sub.muted{color:var(--muted);opacity:1}.data-table-wrap{border:1px solid var(--garis);border-radius:12px;overflow-x:auto}.data-cols{border-collapse:collapse;width:100%;font-size:.84rem}.data-cols th,.data-cols td{text-align:left;border-bottom:1px solid var(--garis);vertical-align:top;padding:.5rem .7rem}.data-cols thead th{background:var(--krim-tua);color:var(--hijau-tua);font-weight:700}.data-cols tr:last-child td{border-bottom:none}.data-cols td code{background:var(--krim-tua);color:var(--hijau-tua);border-radius:6px;padding:.05rem .35rem;font-size:.82rem}.data-cols .req{color:var(--emas-tinta);font-size:.78rem;font-weight:700}.data-cols tr.soon td{opacity:.62}.data-cols tr.soon td code{background:#f0ede4}.data-btn-row{flex-wrap:wrap;gap:10px;margin-top:1rem;display:flex}.data-btn{background:var(--hijau-terang);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:.6rem 1rem;font-size:.9rem;font-weight:700}.data-btn:hover{filter:brightness(1.06)}.data-btn:disabled{opacity:.55;cursor:default;filter:none}.data-btn.ghost{color:var(--hijau-terang);border:1.5px solid var(--garis);background:#fff}.data-btn.ghost:hover{border-color:var(--emas-terang);background:var(--krim-tua);filter:none}.data-msg{color:var(--hijau-terang);margin:.25rem 0 0;font-size:.9rem;font-weight:600}.data-reqs{border-top:1px solid var(--garis);margin-top:1rem;padding-top:.8rem}.data-reqs-title{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 .5rem;font-size:.8rem}.data-req{border:1px solid var(--garis);background:#fff;border-radius:10px;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.5rem;padding:.55rem .7rem;display:flex}.data-req-meta{color:var(--tinta);font-size:.85rem}.data-req-badge{border-radius:8px;padding:.12rem .5rem;font-size:.72rem;font-weight:700}.data-req-badge.pend{background:var(--krim-tua);color:var(--emas-tinta)}.data-req-badge.wait{color:var(--hijau-terang);background:#eaf3ee}.data-req-badge.deny{color:var(--danger);background:#f6e6e4}.legal-page{max-width:760px;line-height:1.6}.legal-page h1{color:var(--hijau-tua)}.legal-meta{color:var(--tinta);opacity:.65;margin-top:-.4rem;font-size:.85rem}.legal-sec{margin:1.4rem 0}.legal-sec h2{color:var(--hijau-tua);margin-bottom:.4rem;font-size:1.05rem}.legal-sec ul{margin:.4rem 0;padding-left:1.2rem}.legal-sec li{margin:.2rem 0}.legal-note{background:var(--krim-tua);border:1px solid var(--garis);border-radius:8px;padding:.6rem .8rem;font-size:.9rem}.legal-rule{border:none;border-top:2px solid var(--garis);margin:2.5rem 0}.footer-links{flex-wrap:wrap;justify-content:center;align-items:center;margin-top:.5rem;display:flex}.footer-links a{color:var(--hijau-terang);font-size:.85rem;text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-links a:not(:last-child):after{content:"·";color:var(--muted);pointer-events:none;margin:0 .55rem;display:inline-block}.consent-box{background:var(--krim-tua);border:1px solid var(--garis);border-radius:12px;margin:1rem 0;padding:.9rem 1rem}.consent-box label{cursor:pointer;align-items:flex-start;gap:.6rem;font-size:.9rem;line-height:1.5;display:flex}.consent-box input[type=checkbox]{flex-shrink:0;width:18px;height:18px;margin-top:.2rem}.consent-box a{color:var(--hijau-terang);font-weight:600}.consent-err{color:var(--danger);margin-top:.4rem;font-size:.85rem}.kuiz{max-width:560px;margin:0 auto}.kuiz-card{border:1px solid var(--garis);border-radius:var(--radius);box-shadow:var(--bayang-lembut);background:#fff;margin-bottom:1rem;padding:1.25rem 1.25rem 1.4rem}.kuiz-center{text-align:center}.kuiz-big{font-size:2.6rem}.kuiz-muted{color:#6b7280;font-size:.9rem;line-height:1.55}.kuiz h1{color:var(--hijau);margin:.3rem 0 .6rem;font-size:1.35rem}.kuiz-note{background:var(--krim-tua);border:1px solid var(--garis);color:var(--hijau-tua);border-radius:10px;margin:0 0 1rem;padding:.55rem .8rem;font-size:.85rem}.kuiz-anchorbar{background:var(--krim);border:1px solid var(--garis);color:var(--tinta);border-radius:12px;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.8rem;padding:.6rem .85rem;font-size:.9rem;display:flex}.kuiz-link{color:var(--hijau-terang);cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem;font-weight:600}.kuiz-link:hover{text-decoration:underline}.kuiz-picker{text-align:left;margin-top:.6rem;position:relative}.kuiz-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.4rem;width:100%;margin-top:.6rem;padding:.8rem 1rem;font-size:1rem;font-weight:700;transition:all .12s;display:inline-flex}.kuiz-btn.primary{background:var(--hijau);color:#fff}.kuiz-btn.primary:hover{background:var(--hijau-tua)}.kuiz-btn.gold{background:var(--emas);color:#3a2f00}.kuiz-btn.ghost{background:var(--krim-tua);color:var(--tinta)}.kuiz-row{gap:.6rem;display:flex}.kuiz-row .kuiz-btn{flex:1}.kuiz-levels{flex-direction:column;gap:.55rem;margin:.9rem 0;display:flex}.kuiz-lvl{border:2px solid var(--garis);cursor:pointer;text-align:left;background:#fff;border-radius:13px;align-items:center;gap:.75rem;padding:.8rem .9rem;transition:all .12s;display:flex}.kuiz-lvl:hover{border-color:var(--emas)}.kuiz-lvl-n{background:var(--hijau);color:#fff;border-radius:9px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;font-weight:800;display:flex}.kuiz-lvl[data-l="1"] .kuiz-lvl-n{background:#3a9e6f}.kuiz-lvl[data-l="2"] .kuiz-lvl-n{background:#2f8f86}.kuiz-lvl[data-l="3"] .kuiz-lvl-n{background:var(--emas);color:#3a2f00}.kuiz-lvl[data-l="4"] .kuiz-lvl-n{background:#c47f2f}.kuiz-lvl[data-l="5"] .kuiz-lvl-n{background:var(--danger)}.kuiz-lvl-meta{flex:1}.kuiz-lvl-meta b{color:var(--tinta);display:block}.kuiz-lvl-meta span{color:#6b7280;font-size:.78rem}.kuiz-lvl-go{font-size:1.3rem}.kuiz-hud{justify-content:space-between;align-items:center;margin-bottom:.6rem;font-weight:800;display:flex}.kuiz-qcount{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:.72rem;font-weight:700}.kuiz-sc{color:var(--hijau)}.kuiz-stk{color:var(--emas-tinta)}.kuiz-timer{background:var(--krim-tua);border-radius:5px;height:7px;margin-bottom:.9rem;overflow:hidden}.kuiz-timer>i{background:var(--hijau);height:100%;transition:width .15s linear;display:block}.kuiz-timer.warn>i{background:var(--danger)}.kuiz-q{margin:.2rem 0 .8rem;font-size:1.2rem;font-weight:800;line-height:1.35}.kuiz-q small{color:var(--muted);margin-top:.4rem;font-size:.82rem;font-weight:500;display:block}.kuiz-opts{flex-direction:column;display:flex}.kuiz-opt{text-align:left;border:2px solid var(--garis);cursor:pointer;width:100%;color:var(--tinta);background:#fff;border-radius:13px;margin-bottom:.6rem;padding:.9rem;font-size:1rem;font-weight:600;transition:all .1s}.kuiz-opt:hover:not(:disabled){border-color:var(--hijau)}.kuiz-opt:disabled{cursor:default}.kuiz-opt.correct{border-color:var(--hijau);background:var(--ok-tint);color:var(--hijau)}.kuiz-opt.wrong{border-color:var(--danger);background:var(--danger-tint);color:var(--danger)}.kuiz-feedback{border-radius:12px;margin:.2rem 0 .4rem;padding:.8rem .9rem;font-size:.9rem;font-weight:600;line-height:1.5}.kuiz-feedback.ok{background:var(--ok-tint);color:var(--hijau)}.kuiz-feedback.no{background:var(--danger-tint);color:var(--danger)}.kuiz-result{text-align:center}.kuiz-ring{color:var(--hijau);font-size:3rem;font-weight:900;line-height:1}.kuiz-statrow{gap:.6rem;margin:1rem 0;display:flex}.kuiz-stat{background:var(--krim);border:1px solid var(--garis);border-radius:12px;flex:1;padding:.7rem}.kuiz-stat b{color:var(--tinta);font-size:1.4rem;display:block}.kuiz-stat span{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;font-size:.7rem}.kuiz-share{background:linear-gradient(150deg, var(--hijau), var(--hijau-tua));color:#fff;text-align:center;border-radius:16px;margin:1rem 0;padding:1.3rem;position:relative;overflow:hidden}.kuiz-share-mark{opacity:.7;font-size:.66rem;font-weight:700;position:absolute;top:.6rem;right:.9rem}.kuiz-share-score{font-size:3.1rem;font-weight:900;line-height:1}.kuiz-share-badge{background:var(--emas);color:#3a2f00;border-radius:20px;margin:.6rem 0;padding:.25rem .9rem;font-size:.82rem;font-weight:800;display:inline-block}.kuiz-share-cta{opacity:.92;margin-top:.3rem;font-size:.85rem}.kuiz-lb{background:var(--krim);border:1px solid var(--garis);text-align:left;border-radius:12px;margin-top:1rem;padding:.8rem}.kuiz-lb h4{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin:0 0 .6rem;font-size:.72rem}.kuiz-lb-row{border:1px solid var(--garis);background:#fff;border-radius:12px;align-items:center;gap:.7rem;margin-bottom:.45rem;padding:.55rem .65rem;display:flex}.kuiz-lb-row.me{border-color:var(--hijau);background:var(--hijau-lembut)}.kuiz-rank{width:26px;color:var(--emas-tinta);text-align:center;font-size:1.05rem;font-weight:900}.kuiz-nm{color:var(--tinta);flex:1;font-weight:700}.kuiz-pts{color:var(--hijau);font-weight:800}.kuiz-me-badge{background:var(--emas);color:#3a2f00;border-radius:8px;margin-left:.35rem;padding:.05rem .4rem;font-size:.58rem;font-weight:800}.app-banner{background:var(--hijau-lembut);border:1px solid var(--hijau-terang);color:var(--hijau-tua);border-radius:12px;padding:.7rem 1rem;font-size:.9rem;line-height:1.5}.tree-danger{border-radius:var(--radius);background:#fdf6f5;border:1px solid #e6c9c7;margin-top:2.5rem;padding:1.1rem 1.2rem}.tree-danger h2{color:#8a2c27;margin:0 0 .5rem;font-size:1.05rem}.btn-padam{background:var(--danger);color:#fff;cursor:pointer;border:none;border-radius:11px;padding:.65rem 1rem;font-size:.95rem;font-weight:700}.btn-padam:hover{background:#962f2a}.btn-padam:disabled{cursor:not-allowed;background:#d8b0ae}.tree-danger-confirm{flex-direction:column;gap:.6rem;display:flex}.tree-danger-warn{color:#8a2c27;margin:0;font-size:.9rem}.tree-danger-confirm input[type=text]{color:var(--tinta);background:#fff;border:2px solid #e0b6b3;border-radius:10px;padding:.6rem .7rem;font-size:1rem}.tree-danger-confirm input[type=text]:focus{border-color:var(--danger);outline:none}.tree-danger-actions{gap:.6rem;display:flex}.btn-batal{background:var(--krim-tua);color:var(--tinta);cursor:pointer;border:none;border-radius:11px;padding:.65rem 1rem;font-size:.95rem;font-weight:700}.tree-danger-hint{color:var(--muted);margin:0;font-size:.8rem}.tree-deleted{margin-top:2.5rem}.tree-deleted h2{color:#8a2c27;margin-bottom:.4rem;font-size:1.05rem}.tree-deleted ul{margin:.6rem 0 0;padding:0;list-style:none}.tree-deleted-row{border:1px solid var(--garis);background:#fbf7f6;border-radius:12px;flex-wrap:wrap;align-items:center;gap:.8rem;margin-bottom:.55rem;padding:.7rem .9rem;display:flex}.tree-deleted-row .tree-name{color:var(--tinta);font-weight:700}.tree-deleted-meta{color:var(--muted);margin-left:auto;font-size:.8rem}.btn-pulih{background:var(--hijau);color:#fff;cursor:pointer;border:none;border-radius:11px;padding:.5rem .9rem;font-size:.88rem;font-weight:700}.btn-pulih:hover{background:var(--hijau-tua)}.mula-cta{display:inline-block}.mula{max-width:560px;margin:0 auto}.mula-prog{background:var(--krim-tua);border-radius:6px;height:8px;margin-bottom:.4rem;overflow:hidden}.mula-prog>i{background:linear-gradient(90deg, var(--hijau), var(--emas));height:100%;transition:width .35s;display:block}.mula-steplabel{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.9rem;font-size:.72rem;font-weight:700}.mula-card{border:1px solid var(--garis);border-radius:var(--radius);box-shadow:var(--bayang-lembut);background:#fff;margin-bottom:1rem;padding:1.25rem}.mula-q{color:var(--tinta);margin:.2rem 0 .6rem;font-size:1.3rem;font-weight:800;line-height:1.3}.mula-q small{color:var(--muted);margin-top:.4rem;font-size:.85rem;font-weight:500;display:block}.mula-label{color:#6b6557;margin:.7rem 0 .25rem;font-size:.82rem;font-weight:700;display:block}.mula-input{border:2px solid var(--garis);width:100%;color:var(--tinta);background:#fff;border-radius:11px;padding:.75rem .8rem;font-size:1.05rem}.mula-input:focus{border-color:var(--hijau);outline:none}.mula-hint{color:var(--muted);margin-top:.6rem;font-size:.8rem}.mula-more{border-top:1px solid var(--garis);margin:.3rem 0 .2rem;padding-top:.4rem}.mula-more>summary{cursor:pointer;color:var(--hijau-terang);align-items:center;gap:.45rem;padding:.55rem 0;font-size:.92rem;font-weight:700;list-style:none;display:flex}.mula-more>summary::-webkit-details-marker{display:none}.mula-more>summary:before{content:"＋";text-align:center;width:1rem;font-weight:800}.mula-more[open]>summary:before{content:"−"}.mula-more[open]>summary{margin-bottom:.2rem}.mula-pill{color:#7a6a1f;vertical-align:middle;background:#f0ead2;border-radius:10px;padding:.1rem .55rem;font-size:.7rem;font-weight:700;display:inline-block}.mula-chips{flex-wrap:wrap;gap:.6rem;margin-top:.4rem;display:flex}.mula-chip{border:2px solid var(--garis);cursor:pointer;text-align:center;min-width:120px;color:var(--tinta);background:#fff;border-radius:12px;flex:1;padding:.85rem;font-size:.95rem;font-weight:700}.mula-chip.sel{border-color:var(--hijau);background:var(--hijau-lembut);color:var(--hijau)}.mula-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.4rem;width:100%;margin-top:.7rem;padding:.8rem 1rem;font-size:1rem;font-weight:700;text-decoration:none;transition:all .12s;display:inline-flex}.mula-btn.primary{background:var(--hijau);color:#fff}.mula-btn.primary:hover{background:var(--hijau-tua)}.mula-btn.primary:disabled{cursor:not-allowed;background:#b9c7c0}.mula-btn.gold{background:var(--emas);color:#3a2f00}.mula-btn.ghost{background:var(--krim-tua);color:var(--tinta)}.mula-row{gap:.6rem;display:flex}.mula-row .mula-btn{flex:1}.mula-mini{background:var(--krim);border:1px dashed #cdc7b4;border-radius:12px;margin-top:.9rem;padding:.8rem;font-size:.85rem}.mula-mini.live{border-style:dashed}.mula-mini h4{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin:0 0 .5rem;font-size:.72rem}.mula-gen{margin:.25rem 0}.mula-genlabel{color:var(--muted);font-size:.72rem}.mula-pers{border:1px solid var(--garis);color:var(--tinta);background:#fff;border-radius:20px;align-items:center;gap:.35rem;margin:.15rem .2rem;padding:.2rem .6rem;font-size:.82rem;display:inline-flex}.mula-dot{background:var(--neutral,#9aa3ad);border-radius:50%;width:9px;height:9px;display:inline-block}.mula-dot.M{background:#2f6fb0}.mula-dot.F{background:#c44d8a}.mula-me-badge{background:var(--emas);color:#3a2f00;border-radius:8px;margin-left:.25rem;padding:.05rem .4rem;font-size:.58rem;font-weight:800}.mula-done{text-align:center}.mula-big{font-size:2.6rem}.mula-done h2{color:var(--hijau);margin:.4rem 0}.mula-muted{color:var(--muted);font-size:.9rem}.jemput{max-width:600px;margin:0 auto}.jemput h1{color:var(--hijau);margin:.3rem 0 .5rem;font-size:1.4rem}.jemput-card{border:1px solid var(--garis);border-radius:var(--radius);box-shadow:var(--bayang-lembut);background:#fff;margin:1rem 0;padding:1.1rem 1.2rem}.jemput-card h2{color:var(--hijau-tua);margin:0 0 .7rem;font-size:1.05rem}.jemput-card .form-field{margin-bottom:.7rem}.jemput-card select,.jemput-card input{border:2px solid var(--garis);color:var(--tinta);background:#fff;border-radius:10px;width:100%;padding:.6rem .7rem;font-size:1rem}.jemput-row2{gap:.7rem;display:flex}.jemput-row2 .form-field{flex:1}.jemput-created{border-color:var(--hijau-terang);background:var(--hijau-lembut)}.jemput-list-title{color:var(--hijau-tua);margin-top:1.4rem;font-size:1.05rem}.jemput-list{margin:.6rem 0 0;padding:0;list-style:none}.jemput-item{border:1px solid var(--garis);background:#fff;border-radius:12px;align-items:center;gap:.8rem;margin-bottom:.5rem;padding:.65rem .85rem;display:flex}.jemput-item.spent{opacity:.55}.jemput-item-main{flex-direction:column;flex:1;gap:.15rem;display:flex}.jemput-role{color:var(--tinta);font-size:.92rem;font-weight:700}.jemput-meta{color:var(--muted);font-size:.78rem}.jemput-revoke{background:var(--danger-tint);color:var(--danger);cursor:pointer;border:1px solid #e6c9c7;border-radius:10px;padding:.4rem .8rem;font-size:.85rem;font-weight:700}.jemput-revoke:hover{background:#f6dedc}.sertai{max-width:480px;margin:0 auto}.sertai-card{border:1px solid var(--garis);border-radius:var(--radius);box-shadow:var(--bayang-lembut);text-align:center;background:#fff;margin-top:1.5rem;padding:1.6rem 1.3rem}.sertai-big{font-size:2.8rem}.sertai-card h1{color:var(--hijau);margin:.4rem 0 .8rem;font-size:1.3rem}.sertai-form{text-align:left;margin-top:.6rem}.sertai-form .kuiz-btn{margin-top:.8rem}.pelan-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:12px;display:grid}.harga-card{flex-direction:column;gap:6px;display:flex;position:relative}.harga-card--hero{border:2px solid var(--hijau-terang);box-shadow:0 6px 24px #14532d14}.harga-badge{background:var(--hijau-terang);color:#fff;border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:700;position:absolute;top:-12px;right:16px}.harga-name{color:var(--hijau-tua);font-size:1.05rem;font-weight:700}.harga-price{color:var(--hijau-tua);font-size:2rem;font-weight:800;line-height:1.1}.harga-per{color:#6b766c;font-size:.9rem;font-weight:500}.harga-list{gap:7px;margin:10px 0 14px;padding:0;list-style:none;display:grid}.harga-list li{color:#3f4a40;font-size:.92rem;line-height:1.45}.harga-list--two{grid-template-columns:1fr 1fr}.harga-cta{text-align:center;margin-top:auto}.harga-fine{color:#6b766c;margin:8px 0 0;font-size:.78rem}.harga-heart{border-radius:14px}.harga-steps{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.harga-step{background:#fff;border:1px solid #e7e9e4;border-radius:12px;padding:16px}.harga-step strong{color:var(--hijau-tua);margin:8px 0 4px;display:block}.harga-step p{color:#4a564c;margin:0;font-size:.88rem;line-height:1.45}.harga-step-no{background:var(--hijau-terang);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:flex}.btn-ghost{border:1.5px solid var(--hijau-terang);color:var(--hijau-tua);background:0 0}@media (max-width:560px){.harga-list--two{grid-template-columns:1fr}}.admin-table{border-collapse:collapse;width:100%;font-size:.88rem}.admin-table th,.admin-table td{text-align:left;vertical-align:top;border-bottom:1px solid #eef0ec;padding:8px 10px}.admin-table th{color:#6b766c;font-size:.8rem;font-weight:600}.admin-sub{color:var(--muted);font-family:ui-monospace,monospace;font-size:.72rem}.btn-sm{border-radius:7px;padding:4px 10px;font-size:.8rem}.promo-box{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.promo-input{text-transform:uppercase;letter-spacing:.5px;border:1px solid #ddd;border-radius:8px;min-width:220px;padding:9px 12px}.hero-tldr{color:#3f4a40;max-width:640px;margin:14px auto 18px;font-size:1.02rem;line-height:1.6}.faq{max-width:720px;margin:40px auto 8px;padding:0 4px}.faq>h2{color:var(--hijau-tua);margin-bottom:6px}.faq h3{color:var(--hijau-tua);margin:18px 0 4px;font-size:1.05rem}.faq p{color:#4a564c;margin:0;line-height:1.6}.falsafah p{line-height:1.7}.hadith{background:var(--krim-tua,#f6f3ea);border:1px solid #1d7a4f47;border-radius:10px;margin:16px 0;padding:16px 20px}.hadith-ar{text-align:right;color:var(--hijau-tua,#14532d);margin:0 0 10px;font-size:1.45rem;line-height:2.1}.hadith figcaption{color:#3f4a40;margin:0;line-height:1.65}.hadith-ref{color:var(--muted);margin-top:6px;font-size:.9rem;display:block}.ob-backdrop{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0b3a1e73;justify-content:center;align-items:center;padding:18px;animation:.18s ob-fade;display:flex;position:fixed;inset:0}@keyframes ob-fade{0%{opacity:0}to{opacity:1}}.ob-modal{background:var(--krim,#faf7f0);border:1px solid var(--garis,#e5e0d5);border-radius:var(--radius,16px);width:100%;max-width:420px;box-shadow:var(--bayang,0 10px 30px -12px #0b3a1e47);text-align:center;padding:28px 24px 22px;animation:.2s ob-pop;position:relative}@keyframes ob-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.ob-x{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1;position:absolute;top:8px;right:12px}.ob-x:hover{color:var(--tinta,#1f2937)}.ob-emoji{margin-bottom:8px;font-size:2.6rem;line-height:1}.ob-title{color:var(--hijau-tua,#0b3a1e);margin:0 0 .5rem;font-size:1.25rem}.ob-body{color:#3f4a40;max-width:34ch;margin:0 auto;line-height:1.6}.ob-dots{justify-content:center;gap:7px;margin:18px 0 4px;display:flex}.ob-dot{background:var(--garis,#e5e0d5);border-radius:50%;width:7px;height:7px}.ob-dot.on{background:var(--emas,#b8860b)}.ob-actions{flex-direction:column;gap:8px;margin-top:16px;display:flex}.ob-btn{cursor:pointer;border:1px solid #0000;border-radius:12px;padding:.8rem 1.2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:filter .15s,transform .15s;display:inline-block}.ob-btn.primary{background:linear-gradient(120deg, var(--hijau-terang), var(--hijau));color:#fff}.ob-btn.primary:hover{filter:brightness(1.06);transform:translateY(-1px)}.ob-btn.ghost{border-color:var(--garis,#e5e0d5);color:#5b6657;background:0 0}.ob-btn.ghost:hover{background:var(--krim-tua,#f3ecdd)}.ob-checklist{background:var(--krim-tua,#f3ecdd);border:1px solid #b8860b4d;border-radius:12px;margin:1rem 0 1.2rem;padding:16px 18px}.ob-checklist-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.ob-checklist-head h3{color:var(--hijau-tua,#0b3a1e);margin:0;font-size:1.05rem}.ob-count{color:var(--muted);white-space:nowrap;font-size:.85rem}.ob-steps{margin:.7rem 0 .4rem;padding:0;list-style:none}.ob-step{border-top:1px dashed var(--garis,#e5e0d5);align-items:center;gap:10px;padding:7px 0;display:flex}.ob-step:first-child{border-top:none}.ob-tick{border:2px solid var(--garis,#cfc8b8);color:#fff;border-radius:50%;flex:0 0 22px;justify-content:center;align-items:center;width:22px;height:22px;font-size:.8rem;font-weight:700;display:inline-flex}.ob-step.done .ob-tick{background:var(--hijau-terang,#1d7a4f);border-color:var(--hijau-terang,#1d7a4f)}.ob-step-label{color:var(--tinta,#1f2937)}.ob-step.done .ob-step-label{color:var(--muted);text-decoration:line-through}.ob-step-label.link{color:var(--hijau-terang,#1d7a4f);font-weight:600;text-decoration:none}.ob-step-label.link:hover{text-decoration:underline}.ob-dismiss{color:var(--muted);cursor:pointer;background:0 0;border:none;margin-top:6px;padding:2px 0;font-size:.85rem}.ob-dismiss:hover{color:var(--tinta,#1f2937);text-decoration:underline}.ob-back{border-radius:var(--radius,16px);border:1px solid var(--garis,#e5e0d5);background:radial-gradient(120% 140% at 0% 0%, #e7c87338, transparent 60%), var(--krim,#faf7f0);box-shadow:var(--bayang-lembut,0 4px 14px -6px #0b3a1e2e);align-items:flex-start;gap:14px;margin:0 0 1.2rem;padding:18px 44px 18px 18px;animation:.22s ob-pop;display:flex;position:relative}.ob-back.renewed{background:radial-gradient(120% 140% at 0% 0%, #1d7a4f29, transparent 60%), var(--krim,#faf7f0);border-color:#1d7a4f66}.ob-back-emoji{flex:none;margin-top:2px;font-size:2rem;line-height:1}.ob-back-main{flex:auto;min-width:0}.ob-back-title{color:var(--hijau-tua,#0b3a1e);margin:0 0 .35rem;font-size:1.2rem}.ob-back-body{color:#3f4a40;margin:0 0 .4rem;line-height:1.6}.ob-back-hint{color:var(--muted);margin:0 0 .8rem;font-size:.9rem}.ob-back-actions{flex-wrap:wrap;gap:8px;display:flex}.ob-back-actions .ob-btn{margin:0;padding:.6rem 1.1rem}.ob-back-x{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:1.4rem;line-height:1;position:absolute;top:8px;right:12px}.ob-back-x:hover{color:var(--tinta,#1f2937)}@media (max-width:560px){.ob-back{flex-direction:column;gap:8px;padding-right:40px}.ob-back-actions .ob-btn{text-align:center;flex:auto}}@media (min-width:1024px){:is(main:has(.people-view),main:has(.grafik)){max-width:1180px}.app-home:has(.people-view){max-width:none}.people-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-items:start;gap:.6rem;display:grid}}:is(html[data-view=lebar] main:has(.people-view),html[data-view=lebar] main:has(.grafik)){max-width:1180px}html[data-view=lebar] .app-home:has(.people-view){max-width:none}html[data-view=lebar] .people-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-items:start;gap:.6rem;display:grid}:is(html[data-view=padat] main:has(.people-view),html[data-view=padat] main:has(.grafik)){max-width:720px}html[data-view=padat] .app-home:has(.people-view){max-width:640px}html[data-view=padat] .people-list{flex-direction:column;gap:.55rem;display:flex}.view-switch{display:none}@media (min-width:1024px){.view-switch{background:#ffffff1f;border:1.5px solid #e7c87380;border-radius:10px;align-items:center;gap:2px;padding:2px;display:inline-flex}.view-switch .vs-label{color:#ffffffd1;white-space:nowrap;padding:0 4px 0 7px;font-size:.76rem;font-weight:700}.view-switch button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:5px 10px;font-size:.8rem;font-weight:700;line-height:1}.view-switch button:hover{background:#ffffff24}.view-switch button.active{background:var(--emas-terang);color:var(--hijau-tua)}}.tree-sidebar{display:none}@media (min-width:1024px){main:has(.tree-shell){max-width:1200px}.tree-shell{grid-template-columns:236px minmax(0,1fr);align-items:start;gap:1.6rem;display:grid}.tree-sidebar{border:1px solid var(--garis);box-shadow:var(--bayang-lembut);background:#fff;border-radius:14px;padding:1rem .85rem;display:block;position:sticky;top:84px}.ts-head{border-bottom:1px solid var(--garis);margin-bottom:.6rem;padding:0 .35rem .6rem}.ts-tree{color:var(--hijau-tua);font-weight:800;line-height:1.25;display:block}.ts-role{color:var(--emas-tinta);margin-top:.15rem;font-size:.76rem;font-weight:700;display:block}.ts-back{color:var(--hijau-terang);margin:0 .35rem .55rem;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-block}.ts-back:hover{text-decoration:underline}.ts-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.ts-list a{color:var(--tinta);border-radius:10px;align-items:center;gap:.55rem;padding:.5rem .6rem;font-size:.92rem;font-weight:600;text-decoration:none;display:flex}.ts-list a:hover{background:var(--krim-tua);color:var(--hijau-tua)}.ts-list a.active{background:var(--krim-tua);color:var(--hijau-tua);box-shadow:inset 3px 0 0 var(--hijau-terang)}.ts-ic{text-align:center;flex:none;width:1.25rem}.ts-sep{background:var(--garis);height:1px;margin:.7rem .35rem}.ts-actions a.ts-primary{background:linear-gradient(120deg, var(--hijau-terang), var(--hijau));color:#fff}.ts-actions a.ts-primary:hover{filter:brightness(1.06);color:#fff}.tree-shell .tree-nav-links,.tree-shell .app-top .tree-actions{display:none}.tree-shell .app-home{margin:0}}html[data-view=padat] main:has(.tree-shell){max-width:1200px}html[data-view=padat] .tree-shell .app-home:has(.people-view){max-width:none}@media (min-width:1024px){main:has(.grafik){max-width:none;padding-left:16px;padding-right:16px}.tree-shell:has(.grafik){gap:1rem}.tree-shell .grafik-page{max-width:none;padding:1rem 1.25rem}.grafik .tree-wrap{height:82vh}}html[data-view=padat] main:has(.grafik){max-width:none;padding-left:16px;padding-right:16px}html[data-view=padat] .tree-shell .grafik-page{max-width:none}@media (pointer:coarse){.gen-btns{gap:8px}.gen-btns button{width:44px;height:44px}.tv-switch{gap:8px}.tv-switch button{min-height:44px;padding:10px 16px}.grafik-btns{gap:10px}.grafik-btns button,.grafik-pdf{min-height:44px}.tree-zoom{gap:10px}.tree-zoom button,.carousel .play{width:44px;height:44px}.ket-tog{width:28px;height:28px;position:relative}.ket-tog:not(.leaf):after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hn-toggle{position:relative}.tn-toggle:after,.hn-toggle:after,.ob-x:after,.ob-back-x:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gen-btns button:active,.tv-switch button:active,.grafik-btns button:active,.grafik-pdf:active,.tree-zoom button:active,.carousel .play:active,.ket-tog:active,.tn-toggle:active,.hn-toggle:active{filter:brightness(.94)}}