:root{--n-25:#fff;--n-50:#f8f8f7;--n-100:#f2f2f2;--n-200:#e5e5e5;--n-300:#d4d4d4;--n-400:#a3a3a3;--n-500:#737373;--n-550:#6b6b6b;--n-600:#525252;--n-700:#404040;--n-800:#1f1f1f;--n-900:#141414;--g-50:#fafffa;--g-100:#edfded;--g-200:#e0fae0;--g-300:#a6f0a5;--g-400:#4ce160;--g-500:#3cc14e;--g-600:#288034;--g-700:#1b561a;--g-800:#0c310d;--g-900:#021d06;--r-100:#fdeded;--r-200:#ffe0e0;--r-300:#ffa0a0;--r-500:#f02d2d;--r-600:#d50b0b;--r-700:#570303;--r-800:#2a0303;--y-100:#fff9eb;--y-200:#fff8d5;--y-300:#ffe58a;--y-400:#ffcc14;--y-500:#eebb04;--y-600:#855f00;--y-700:#553b06;--y-800:#312102;--bg:var(--n-50);--surface:var(--n-25);--surface-2:var(--n-100);--stroke:var(--n-200);--stroke-2:var(--n-300);--stroke-card:var(--n-300);--divider:var(--n-100);--track:var(--n-200);--zebra:var(--n-50);--th-bg:var(--n-100);--dot:#dcdddc;--card-pad:1.5rem;--mark-g:var(--g-600);--mark-g-done:var(--g-800);--mark-y:var(--y-400);--mark-y-done:var(--y-600);--mark-r:var(--r-500);--tint-g-bg:var(--g-100);--tint-g-tx:var(--g-600);--tint-g-bd:var(--g-300);--tint-y-bg:var(--y-100);--tint-y-tx:var(--y-600);--tint-y-bd:var(--y-400);--tint-r-bg:var(--r-100);--tint-r-tx:var(--r-600);--tint-r-bd:var(--r-200);--sinar:var(--g-200);--text:var(--n-800);--text-2:var(--n-600);--text-3:var(--n-550);--rad-sm:.125rem;--rad:.25rem;--rad-md:.375rem;--rad-lg:.5rem;--rad-xl:.75rem;--rad-2xl:1rem;--rad-full:9999px;--sh-sm:0 1px 2px 0 #0000000d;--sh:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--sh-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--sh-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a}:root[data-theme=dark]{--bg:var(--n-900);--surface:var(--n-800);--surface-2:var(--n-700);--stroke:var(--n-700);--stroke-2:var(--n-600);--stroke-card:var(--n-600);--text:var(--n-25);--text-2:var(--n-300);--text-3:var(--n-400);--divider:var(--n-700);--track:var(--n-700);--zebra:#1a1a1a;--th-bg:var(--n-900);--dot:#272825;--mark-g:var(--g-500);--mark-g-done:var(--g-300);--mark-y:var(--y-400);--mark-y-done:var(--y-300);--mark-r:var(--r-500);--tint-g-bg:var(--g-800);--tint-g-tx:var(--g-300);--tint-g-bd:var(--g-700);--tint-y-bg:var(--y-800);--tint-y-tx:var(--y-300);--tint-y-bd:var(--y-700);--tint-r-bg:var(--r-800);--tint-r-tx:var(--r-300);--tint-r-bd:var(--r-700);--sinar:#0a2a0c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg);background-image:radial-gradient(var(--dot) 1.25px, transparent 1.25px), radial-gradient(46rem 34rem at 12% -4%, var(--sinar), transparent 70%), radial-gradient(50rem 38rem at 92% 104%, var(--sinar), transparent 70%);background-size:1.5rem 1.5rem,cover,cover;background-attachment:fixed}body{color:var(--text);-webkit-font-smoothing:antialiased;font-feature-settings:"cv02", "cv03", "cv04";margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.5rem}h1,h2,h3,h4{letter-spacing:-.011em;color:var(--text);margin:0;font-weight:600}a{color:var(--tint-g-tx);text-decoration:none}a:hover{text-decoration:underline}.num{font-variant-numeric:tabular-nums}.muted{color:var(--text-3)}.ink2{color:var(--text-2)}.tiny{font-size:.875rem;line-height:1.25rem}.brand{color:inherit;align-items:center;gap:.625rem;text-decoration:none;display:flex}.brand:hover{text-decoration:none}.brand .jeda{flex:none;width:1.75rem;height:1.75rem}.brand .nm{letter-spacing:-.02em;font-size:1.125rem;font-weight:700}.brand .tg{color:var(--g-100);font-size:.75rem;line-height:1rem;display:block}.app{grid-template-columns:15rem 1fr;min-height:100vh;display:grid}.side{background:var(--g-600);color:var(--n-25);flex-direction:column;height:100vh;padding:1.5rem 1rem;display:flex;position:sticky;top:0}.side .brand{color:var(--n-25);padding:.25rem .5rem 2rem}.side nav{flex-direction:column;gap:.25rem;display:flex}.side nav a,.side nav button{cursor:pointer;text-align:left;border-radius:var(--rad-md);width:100%;color:var(--g-100);background:0 0;border:0;align-items:center;gap:.75rem;padding:.75rem .875rem;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1.25rem;transition:background .14s,color .14s;display:flex}.side nav a:hover,.side nav button:hover{background:var(--g-700);color:var(--n-25);text-decoration:none}.side nav a.on,.side nav button.on{background:var(--n-25);color:var(--g-700);font-weight:600}.side nav a svg,.side nav button svg{stroke-width:2px;flex:none;width:1.125rem;height:1.125rem}.side .grow{flex:1}.side .out,.side button.out{color:var(--g-100)}.main{min-width:0}.topbar{background:var(--surface);border-bottom:1px solid var(--stroke);z-index:20;align-items:center;gap:1.25rem;padding:1.25rem 2.5rem;display:flex;position:sticky;top:0}.topbar h1{font-size:1.25rem;line-height:1.75rem}.topbar p{color:var(--text-3);margin:.125rem 0 0;font-size:.875rem;line-height:1.25rem}.topbar .sp{flex:1}.aksi-kepala{align-items:center;gap:.75rem;display:flex}.avatar{border-radius:var(--rad-full);background:var(--g-600);width:2.25rem;height:2.25rem;color:var(--n-25);place-content:center;font-size:.8125rem;font-weight:600;display:grid}.page{padding:1.75rem 3rem 4rem}.card{background:var(--surface);border:1px solid var(--stroke-card);border-radius:var(--rad-lg);padding:var(--card-pad);transition:border-color .15s,box-shadow .15s,transform .15s}.card:hover{border-color:var(--g-300);box-shadow:var(--sh-md);transform:translateY(-1px)}.card-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.card-head h2{font-size:1rem;line-height:1.5rem}.card-head .sub{color:var(--text-3);margin-top:.125rem;font-size:.875rem;line-height:1.25rem;display:block}.grid{gap:1.25rem;display:grid}.stat{background:var(--surface);border:1px solid var(--stroke-card);border-radius:var(--rad-lg);padding:1.5rem;transition:border-color .15s,box-shadow .15s,transform .15s}.stat:hover{box-shadow:var(--sh-md);transform:translateY(-1px)}.stat .top{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.stat .k{color:var(--text-3);font-size:.875rem;font-weight:500;line-height:1.25rem}.stat .v{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--text);margin-top:.25rem;font-size:1.75rem;font-weight:700;line-height:2.25rem}.stat .v small{color:var(--text-3);font-size:1.125rem;font-weight:600}.stat .d{color:var(--tint-g-tx);margin-top:.375rem;font-size:.875rem;font-weight:500;line-height:1.25rem}.stat .d.down{color:var(--tint-r-tx)}.stat.solid{background:var(--g-600);border-color:var(--g-600)}.stat.solid .v,.stat.solid .v small{color:var(--n-25)}.stat.solid .d{color:var(--g-100)}.stat.solid .meter{background:var(--g-700)}.stat.solid .meter i{background:var(--n-25)}.meter{border-radius:var(--rad-full);background:var(--track);height:.5rem;margin-top:.75rem;overflow:hidden}.meter i{border-radius:var(--rad-full);background:var(--g-600);height:.5rem;display:block}.btn{border-radius:var(--rad-md);min-height:2.5rem;font:inherit;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.125rem;font-size:.875rem;font-weight:600;line-height:1.25rem;text-decoration:none;transition:background .14s,transform 80ms;display:inline-flex}[hidden]{display:none!important}.btn:hover{text-decoration:none}.btn:active{transform:translateY(1px)}.btn:disabled{background:var(--n-200);color:var(--text-3);border-color:var(--n-200);cursor:not-allowed}.btn:disabled:active{transform:none}:root[data-theme=dark] .btn:disabled{background:var(--n-700);border-color:var(--n-700)}.btn-green{background:var(--g-600);color:var(--n-25)}.btn-green:hover{background:var(--g-700)}.btn-ghost{background:var(--surface);border-color:var(--stroke);color:var(--text-2)}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-lg{min-height:3rem;padding:.875rem 1.5rem;font-size:1rem;line-height:1.5rem}.btn-block{width:100%}.btn svg{stroke-width:2px;width:1.125rem;height:1.125rem}.field{margin-bottom:1.25rem}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--tint-r-tx)}input[aria-invalid=true]:focus,select[aria-invalid=true]:focus{outline-color:var(--tint-r-tx);border-color:var(--tint-r-tx)}.pesan-salah{color:var(--tint-r-tx);align-items:flex-start;gap:.375rem;margin:.375rem 0 0;font-size:.8125rem;font-weight:500;line-height:1.125rem;display:flex}.pesan-salah svg{flex:none;width:.875rem;height:.875rem;margin-top:.125rem}.field label{color:var(--text);justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.5rem;font-size:.875rem;font-weight:500;line-height:1.25rem;display:flex}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=date],select,textarea{background:var(--surface);width:100%;color:var(--text);border:1px solid var(--stroke-2);border-radius:var(--rad-md);min-height:2.75rem;font:inherit;padding:.625rem .875rem;font-size:.9375rem;line-height:1.375rem}input::placeholder{color:var(--text-3)}input:focus,select:focus,textarea:focus{outline:2px solid var(--g-600);outline-offset:0;border-color:var(--g-600)}input[type=range]{accent-color:var(--g-600);background:0 0;border:0;padding:0}select{cursor:pointer}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin:0;font-size:.75rem;font-weight:600;line-height:1rem}.eyebrow.on{color:var(--g-600)}.eyebrow.rest{color:var(--tint-y-tx)}.timer{letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--text);margin:1.25rem 0 0;font-size:clamp(4rem,13vw,7rem);font-weight:600;line-height:1}.timer.ringkas{font-size:clamp(3rem,9.5vw,5.75rem)}.timer-sub{color:var(--text-2);margin-top:1rem;font-size:.9375rem}.timer-sub b{color:var(--text);font-weight:500}.progress{background:var(--track);border-radius:var(--rad-full);height:.375rem;margin:2rem 0 0;overflow:hidden}.progress i{background:var(--g-600);border-radius:var(--rad-full);height:.375rem;transition:width .3s linear;display:block}.progress.rest i{background:var(--mark-y)}.rhythm{gap:3px;margin-top:1rem;display:flex}.rhythm i{background:var(--track);border-radius:var(--rad-sm);height:.625rem;transition:transform .12s;display:block}.rhythm i:hover{transform:scaleY(1.5)}.rhythm i:focus-visible{outline:2px solid var(--mark-g-done);outline-offset:2px;transform:scaleY(1.5)}.rhythm i.s{background:var(--mark-g)}.rhythm i.b{background:var(--mark-y)}.rhythm-key{color:var(--text-3);flex-wrap:wrap;gap:1.75rem;margin-top:1rem;font-size:.8125rem;display:flex}.rhythm-key span{white-space:nowrap;align-items:center;gap:.375rem;display:inline-flex}.rhythm-key i{width:.5rem;height:.5rem;display:block}.facts{border-top:1px solid var(--stroke)}.facts div{border-bottom:1px solid var(--divider);justify-content:space-between;align-items:baseline;gap:1rem;padding:.75rem 0;display:flex}.facts dt{color:var(--text-2);font-size:.875rem}.facts dd{color:var(--text);font-variant-numeric:tabular-nums;margin:0;font-size:.9375rem;font-weight:600}.tl{padding-left:1rem;position:relative}.tl .it{border-bottom:1px solid var(--divider);grid-template-columns:.5rem 4.5rem 1fr;align-items:baseline;gap:0 .875rem;padding:.875rem 0;font-size:.875rem;line-height:1.375rem;display:grid;position:relative}.tl .it:last-child{border-bottom:0}.tl .it .dot{border-radius:var(--rad-full);background:var(--g-600);align-self:start;width:.5rem;height:.5rem;margin-top:.375rem}.tl .it.amber .dot{background:var(--mark-y)}.tl .it.red .dot{background:var(--r-500)}.tl .it .isi{min-width:0}.tl .it .isi b{color:var(--text);margin-bottom:.125rem;font-weight:600;display:block}.tl .it .isi span{color:var(--text-2)}.sec{margin-top:2.25rem}.sec-title{color:var(--text);margin:0 0 .875rem;font-size:.9375rem;font-weight:600}:is(.card:has(.tbl-flush),.card-clip){overflow:hidden}.tbl-flush{margin:0 calc(var(--card-pad) * -1);overflow-x:auto}.tbl-flush table{border-collapse:collapse}.tbl-flush th:first-child,.tbl-flush td:first-child{padding-left:var(--card-pad)}.tbl-flush th:last-child,.tbl-flush td:last-child{padding-right:var(--card-pad)}.tbl-flush+.tiny{margin-top:1.25rem}table{border-collapse:collapse;width:100%;font-size:.875rem;line-height:1.25rem}th{text-align:left;color:var(--text-2);background:var(--th-bg);border-bottom:1px solid var(--stroke);white-space:nowrap;padding:.875rem 1.25rem;font-size:.75rem;font-weight:600;line-height:1rem}td{border-bottom:1px solid var(--divider);white-space:nowrap;color:var(--text-2);padding:1rem 1.25rem}td.b{color:var(--text);font-weight:500}tbody tr:last-child td{border-bottom:0}tbody tr{transition:background .12s}.badge{border-radius:var(--rad);border:1px solid #0000;padding:.25rem .5rem;font-size:.75rem;font-weight:600;line-height:1rem;display:inline-block}.b-green{background:var(--tint-g-bg);color:var(--tint-g-tx);border-color:var(--tint-g-bd)}.b-amber{background:var(--tint-y-bg);color:var(--tint-y-tx);border-color:var(--tint-y-bd)}.b-netral{background:var(--surface-2);color:var(--text-2);border-color:var(--stroke)}.b-red{background:var(--tint-r-bg);color:var(--tint-r-tx);border-color:var(--tint-r-bd)}.bar{align-items:center;gap:.625rem;display:inline-flex}.bar i{border-radius:var(--rad-full);background:var(--track);width:3.5rem;height:.375rem;display:block;position:relative}.bar i b{border-radius:var(--rad-full);background:var(--g-500);display:block;position:absolute;inset:0 auto 0 0}.bar span{font-variant-numeric:tabular-nums;color:var(--text);width:2.25rem;font-weight:500}.bars7{align-items:flex-end;gap:.75rem;height:10rem;margin-top:.25rem;display:flex;position:relative}.bars7.hampa{place-content:center;display:grid}.bars7 .empty p{margin-bottom:0}.bars7 .acuan{z-index:1;pointer-events:none;left:0;right:0;bottom:calc(1.375rem + var(--p) * (100% - 2.75rem));border-top:1px dashed var(--text-3);position:absolute}.bars7 .acuan.bawah b{top:.25rem;bottom:auto}.bars7 .acuan b{opacity:0;background:var(--surface);color:var(--text-3);white-space:nowrap;padding-left:.5rem;font-size:.6875rem;font-weight:600;line-height:1rem;transition:opacity .15s;position:absolute;bottom:.25rem;right:0}.bars7:hover .acuan b,.bars7:focus-within .acuan b{opacity:1}.bagan-ket{color:var(--text-3);margin:1rem 0 0;font-size:.8125rem;line-height:1.25rem}.bars7 .b{flex-direction:column;flex:1;align-items:center;gap:.375rem;min-width:0;height:100%;display:flex}.bars7 .b .plot{flex:1;align-items:flex-end;width:100%;max-width:3rem;display:flex}.bars7 .b i{background:var(--mark-g);border-radius:var(--rad) var(--rad) 0 0;width:100%;display:block}.bars7 .b i.kini{background:var(--mark-g-done)}.bars7 .b i.kosong{background:var(--track)}.bars7 .b .v{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:600;line-height:1rem}.bars7 .b .l{color:var(--text-3);text-align:center;white-space:nowrap;font-size:.75rem;line-height:1rem}.ringkas{flex-wrap:wrap;margin-bottom:1.5rem;display:flex}.ringkas>div{border-left:1px solid var(--divider);flex:8rem;padding:0 1.25rem}.ringkas>div:first-child{border-left:0;padding-left:0}.ringkas .k{color:var(--text-3);font-size:.8125rem;font-weight:500;line-height:1.125rem}.ringkas .v{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--text);margin-top:.125rem;font-size:1.375rem;font-weight:700;line-height:1.875rem}.ringkas .v small{color:var(--text-3);letter-spacing:0;font-size:.875rem;font-weight:500}@media (width<=760px){.ringkas>div{padding:0 .875rem}}@media (width<=560px){.ringkas{margin-bottom:1.25rem;display:block}.ringkas>div{border-left:0;border-top:1px solid var(--divider);justify-content:space-between;align-items:baseline;gap:1rem;padding:.75rem 0;display:flex}.ringkas>div:first-child{border-top:0;padding-top:0}.ringkas .v{margin-top:0;font-size:1.125rem;line-height:1.5rem}}.legend{flex-direction:column;gap:.625rem;font-size:.875rem;display:flex}.legend div{align-items:center;gap:.5rem;display:flex}.legend i{border-radius:var(--rad-sm);flex:none;width:.625rem;height:.625rem;display:block}.sebaran{flex-direction:column;display:flex}.cincin{width:12rem;height:12rem;margin:.25rem auto 0;position:relative}.cincin .donat{width:100%;height:100%;display:block}.cincin .tengah{text-align:center;place-content:center;gap:.125rem;display:grid;position:absolute;inset:0}.cincin .tengah>*{max-width:6.5rem}.cincin .tengah .num{letter-spacing:-.03em;font-size:2rem;font-weight:700;line-height:2.25rem}.legend.bawah{gap:0;margin-top:auto;padding-top:.5rem}.legend.bawah div{border-bottom:1px solid var(--divider);gap:.75rem;padding:.875rem 0}.legend.bawah div:last-child{border-bottom:0;padding-bottom:0}.legend.bawah .n{flex-direction:column;flex:1;min-width:0;font-weight:500;display:flex}.legend.bawah .n small{color:var(--text-3);font-size:.75rem;font-weight:400;line-height:1rem}.legend.bawah b{font-variant-numeric:tabular-nums;font-size:1.0625rem}.legend.bawah .p{text-align:right;width:2.75rem;color:var(--text-3);font-variant-numeric:tabular-nums;font-size:.8125rem}@media (width<=520px){.cincin{width:10.5rem;height:10.5rem}.cincin .tengah .num{font-size:1.75rem;line-height:2rem}}.rest-overlay{z-index:40;background:var(--bg);overscroll-behavior:contain;background-image:radial-gradient(var(--dot) 1.25px, transparent 1.25px), radial-gradient(46rem 34rem at 12% -4%, var(--sinar), transparent 70%), radial-gradient(50rem 38rem at 92% 104%, var(--sinar), transparent 70%);background-size:1.5rem 1.5rem,cover,cover;display:none;position:fixed;inset:0;overflow:hidden auto}.rest-overlay.on{display:block}body.terkunci{overflow:hidden}@keyframes naik{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}@keyframes denyut{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes kedip{0%,49%{background:var(--g-500)}50%,to{background:var(--track)}}.page>*{animation:.28s ease-out both naik}.page>:first-child{animation-delay:0s}.page>:nth-child(2){animation-delay:50ms}.page>:nth-child(3){animation-delay:.1s}.page>:nth-child(4){animation-delay:.15s}.page>:nth-child(5){animation-delay:.2s}.side nav a,.side nav button{animation:.24s ease-out both naik}.side nav a:nth-child(2){animation-delay:40ms}.side nav a:nth-child(3){animation-delay:80ms}.side nav a:nth-child(4){animation-delay:.12s}.auth-split{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-brand{background:var(--g-600);color:var(--n-25);background-image:radial-gradient(26rem 26rem at 88% 8%, var(--g-700), transparent 60%), radial-gradient(30rem 30rem at 4% 92%, var(--g-700), transparent 60%);flex-direction:column;justify-content:space-between;padding:3.5rem 3rem;display:flex}.auth-brand .nm{color:var(--n-25)}.auth-brand .slogan{color:var(--n-25);letter-spacing:-.02em;max-width:16ch;margin:0 0 1rem;font-size:2rem;font-weight:600;line-height:2.5rem}.auth-brand p{color:var(--g-100);max-width:38ch;margin:0;font-size:.9375rem;line-height:1.5rem}.auth-brand .facts{border-top:1px solid var(--g-700)}.auth-brand .facts div{border-bottom:1px solid var(--g-700)}.auth-brand .facts dt{color:var(--g-100)}.auth-brand .facts dd{color:var(--n-25)}.auth-main{place-items:center;padding:3rem 1.5rem 4rem;display:grid}.auth-main .auth-card{box-shadow:none;border-color:var(--stroke-card)}.tautan{color:var(--tint-g-tx);font-size:.875rem;font-weight:500}.tautan:hover{text-decoration:underline}@media (width<=960px){.auth-split{grid-template-columns:1fr}.auth-brand{background-image:radial-gradient(26rem 26rem at 88% 8%, var(--g-700), transparent 60%), radial-gradient(30rem 30rem at 4% 92%, var(--g-700), transparent 60%);display:none}}.auth-card{background:var(--surface);border:1px solid var(--stroke-card);border-radius:var(--rad-lg);width:100%;max-width:24rem;box-shadow:var(--sh);padding:2rem}.auth-card h1{letter-spacing:-.02em;margin:0;font-size:1.5rem;line-height:2rem}.auth-card .sub{color:var(--text-3);margin:.5rem 0 1.75rem;font-size:.9375rem;line-height:1.375rem}.isian-berikon{align-items:center;display:flex;position:relative}.isian-berikon svg{width:1.125rem;height:1.125rem;color:var(--text-3);pointer-events:none;position:absolute;left:.875rem}.isian-berikon input,.isian-berikon select{padding-left:2.75rem}.isian-berikon:focus-within svg{color:var(--g-600)}.lihat-sandi{border-radius:var(--rad);width:2rem;height:2rem;color:var(--text-3);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;right:.375rem}.lihat-sandi:hover{color:var(--text);background:var(--surface-2)}.lihat-sandi svg{width:1.0625rem;height:1.0625rem;color:inherit;position:static}.isian-berikon:has(.lihat-sandi) input{padding-right:2.75rem}@media (width<=760px){.banding{grid-template-columns:1fr}.banding>div{border-left:0;border-top:1px solid var(--divider);padding:1rem 0 0}.banding>div:first-child{border-top:0;padding-top:0}.tl .it{grid-template-columns:.5rem 1fr;gap:0 .75rem}.tl .it .isi{grid-column:2}.bars7{gap:.375rem;overflow-x:auto}.bars7 .b{min-width:2.25rem}.banding>div{padding:0 .75rem}.banding.tiga .v{white-space:nowrap;font-size:1.125rem}.dist div{grid-template-columns:3.5rem 1fr 2rem;gap:.5rem}:root{--card-pad:1.25rem}.page{padding:1.25rem 1rem 4rem}.topbar{padding:1rem 1.25rem}.timer{font-size:clamp(3rem,16vw,4.5rem)}}@media (width<=920px){.app{grid-template-columns:1fr}.side{flex-direction:row;align-items:center;gap:.5rem;height:auto;padding:.75rem 1rem;position:static;overflow-x:auto}.side .brand{padding:0 .75rem 0 0}.side .brand .tg{display:none}.side nav{flex-direction:row;gap:.25rem}.side nav a,.side nav button{white-space:nowrap}.side .grow{display:none}.page{padding:1rem}}@media (width<=35rem){.side{gap:.125rem;padding:.5rem .75rem;overflow-x:visible}.side .brand .nm,.side .brand .tg{display:none}.side nav{flex:1;justify-content:space-around}.side nav form{display:contents}.side nav a,.side nav button{padding:.5rem .75rem}.side nav .lbl-nav{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.btn-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.btn-sm{min-height:2rem;padding:.375rem .75rem;font-size:.8125rem}.pilih{flex-wrap:wrap;gap:.5rem;display:flex}.pilih button{border:1px solid var(--stroke-2);background:var(--surface);border-radius:var(--rad-md);min-width:3rem;min-height:3rem;font:inherit;color:var(--text-2);cursor:pointer;flex:1;font-size:1rem;font-weight:600}.pilih button:hover{border-color:var(--g-500);color:var(--text)}.pilih button.on{background:var(--g-600);border-color:var(--g-600);color:var(--n-25)}.skala{color:var(--text-3);justify-content:space-between;margin-top:.75rem;font-size:.75rem;display:flex}.pager{text-align:center;flex-direction:column;align-items:center;gap:.75rem;margin-top:1.5rem;display:flex}.pager-tombol{justify-content:center;align-items:center;gap:.375rem;display:flex}.pager-arah{padding:.5rem .75rem}.pager-nomor{padding:.5rem .875rem}.pager-elipsis{color:var(--text-3);padding:0 .125rem;font-size:.8125rem}.pager-ringkas{color:var(--text-2);white-space:nowrap;padding:.5rem .875rem;font-size:.8125rem;display:none}.pager [aria-disabled=true]{opacity:.45;pointer-events:none}@media (width<=30rem){.pager-nomor,.pager-elipsis{display:none}.pager-ringkas{display:inline-flex}}.wadah-lebar{max-width:76rem;margin:0 auto}.wadah-sempit{max-width:34rem;margin:0 auto;padding-top:1.5rem}.bento{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:1.25rem;display:grid}.bento>.stat{align-self:stretch}.angka-dua{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.kolom-kartu{flex-direction:column;gap:1.25rem;min-width:0;display:flex}.bento>.kolom-kartu{align-self:stretch}.catatan-kartu{color:var(--text-3);margin:1rem 0 0;line-height:1.375rem}.catatan-kartu.kuat{color:var(--text-2)}.kolom-kartu>*{flex-direction:column;flex:auto;justify-content:space-between;display:flex}.bento>*{grid-column:span 12}.b-7{grid-column:span 7}.b-5{grid-column:span 5}.b-6{grid-column:span 6}.b-3{grid-column:span 3}.b-12{grid-column:span 12}@media (width<=1180px){.bento{gap:1rem}.bento>*{grid-column:span 12!important}}.card-accent{border-top:3px solid var(--g-600)}.sec-title{align-items:center;gap:.625rem;display:flex}.sec-title:before{content:"";background:var(--g-500);border-radius:var(--rad-sm);flex:none;width:.25rem;height:1rem}tbody tr:nth-child(2n){background:var(--zebra)}tbody tr:hover{background:var(--tint-g-bg)}.stat.solid .k{color:var(--g-100)}.stat.solid .v{color:var(--n-25)}.btn:focus-visible,.pilih button:focus-visible,.dist div{grid-template-columns:4.5rem 1fr 2.5rem 3rem;align-items:center;gap:.75rem;padding:.5rem 0;font-size:.875rem;display:grid}.dist .lbl{color:var(--text-2)}.dist.lebar div{grid-template-columns:8.5rem 1fr 2.75rem 2.5rem}.dist .bar-l{background:var(--track);border-radius:var(--rad-sm);height:.625rem;overflow:hidden}.dist .bar-l i{background:var(--g-600);border-radius:var(--rad-sm);height:.625rem;display:block}.dist .bar-l i.rendah{background:var(--r-500)}.dist .bar-l i.sedang{background:var(--y-400)}.dist .jml{text-align:right;color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}.dist .pst{text-align:right;color:var(--text-3);font-variant-numeric:tabular-nums;font-size:.8125rem}.banding{grid-template-columns:1fr 1fr;gap:0;margin-top:.25rem;display:grid}.banding>div{border-left:1px solid var(--divider);flex-direction:column;justify-content:flex-end;padding:0 1.25rem;display:flex}.banding>div:first-child{border-left:0;padding-left:0}.banding .k{color:var(--text-3);font-size:.8125rem;line-height:1.125rem}.banding .v{font-variant-numeric:tabular-nums;margin-top:.375rem;font-size:1.5rem;font-weight:600}.banding .baik{color:var(--tint-g-tx)}.banding .buruk{color:var(--tint-r-tx)}.banding.tiga{grid-template-columns:1fr 1fr 1fr}@media (width<=600px){.banding.lepas-di-ponsel{grid-template-columns:1fr}.banding.lepas-di-ponsel>div{border-left:0;padding:0}.banding.lepas-di-ponsel>div+div{margin-top:1.5rem}}.banding-tumpuk{margin-top:.75rem}.banding-tumpuk>div+div{border-top:1px dashed var(--divider);margin-top:1.25rem;padding-top:1.25rem}.banding-tumpuk h3{color:var(--text);justify-content:space-between;align-items:center;gap:.75rem;margin:0 0 .5rem;font-size:.875rem;font-weight:600;display:flex}.banding-tumpuk .tiny{color:var(--text-2);max-width:58ch;margin:1rem 0 0;line-height:1.375rem}.banding-tumpuk .tiny b{font-weight:600}.batang-banding div{grid-template-columns:10rem 1fr 2.5rem;align-items:center;gap:.75rem;padding:.375rem 0;font-size:.875rem;display:grid}.batang-banding .lbl{color:var(--text-2)}.batang-banding .bar{background:var(--track);border-radius:var(--rad-sm);height:.625rem;overflow:hidden}.batang-banding .bar i{background:var(--mark-g);border-radius:inherit;height:100%;display:block}.batang-banding .bar i.buruk{background:var(--mark-r)}.batang-banding .bar i.netral{background:var(--n-400)}.batang-banding .nilai{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.peringkat{color:var(--text-2);align-items:center;gap:.75rem;margin:.75rem 0 0;font-size:.875rem;display:flex}.peringkat .titik{gap:.25rem;display:inline-flex}.peringkat .titik i{border-radius:var(--rad-full);background:var(--track);width:.625rem;height:.625rem}.peringkat .titik i.kamu{background:var(--g-600)}@media (width<=600px){.batang-banding div{grid-template-columns:1fr 2.25rem;row-gap:.25rem}.batang-banding .lbl{grid-column:1/-1}}.empty{text-align:center;padding:1.5rem .5rem}.baris-kosong td{white-space:normal;border-bottom:0;padding:2rem 1.25rem}.baris-kosong:hover,tbody tr.baris-kosong:nth-child(2n){background:0 0}.empty .ic{border-radius:var(--rad-md);background:var(--tint-g-bg);width:2.75rem;height:2.75rem;color:var(--tint-g-tx);place-content:center;margin:0 auto 1rem;display:grid}.empty .ic svg{stroke-width:2px;width:1.25rem;height:1.25rem}.empty h3{margin-bottom:.375rem;font-size:.9375rem;font-weight:600}.empty p{color:var(--text-3);max-width:34ch;margin:0 auto 1.25rem;font-size:.875rem;line-height:1.375rem}.lompat{z-index:100;background:var(--g-600);color:var(--n-25);border-radius:0 0 var(--rad-md) 0;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;position:absolute;top:0;left:-9999px}.lompat:focus{text-decoration:none;left:0}.saran{margin:0;padding:0;list-style:none}.saran li{border-top:1px solid var(--divider);grid-template-columns:auto 1fr;gap:.75rem;padding:.875rem 0;display:grid}.saran li:first-child{border-top:0;padding-top:0}.saran li:last-child{padding-bottom:0}.saran .tanda{border-radius:var(--rad-full);background:var(--text-3);width:.5rem;height:.5rem;margin-top:.4375rem}.saran li.baik .tanda{background:var(--mark-g)}.saran li.perhatian .tanda{background:var(--mark-y)}.saran h3{color:var(--text);margin:0 0 .25rem;font-size:.875rem;font-weight:600;line-height:1.25rem}.saran p{color:var(--text-2);margin:0;font-size:.875rem;line-height:1.375rem}.saran p b{color:var(--text);font-weight:600}.tip{z-index:90;pointer-events:none;opacity:0;background:var(--n-800);color:var(--n-25);border-radius:var(--rad-md);white-space:nowrap;box-shadow:var(--sh-md);padding:.5rem .625rem;font-size:.75rem;line-height:1rem;transition:opacity .12s;position:fixed}.tip.on{opacity:1}.tip b{font-weight:600}:root[data-theme=dark] .tip{background:var(--n-25);color:var(--n-900)}.bars7 .b{cursor:default;border-radius:var(--rad-sm);transition:background .12s}.bars7 .b:hover,.bars7 .b:focus-visible{background:var(--tint-g-bg);outline:none}.bars7 .b:focus-visible{box-shadow:0 0 0 2px var(--g-600)}.bars7 .b i{transition:background .12s}.bars7 .b:hover i:not(.kosong){background:var(--mark-g-done)}.donat circle{transition:stroke-width .12s}.dist div{cursor:default;border-radius:var(--rad-sm);transition:background .12s}.dist div:hover{background:var(--tint-g-bg)}.meter{cursor:default}.opsi{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:0;display:grid}.opsi>div{border-left:1px solid var(--divider);padding:0 1.25rem}.opsi>div:first-child{border-left:0;padding-left:0}.opsi .k{margin-bottom:.5rem;font-size:.8125rem;font-weight:700}.opsi p{color:var(--text-2);margin:0;font-size:.8125rem;line-height:1.375rem}@media (width<=760px){.opsi>div{border-left:0;border-top:1px solid var(--divider);padding:1rem 0 0}.opsi>div:first-child{border-top:0;padding-top:0}}th.r,td.r{text-align:right}th.c,td.c{text-align:center}td.r,th.r{font-variant-numeric:tabular-nums}td .angka{text-align:center;font-variant-numeric:tabular-nums;width:4.5rem;min-height:2.25rem;padding:.375rem .5rem}td.c .angka{margin:0 auto;display:block}td .pilihan{min-width:10rem;min-height:2.25rem;padding:.375rem .5rem}.tbl-flush td{vertical-align:middle}.kaki{border-top:1px solid var(--divider);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.25rem;padding-top:1.25rem;display:flex}.kaki .total{color:var(--text-3);font-size:.875rem}.kaki .total b{color:var(--text);font-variant-numeric:tabular-nums;font-size:1rem}.card-head.rata{align-items:center}@media (width<=30rem){.card-head.rata{flex-wrap:wrap;gap:.75rem}.card-head.rata .eyebrow{flex:100%}.card-head.rata .periode-tombol{white-space:nowrap}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.card:hover,.stat:hover,.rhythm i:hover,.rhythm i:focus-visible,.btn:active{transform:none}}@media print{:root{--bg:#fff;--surface:#fff;--surface-2:#fff;--dot:transparent;--zebra:#fff;--th-bg:#fff;--text:#141414;--text-2:#404040;--text-3:#525252;--stroke:#a3a3a3;--stroke-2:#a3a3a3;--stroke-card:#737373;--divider:#d4d4d4}.side,.tip,.lompat,.rest-overlay,.topbar .btn,.topbar .avatar,.topbar .sp,.kaki .btn,th:last-child.c,td:last-child .btn{display:none}body{background:#fff;padding-bottom:0}.app{display:block}.main{min-width:0}.page{padding:0}.topbar{border-bottom:1px solid #737373;margin-bottom:1rem;padding:0 0 .75rem;position:static}.bento{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.b-7,.b-12{grid-column:span 2}.b-3,.b-5,.b-6{grid-column:span 1}.kolom-kartu{grid-column:span 2}.card,.stat,.tbl-flush{break-inside:avoid;page-break-inside:avoid}.card,.stat{box-shadow:none;border:1px solid #737373}.card:hover,.stat:hover{box-shadow:none;transform:none}.stat.solid{background:#fff;border-color:#737373}.stat.solid .k,.stat.solid .d{color:#404040}.stat.solid .v,.stat.solid .v small{color:#141414}.tbl-flush,.bars7{overflow:visible}thead{display:table-header-group}tr{break-inside:avoid;page-break-inside:avoid}@page{margin:14mm}}.card,.stat{isolation:isolate;position:relative}.card>*,.stat>*{z-index:1;position:relative}.istirahat-wadah{align-content:safe center;max-width:60rem;min-height:100vh;margin:0 auto;padding:2.5rem 1.5rem;display:grid}.istirahat-kartu{--card-pad:0;border-radius:var(--rad-2xl);box-shadow:var(--sh-lg);overflow:hidden}.istirahat-kolom{grid-template-columns:1fr 1fr;display:grid}.istirahat-kiri{border-right:1px solid var(--divider);flex-direction:column;padding:2.5rem;display:flex}.istirahat-kanan{flex-direction:column;padding:2.5rem;display:flex}.istirahat-nilai{border-top:1px solid var(--stroke);margin-top:auto;padding-top:1.5rem}.petunjuk-nilai{color:var(--text-3);margin:.75rem 0 0;font-size:.8125rem;line-height:1.125rem}.istirahat-nilai.perlu .petunjuk-nilai{color:var(--tint-r-tx);font-weight:600}.istirahat-nilai.perlu .pilih button{border-color:var(--tint-r-bd)}.istirahat-nilai.sudah .petunjuk-nilai{color:var(--tint-g-tx)}.label-istirahat{letter-spacing:.1em;text-transform:uppercase;color:var(--tint-y-tx);margin:0;font-size:.75rem;font-weight:700}.jam-istirahat{letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--text);margin:1rem 0 1.25rem;font-size:clamp(3.25rem,8vw,4.5rem);font-weight:700;line-height:1}.ket-sesi{color:var(--text-2);margin:1rem 0 0;font-size:1rem}.langkah{align-items:center;margin-top:1.25rem;display:flex}.langkah i{border-radius:var(--rad-full);background:var(--surface-2);width:2rem;height:2rem;color:var(--text-3);font-variant-numeric:tabular-nums;flex:none;place-content:center;font-size:.875rem;font-style:normal;font-weight:600;display:grid}.langkah i.kini{background:var(--mark-g);color:var(--n-25)}.langkah i.lewat{background:var(--tint-g-bg);color:var(--tint-g-tx)}.langkah b{background:var(--surface-2);flex:1;height:2px;display:block}.langkah b.lewat{background:var(--mark-g)}.istirahat-kiri .btn{margin-top:1.75rem}.pil-gerakan{background:var(--tint-g-bg);color:var(--tint-g-tx);border-radius:var(--rad-full);letter-spacing:.08em;text-transform:uppercase;align-self:flex-start;padding:.5rem .875rem;font-size:.75rem;font-weight:700}.istirahat-kanan h2{letter-spacing:-.02em;margin:1.25rem 0 0;font-size:1.75rem;line-height:2.25rem}.istirahat-kanan .ink2{max-width:34ch;margin:.75rem 0 0;font-size:1rem;line-height:1.625rem}.panggung{flex:1;place-items:center;padding:.25rem 0;display:grid}.panggung .fig{width:12.5rem;height:12.5rem}.bingkai-video,#videoBreak iframe{aspect-ratio:16/9;border-radius:var(--rad-lg);background:var(--n-900);border:0;width:100%;max-width:30rem;max-height:100%;overflow:hidden}.bingkai-video{line-height:0;position:relative}.bingkai-video video{object-fit:contain;width:100%;height:100%;display:block}#videoBreak{margin:1.25rem 0 0}.btn-suara{border-radius:var(--rad-full);width:2.25rem;height:2.25rem;color:var(--n-25);cursor:pointer;background:#0000008c;border:0;place-content:center;padding:0;display:grid;position:absolute;bottom:.5rem;right:.5rem}.btn-suara:hover{background:#000000b8}.btn-suara svg{stroke:currentColor;width:1.125rem;height:1.125rem;display:block}.istirahat-bawah{flex-direction:column;align-items:flex-end;gap:1.25rem;display:flex}.pil-waktu{white-space:nowrap;background:var(--surface-2);border-radius:var(--rad-lg);color:var(--text-2);font-variant-numeric:tabular-nums;align-items:center;gap:.625rem;padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;display:inline-flex}.pil-waktu svg{width:1.125rem;height:1.125rem;stroke:var(--tint-g-tx);flex:none}.noktah{gap:.75rem;display:flex}.noktah i{border-radius:var(--rad-full);background:var(--tint-g-bg);width:.75rem;height:.75rem;display:block}.noktah i.kini{background:var(--mark-g)}@media (width<=54rem){.istirahat-wadah{align-content:start;padding:0}.istirahat-kartu{box-shadow:none;border-radius:0;min-height:100vh;overflow:visible}.istirahat-kolom{flex-direction:column;display:flex}.istirahat-kiri{display:contents}.istirahat-waktu{z-index:2;background:var(--surface);border-bottom:1px solid var(--divider);flex-wrap:wrap;order:-1;align-items:center;gap:0 1rem;padding:.875rem 1.25rem;display:flex;position:sticky;top:0}.istirahat-waktu .jam-istirahat{margin:0;font-size:2rem}.istirahat-waktu .progress{flex:1;min-width:6rem;margin:0}.istirahat-waktu .ket-sesi{flex-basis:100%;margin:.25rem 0 0;font-size:.8125rem}.istirahat-nilai{border-top:1px solid var(--divider);order:1;margin-top:0;padding:1.25rem}.istirahat-kanan{order:0;padding:1.25rem}.istirahat-bawah{align-items:center;gap:.75rem}.panggung .fig{width:9rem;height:9rem}.istirahat-kiri .langkah{display:none}.istirahat-kiri .label-istirahat{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.fig{stroke-width:.9px}@keyframes apung-figur{0%,to{transform:translateY(2%)}50%{transform:translateY(-2%)}}.panggung .fig{animation:4.4s ease-in-out infinite apung-figur}@keyframes kembang-paru{0%,to{transform:scale(1)}35%,55%{transform:scale(1.06)}}.panggung .fig[data-gerak=breathing]{transform-origin:50% 60%;animation:6s ease-in-out infinite kembang-paru}@media (prefers-reduced-motion:reduce){.panggung .fig{animation:none}}@media (width<=35rem){.topbar{flex-wrap:wrap;gap:.75rem;padding:1rem}.topbar>div:first-child{min-width:0}.topbar:has(.aksi-kepala)>div:first-child{flex:100%}.topbar .sp{display:none}.topbar .aksi-kepala{flex-wrap:wrap;flex:1;min-width:0}.topbar .aksi-kepala>*{min-width:0}.topbar .avatar{margin-left:auto}}td.bungkus{white-space:normal;min-width:14rem}th.kanan,td.kanan{text-align:right}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pesan{border:1px solid var(--tint-g-bd);border-radius:var(--rad-lg);background:var(--tint-g-bg);color:var(--tint-g-tx);margin-bottom:1.25rem;padding:.875rem 1.125rem;font-size:.875rem;font-weight:500}.petunjuk{color:var(--text-3);margin:.625rem 0 0;font-size:.8125rem;line-height:1.125rem}.lewat-batas{color:var(--tint-r-tx);font-weight:600}.petunjuk kbd{border:1px solid var(--stroke-2);border-radius:var(--rad-md);background:var(--surface);color:var(--text-2);border-bottom-width:2px;padding:.0625rem .375rem;font-family:inherit;font-size:.75rem;display:inline-block}.kaki-kartu{border-top:1px solid var(--divider);flex-wrap:wrap;gap:.625rem;margin-top:1.25rem;padding-top:1.25rem;display:flex}.baris-saring{align-items:flex-end;gap:.75rem;margin-bottom:1.25rem;display:flex}.baris-saring .field{flex:1;min-width:0;margin:0}.sel-orang{align-items:center;gap:.625rem;display:flex}.tumpuk{flex-direction:column;gap:.125rem;min-width:0;display:flex}.avatar.kecil{flex:none;width:1.875rem;height:1.875rem;font-size:.75rem}.jatah{margin:0 0 1.25rem;padding:0;list-style:none}.jatah li{border-bottom:1px solid var(--divider);grid-template-columns:1fr auto auto;align-items:baseline;gap:.25rem .75rem;padding:.5rem 0;font-size:.8125rem;line-height:1.125rem;display:grid}.jatah li:last-child{border-bottom:0}.jatah .b{color:var(--text);font-weight:600}.jatah .num{font-variant-numeric:tabular-nums;color:var(--text-2)}.jatah .catatan{color:var(--text-3);grid-column:1/-1}.gerakan{border-bottom:1px solid var(--divider)}.gerakan.draf>summary .b{color:var(--text-3)}.gerakan.tambah{border-bottom:0;border-top:1px solid var(--divider);margin-top:1.25rem}.gerakan.tambah>summary:before{display:none}.gerakan.tambah>summary .b{color:var(--g-600)}.gerakan:last-of-type{border-bottom:0}.gerakan>summary{color:var(--text-2);cursor:pointer;align-items:center;gap:.625rem;padding:.875rem 0;font-size:.9375rem;list-style:none;display:flex}.gerakan>summary::-webkit-details-marker{display:none}.gerakan>summary:before{content:"";border-right:2px solid var(--text-3);border-bottom:2px solid var(--text-3);flex:none;width:.4375rem;height:.4375rem;margin-right:.125rem;transition:transform .15s;transform:rotate(-45deg)}.gerakan[open]>summary:before{transform:rotate(45deg)}.gerakan>summary:hover{color:var(--text)}.gerakan>summary .b{color:var(--text);font-weight:500}.gerakan>summary .num{margin-left:auto}.atur-gerakan{grid-template-columns:repeat(3,minmax(0,1fr));gap:.875rem 1rem;padding:.25rem 0 1rem;display:grid}.atur-gerakan .field{min-width:0;margin:0}.atur-gerakan .lebar-penuh{grid-column:1/-1}@media (width<=48rem){.atur-gerakan{grid-template-columns:1fr}}.periode{position:relative}.periode-tombol{border:1px solid var(--stroke);border-radius:var(--rad-lg);background:var(--surface);color:var(--text-2);font:inherit;cursor:pointer;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;display:inline-flex}.periode-tombol:hover{background:var(--surface-2)}.periode-tombol svg{stroke-width:2px;flex:none;width:1rem;height:1rem}.ico-turun{transition:transform .15s}.periode-tombol[aria-expanded=true] .ico-turun{transform:rotate(180deg)}.periode-panel{z-index:30;border:1px solid var(--stroke);border-radius:var(--rad-xl);background:var(--surface);width:16rem;box-shadow:var(--sh-lg);padding:.5rem;position:absolute;top:calc(100% + .5rem);right:0}.periode-daftar{margin:0;padding:0;list-style:none}.periode-opsi{border-radius:var(--rad-md);width:100%;color:var(--text-2);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.5rem;padding:.5rem .625rem;font-size:.875rem;display:flex}.periode-opsi:hover{background:var(--surface-2)}.periode-opsi svg{opacity:0;width:1rem;height:1rem;color:var(--mark-g);stroke-width:2px;flex:none}.periode-opsi[aria-current=true]{color:var(--tint-g-tx);font-weight:600}.periode-opsi[aria-current=true] svg{opacity:1}.periode-rentang{border-top:1px solid var(--divider);gap:.5rem;margin-top:.5rem;padding:.75rem .625rem .25rem;display:grid}.periode-rentang .eyebrow{margin:0}.periode-rentang label{color:var(--text-3);gap:.25rem;font-size:.8125rem;display:grid}.periode-rentang input{border:1px solid var(--stroke);border-radius:var(--rad-md);background:var(--surface);width:100%;color:var(--text);font:inherit;padding:.4375rem .5rem;font-size:.8125rem}.card>.card-head:has(.periode){z-index:3}@media (width<=30rem){.periode-panel{width:min(16rem,100vw - 2.5rem);left:0;right:auto}}.kelompok-pilihan{border:0;margin:0 0 1.25rem;padding:0}.kelompok-pilihan legend{color:var(--text-2);margin-bottom:.625rem;padding:0;font-size:.8125rem;font-weight:600}.pilih-kondisi{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid}.pilih-kondisi label{border:1px solid var(--stroke);background:var(--surface);min-height:5rem;color:var(--text-2);text-align:center;cursor:pointer;border-radius:.625rem;flex-direction:column;justify-content:center;align-items:center;gap:.4375rem;padding:.75rem .5rem;transition:border-color .12s,background .12s,color .12s;display:flex;position:relative}.pilih-kondisi label:hover{border-color:var(--stroke-2)}.pilih-kondisi input{opacity:0;width:0;height:0;position:absolute}.pilih-kondisi svg{width:1.375rem;height:1.375rem;color:var(--text-3);stroke-width:2px}.pilih-kondisi .n{font-size:.75rem;font-weight:500;line-height:1rem}.pilih-kondisi label:has(input:checked){border-color:var(--g-500);background:var(--g-100);color:var(--tint-g-tx)}.pilih-kondisi label:has(input:checked) svg{color:var(--g-500)}.pilih-kondisi label:has(input:focus-visible){outline:2px solid var(--g-500);outline-offset:2px}@media (width<=30rem){.pilih-kondisi{grid-template-columns:repeat(2,minmax(0,1fr))}}.push{border:1px solid var(--stroke);border-radius:var(--rad-lg);background:var(--surface);flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.5rem;padding:.875rem 1rem;display:flex}.push-teks{flex:1;min-width:0}.push .b{color:var(--text);margin:0;font-size:.875rem;font-weight:600}.push [data-push-tombol]{flex:none}.push[data-keadaan=aktif]{border-color:var(--tint-g-bd);background:var(--tint-g-bg)}.push[data-keadaan=aktif] .b{color:var(--tint-g-tx)}.push[data-keadaan=ditolak]{border-color:var(--tint-y-bd);background:var(--tint-y-bg)}.push[data-keadaan=ditolak] .b{color:var(--tint-y-tx)}@media (width<=30rem){.push{flex-direction:column;align-items:stretch;gap:.75rem}.push [data-push-tombol]{width:100%}}.pasang-angka{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.pasang-angka>div{border:1px solid var(--stroke);border-radius:var(--rad-lg);background:var(--surface);flex-direction:column;gap:.25rem;padding:.875rem 1rem;display:flex}.pasang-angka .k{color:var(--text-3);font-size:.75rem;line-height:1rem}.pasang-angka .v{color:var(--text);font-size:1.375rem;font-weight:600}@media (width<=30rem){.pasang-angka{grid-template-columns:1fr}}.baik{color:var(--tint-g-tx)}.buruk{color:var(--tint-r-tx)}.siklus{margin:1.25rem 0 0;padding:0;list-style:none}.siklus li{border-bottom:1px solid var(--divider);grid-template-columns:4.25rem 1fr auto auto;align-items:baseline;gap:.75rem;padding:.625rem 0;font-size:.875rem;display:grid}.siklus li:last-child{border-bottom:0}.siklus .n{color:var(--text);font-weight:600}.siklus .belajar{color:var(--text-3)}.siklus .jeda{color:var(--tint-y-tx)}.siklus .lama{text-align:right;min-width:3.5rem;color:var(--text-2);font-variant-numeric:tabular-nums}@media (width<=35rem){.siklus li{grid-template-columns:3.75rem 1fr auto}.siklus .belajar{display:none}}.tingkat{border-top:1px solid var(--divider);flex-wrap:wrap;align-items:baseline;gap:.5rem;margin:1.125rem 0 0;padding-top:1.125rem;font-size:.875rem;line-height:1.25rem;display:flex}.tingkat .pil{border-radius:var(--rad-full);background:var(--surface-2);color:var(--text-2);padding:.125rem .5rem;font-size:.75rem;font-weight:600}.tingkat .pil.baik{background:var(--tint-g-bg);color:var(--tint-g-tx)}.tingkat .ink2{flex:100%}.sandi-baru{letter-spacing:.06em;color:var(--text);font-variant-numeric:tabular-nums;-webkit-user-select:all;user-select:all;margin:0;font-size:1.75rem;font-weight:700;line-height:2.25rem}@media (width<=30rem){.sandi-baru{font-size:1.5rem}}