:root{--bg: #f7f7f5;--surface: #ffffff;--surface-2: #f1f1ee;--text: #16181d;--muted: #6b7079;--line: #e4e4df;--brand: #2f6bff;--brand-ink: #ffffff;--brand-soft: #e8efff;--ok: #138a4b;--ok-soft: #e3f5ea;--warn: #b26a00;--warn-soft: #fff2db;--bad: #c62828;--bad-soft: #fde7e7;--radius: 14px;--radius-sm: 10px;--shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 4px 16px rgba(16, 24, 40, .06);--font: "Plus Jakarta Sans", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--maxw: 1080px;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit}img{max-width:100%;display:block}button{font:inherit}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 16px}.h1{font-size:clamp(26px,5vw,38px);line-height:1.15;font-weight:800;letter-spacing:-.02em;margin:0 0 8px}.h2{font-size:22px;line-height:1.25;font-weight:800;letter-spacing:-.01em;margin:0 0 6px}.h3{font-size:17px;font-weight:700;margin:0 0 4px}.muted{color:var(--muted)}.small{font-size:13px}.tiny{font-size:11.5px}.center{text-align:center}.stack{display:flex;flex-direction:column;gap:12px}.stack-sm{display:flex;flex-direction:column;gap:6px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.grow{flex:1;min-width:0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.card.flat{box-shadow:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);padding:10px 16px;font-weight:700;cursor:pointer;text-decoration:none;min-height:44px;transition:transform .06s ease,background .15s ease}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.btn.ghost{background:transparent;border-color:transparent}.btn.danger{background:var(--bad);border-color:var(--bad);color:#fff}.btn.sm{min-height:34px;padding:6px 12px;font-size:13px}.btn.block{width:100%}.input,select.input,textarea.input{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);padding:11px 12px;font:inherit;min-height:44px}.input:focus{outline:2px solid var(--brand);outline-offset:1px;border-color:transparent}.input.code{font-size:24px;letter-spacing:8px;text-align:center;font-weight:700}label.field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}.pill{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;background:var(--surface-2);color:var(--muted);white-space:nowrap}.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.bad{background:var(--bad-soft);color:var(--bad)}.pill.brand{background:var(--brand-soft);color:var(--brand)}.note{background:var(--warn-soft);color:#6b4300;border-radius:var(--radius-sm);padding:10px 12px;font-size:13px}.error{color:var(--bad);font-size:14px}.login{max-width:400px;margin:48px auto;padding:0 16px;display:flex;flex-direction:column;gap:12px}.spinner{width:22px;height:22px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--brand);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.divider{height:1px;background:var(--line);margin:8px 0}table.tbl{width:100%;border-collapse:collapse;font-size:13px}table.tbl th,table.tbl td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line)}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 640px){.hide-sm{display:none!important}}:root{--bg: #FBF6EF;--surface: #FFFDF9;--surface-2: #F3ECE2;--text: #2A2230;--muted: #6D6270;--line: #E8DFD3;--brand: #C8644A;--brand-ink: #fff;--brand-soft: #F6E3DC;--ok: #2F7A4F;--ok-soft: #E2F1E6;--warn: #A86A08;--warn-soft: #FBEFD6;--bad: #B23A3A;--bad-soft: #FBE3E0;--radius: 22px;--radius-sm: 14px;--serif: "Fraunces", Georgia, serif;--shadow: 0 1px 2px rgba(42, 34, 48, .05), 0 8px 24px rgba(42, 34, 48, .07)}body{background:var(--bg)}.wn-app{max-width:480px;margin:0 auto;min-height:100vh}.wn-app.has-nav{padding-bottom:84px}.wn-top{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 6px}.wn-logo{display:flex;align-items:center;gap:8px;font-family:var(--serif);font-weight:700;font-size:22px;text-decoration:none;letter-spacing:-.01em}.wn-logo img{width:28px;height:28px;border-radius:8px;display:block}.wn-logo i{display:inline-flex}.wn-logo i b{width:14px;height:14px;border-radius:50%;margin-left:-5px;border:2px solid var(--bg)}.wn-logo i b:nth-child(1){background:#c8644a;margin-left:0}.wn-logo i b:nth-child(2){background:#d4a017}.wn-logo i b:nth-child(3){background:#708238}.wrap{padding:8px 16px 28px;display:flex;flex-direction:column;gap:14px}.center-col{align-items:center;text-align:center;padding-top:28px}.eyebrow{margin:0;font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--brand)}.display{font-family:var(--serif);font-weight:700;font-size:36px;line-height:1.06;letter-spacing:-.02em;margin:6px 0 10px}.display em{font-style:italic;color:var(--brand)}.h1s{font-family:var(--serif);font-weight:700;font-size:28px;line-height:1.12;letter-spacing:-.015em;margin:0}.lead{font-size:16px;color:var(--muted);margin:0}.lead b{color:var(--text)}.mt{margin-top:8px}.btn{border-radius:999px}.btn.lg{min-height:54px;font-size:16px}.btn.primary{box-shadow:0 6px 18px #c8644a52}.btn.soft{background:var(--surface-2);border-color:transparent}.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sticky-cta{position:sticky;bottom:12px;z-index:5}.has-nav .sticky-cta{bottom:92px}.card-w{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.hero{padding-top:10px}.contoh-kartu{background:var(--surface);border-radius:26px;padding:16px;box-shadow:var(--shadow);border:1px solid var(--line);transform:rotate(-1.2deg)}.ck-head{display:flex;align-items:baseline;gap:8px;font-family:var(--serif)}.ck-head span{color:var(--muted);font-size:18px}.ck-head b{font-size:26px;letter-spacing:.01em}.ck-strip{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin:12px 0}.ck-strip i{aspect-ratio:1 / 1.3;border-radius:10px}.ck-foot{display:flex;flex-wrap:wrap;gap:6px}.langkah{list-style:none;padding:0;margin:4px 0;display:flex;flex-direction:column;gap:12px}.langkah li{display:flex;gap:12px;align-items:flex-start}.langkah li>b{flex:none;width:32px;height:32px;border-radius:50%;background:var(--text);color:var(--bg);display:grid;place-items:center;font-family:var(--serif)}.langkah h3{margin:2px 0;font-size:16px}.langkah p{margin:0;color:var(--muted);font-size:14px}.stamp{display:inline-block;font-weight:800;letter-spacing:.02em;border:2px solid currentColor;border-radius:10px;padding:2px 8px;font-size:14px;white-space:nowrap}.stamp.sm{font-size:11.5px;padding:1px 7px;border-width:1.5px;border-radius:8px}.stamp.ok{color:var(--ok);background:var(--ok-soft)}.stamp.warn{color:var(--warn);background:var(--warn-soft)}.stamp.bad{color:var(--bad);background:var(--bad-soft)}.aturan{display:grid;grid-template-columns:1fr 1fr;gap:10px}.aturan-i{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:12px}.aturan-i .ikon{width:44px;height:44px;color:var(--text)}.aturan-i h3{font-size:14.5px;margin:6px 0 2px}.aturan-i p{margin:0;font-size:12.5px;color:var(--muted);line-height:1.4}.contoh-sel{border-top:1px dashed var(--line);padding-top:12px}.contoh-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.contoh-btn{border:0;background:none;padding:0;cursor:pointer;text-align:center;font-size:12.5px;font-weight:700;color:var(--text)}.contoh-btn img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:16px;margin-bottom:4px}.pindai{position:relative;width:230px;aspect-ratio:3/4;border-radius:120px 120px 28px 28px;overflow:hidden;box-shadow:var(--shadow)}.pindai img{width:100%;height:100%;object-fit:cover}.pindai .garis{position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#fff,transparent);box-shadow:0 0 18px 6px #c8644a8c;animation:pindai 1.6s ease-in-out infinite alternate}@keyframes pindai{0%{top:12%}to{top:82%}}.titik{position:absolute;font-style:normal;font-size:10.5px;font-weight:800;color:#fff;background:#2a2230b3;padding:2px 7px;border-radius:999px;animation:muncul 2.4s ease infinite}.titik:before{content:"";position:absolute;left:-10px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #c8644ab3}.t1{left:52%;top:28%}.t2{left:62%;top:46%;animation-delay:.5s}.t3{left:56%;top:61%;animation-delay:1s}@keyframes muncul{0%,15%{opacity:0}30%,to{opacity:1}}.selfie-kecil{width:120px;aspect-ratio:3/4;object-fit:cover;border-radius:20px}.baca-head{display:flex;gap:12px;align-items:center}.selfie-bulat{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:50% 35%;flex:none;border:3px solid var(--surface);box-shadow:var(--shadow)}.atribut{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:6px 14px}.atr{display:grid;grid-template-columns:92px 74px 1fr 38px;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--line)}.atr:last-child{border-bottom:0}.atr-k{font-size:13px;color:var(--muted)}.atr-v{font-size:15px;text-transform:capitalize}.atr-y{font-size:12px;color:var(--muted);text-align:right}.bar{height:6px;border-radius:6px;background:var(--surface-2);overflow:hidden}.bar i{display:block;height:100%;background:var(--brand);border-radius:6px}.bar.ghost{background:none}.catatan{margin:0;font-family:var(--serif);font-style:italic;font-size:16px;color:var(--text)}.kandidat{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kand{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:12px;display:flex;flex-direction:column;gap:4px}.kand.satu{border:2px solid var(--text)}.kand b{font-family:var(--serif);font-size:18px}.kand span{font-size:12.5px;color:var(--muted);font-weight:700}.kand-strip{display:flex;gap:4px;margin-bottom:4px}.kand-strip i{flex:1;height:28px;border-radius:8px}.kuis-q p{margin:0 0 6px}.seg{display:flex;flex-wrap:wrap;gap:6px}.seg button{border:1.5px solid var(--line);background:var(--surface);border-radius:999px;padding:8px 12px;font-weight:700;font-size:13px;cursor:pointer;color:var(--text)}.seg button.on{background:var(--text);color:var(--bg);border-color:var(--text)}.kulit-row{display:flex;gap:8px}.kulit{width:44px;height:44px;border-radius:50%;border:3px solid var(--surface);box-shadow:0 0 0 1px var(--line);cursor:pointer}.kulit.on{box-shadow:0 0 0 3px var(--text)}.ronde{display:flex;gap:5px}.ronde i{width:22px;height:6px;border-radius:6px;background:var(--line)}.ronde i.done{background:var(--text)}.ronde i.now{background:var(--brand)}.tes-q{font-size:30px}.kain-duo{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.kain{position:relative;border:0;padding:0;cursor:pointer;aspect-ratio:3/4.3;border-radius:120px 120px 22px 22px;overflow:hidden;box-shadow:var(--shadow);transition:transform .15s ease,box-shadow .15s ease}.kain.on{transform:scale(.97);box-shadow:0 0 0 4px var(--text)}.kain-lipit{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(100deg,#ffffff1a 0,#ffffff1a 14px,#00000012 14px,#00000012 26px,#fff0 26px,#fff0 44px),radial-gradient(120% 70% at 50% 100%,rgba(0,0,0,.18),transparent 60%)}.kain-muka{position:absolute;left:50%;top:12%;width:62%;transform:translate(-50%)}.kain-label{position:absolute;left:0;right:0;bottom:10px;text-align:center;font-size:12px;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.45);text-transform:capitalize}.oval{position:relative;width:100%;aspect-ratio:3/4;border-radius:50%;overflow:hidden;background:#ddd;box-shadow:0 6px 16px #0000002e}.oval img{position:absolute;max-width:none;height:auto}.kartu{border-radius:28px;padding:18px;background:linear-gradient(160deg,color-mix(in srgb,var(--k1) 22%,#FFFDF9),#fffdf9 60%);border:1px solid var(--line);box-shadow:var(--shadow)}.kartu-top{display:flex;gap:14px;align-items:center}.kartu-muka{flex:none;width:92px;padding:8px 10px 14px;border-radius:60px 60px 18px 18px}.musim-nama{font-family:var(--serif);font-size:34px;line-height:1;letter-spacing:-.01em;margin:6px 0 0}.musim-nama span{display:block;font-size:17px;font-weight:600;color:var(--muted);margin-bottom:4px;letter-spacing:0}.kedua{margin:12px 0 0;font-size:13px;font-weight:700;color:var(--text);background:#ffffffb3;border-radius:12px;padding:8px 10px}.vibe{margin:10px 0 0;color:var(--muted);font-size:14px}.sec{font-family:var(--serif);font-size:20px;margin:10px 0 -4px}.swatch12{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sw{border-radius:18px;aspect-ratio:1 / .9;padding:10px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:inset 0 0 0 1px #0000000d}.sw b{font-size:13px;line-height:1.15;text-transform:capitalize}.sw span{font-size:10px;opacity:.75;font-weight:600}.lip4,.hindari3{display:flex;flex-direction:column;gap:8px}.lip,.hin{display:flex;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:10px 12px}.lip i{flex:none;width:40px;height:22px;border-radius:50% 50% 46% 46%/60% 60% 40% 40%}.lip b,.hin b{text-transform:capitalize;font-size:14.5px}.lip p,.hin p{margin:0;font-size:12.5px;color:var(--muted);line-height:1.35}.hin i{flex:none;width:38px;height:38px;border-radius:12px;position:relative}.hin i:after{content:"";position:absolute;left:-3px;right:-3px;top:50%;height:3px;background:var(--bad);transform:rotate(-38deg);border-radius:3px;box-shadow:0 0 0 2px #fff}.netral2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.net{display:flex;gap:10px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:10px}.net i{width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000014;flex:none}.net b{text-transform:capitalize;font-size:13.5px}.ganti-hitam{display:flex;align-items:center;gap:8px;background:var(--text);color:var(--bg);border-radius:18px;padding:12px 14px}.ganti-hitam i{width:30px;height:30px;border-radius:50%;flex:none;box-shadow:0 0 0 2px #ffffff40}.ganti-hitam p{margin:0 0 0 4px;font-size:14.5px;font-weight:600}.ganti-hitam b{color:#f2c9b9}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;background:#2a223073;z-index:30;display:flex;align-items:flex-end;justify-content:center}.sheet-in{background:var(--bg);width:100%;max-width:480px;border-radius:26px 26px 0 0;padding:8px 0 24px;max-height:90vh;overflow:auto}.sheet-in .login{margin:16px auto}.seg.jenis{margin-top:2px}.drop{border:2px dashed #D9CBBB;background:var(--surface);border-radius:var(--radius);padding:26px 16px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;color:var(--text)}.drop b{font-size:16px}.drop span{font-size:13px;color:var(--muted)}.foto-cek{position:relative;border-radius:var(--radius);overflow:hidden;cursor:crosshair;background:var(--surface-2)}.foto-cek img{width:100%;max-height:360px;object-fit:contain;margin:0 auto}.foto-cek .tap{position:absolute;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px var(--text),0 4px 10px #0000004d}.foto-aksi{gap:6px}.ketik{display:flex;flex-direction:column;gap:8px}.ketik .input{border-radius:999px;padding-left:16px}.saran,.chips{display:flex;flex-wrap:wrap;gap:6px}.saran button,.chips button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 12px 6px 6px;font-weight:700;font-size:13px;cursor:pointer;color:var(--text)}.saran i,.chips i{width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1px #0000001a}.vonis{border-radius:24px;padding:16px;background:var(--surface);border:2px solid var(--line);display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow)}.vonis.ok{border-color:#b9dcc5;background:linear-gradient(180deg,var(--ok-soft),var(--surface) 70%)}.vonis.warn{border-color:#ebd3a0;background:linear-gradient(180deg,var(--warn-soft),var(--surface) 70%)}.vonis.bad{border-color:#edc0ba;background:linear-gradient(180deg,var(--bad-soft),var(--surface) 70%)}.vonis-top{display:flex;gap:12px;align-items:center}.vonis-top p{margin:0}.vonis-sw{flex:none;width:58px;height:58px;border-radius:18px;box-shadow:inset 0 0 0 1px #00000014}.vonis-judul{font-family:var(--serif);font-size:22px;line-height:1.2;margin:2px 0 0;text-transform:none}.vonis-judul .stamp{font-family:var(--font);font-size:15px;vertical-align:2px}.vonis-alasan{margin:0;font-size:14.5px}.alt{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#ffffffbf;border-radius:14px;padding:10px 12px;font-size:14px}.alt b{text-transform:none}.alt-sw{display:flex;gap:4px}.alt-sw i{width:28px;height:28px;border-radius:9px}.kosong{background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:12px}.kosong p{margin:0;color:var(--muted)}.lemari-sum{font-size:14px;color:var(--muted)}.lemari-sum b{color:var(--text)}.lemari{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.lemari li{display:flex;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:10px}.lemari li>img,.lemari li>i{flex:none;width:52px;height:52px;border-radius:14px;object-fit:cover}.lemari li b{display:block;font-size:14.5px;margin-bottom:3px}.lemari li p{margin:3px 0 0}.lemari .x{border:0;background:none;font-size:22px;color:var(--muted);cursor:pointer;padding:4px 8px}.lebaran{background:var(--surface-2);border-radius:18px;padding:14px;margin-top:6px}.lebaran p{margin:4px 0 0}.wn-nav{position:fixed;left:0;right:0;bottom:0;z-index:20;padding:0 12px calc(10px + env(safe-area-inset-bottom));pointer-events:none}.wn-nav>div{pointer-events:auto;max-width:456px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);background:var(--text);border-radius:22px;padding:6px;box-shadow:0 10px 30px #2a22304d}.wn-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 0;border-radius:16px;text-decoration:none;color:#fbf6ef9e;font-size:11.5px;font-weight:700}.wn-nav a svg{width:22px;height:22px}.wn-nav a.on{background:#fbf6ef1f;color:#fbf6ef}.login .h2{font-family:var(--serif)}@media (min-width: 700px){.display{font-size:44px}}.row2 .btn{font-size:14px;white-space:nowrap;padding-left:10px;padding-right:10px}.vonis{scroll-margin:90px}.vis-hero{position:relative;border-radius:26px;overflow:hidden;box-shadow:var(--shadow);aspect-ratio:4 / 4.2;margin-bottom:-26px}.vis-hero img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block}.vis-hero span{position:absolute;left:12px;top:12px;background:#ffffffe6;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800}.contoh-kartu{position:relative;z-index:1;margin:0 8px}.langkah li>b.ic{width:46px;height:46px;background:var(--surface);border:1px solid var(--line)}.langkah li>b.ic img{width:34px;height:34px}.ba-geser{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 8px;margin:0 -2px;-webkit-overflow-scrolling:touch}.ba{flex:none;width:84%;max-width:360px;scroll-snap-align:start;margin:0;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:8px}.ba-im{display:grid;grid-template-columns:1fr 1fr;gap:5px}.ba-im>div{position:relative}.ba-im img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:13px;display:block}.ba-im span{position:absolute;left:5px;right:5px;bottom:5px;background:#ffffffed;border-radius:8px;padding:3px 6px;font-size:10.5px;font-weight:800;line-height:1.2}.ba-im .x{color:var(--bad)}.ba-im .v{color:var(--ok)}.ba figcaption{font-size:13px;color:var(--muted);padding:7px 4px 2px}.ba figcaption b{color:var(--text);font-family:var(--serif);font-size:15px}.aturan-i .ikon img{width:44px;height:44px;display:block}.sw.kain{background-image:url(/img/vis/kain.webp);background-size:cover;background-blend-mode:soft-light}.toko-contoh{margin-top:2px}.toko-contoh p{margin:0 0 8px}.toko-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.toko-row button{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:5px 5px 7px;cursor:pointer;font-size:11.5px;font-weight:700;color:var(--text);line-height:1.2}.toko-row img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;display:block;margin-bottom:4px}.kosong-img{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:14px}.kamera{gap:12px}.kam-judul{font-size:25px;margin-top:2px}.mode-seg button,.kel-seg button{min-height:40px}.kel-seg{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px}.kel-seg::-webkit-scrollbar{display:none}.kel-seg button{flex:none}.kam-stage{position:relative;width:100%;aspect-ratio:3 / 4;border-radius:26px;overflow:hidden;background:#2a2230;box-shadow:var(--shadow);touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.kam-stage canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.kam-stage.kosong{background:radial-gradient(120% 80% at 50% 0%,#4a3a46,#2a2230 70%)}.kam-video{position:absolute;width:2px;height:2px;opacity:0;pointer-events:none;left:0;top:0}.kam-mulai{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:20px 22px;color:#fbf6ef}.kam-mulai h2{font-family:var(--serif);font-size:24px;line-height:1.15;margin:4px 0 0}.kam-mulai p{margin:0;font-size:14px;color:#fbf6efc7}.kam-mulai .tiny{color:#fbf6ef99}.kam-mulai .btn{margin-top:6px}.kam-ilus{position:relative;width:150px;height:150px}.kam-ilus i{position:absolute;left:25px;top:10px;width:100px;height:130px;border-radius:60px 60px 18px 18px;transform-origin:50% 100%;box-shadow:0 6px 16px #00000040}.kam-ilus b{position:absolute;left:50px;top:34px;width:50px;height:64px;border-radius:50%;background:#e8c1a0;box-shadow:0 0 0 4px #ffffff26}.kam-top{position:absolute;left:10px;right:10px;top:10px;display:flex;justify-content:space-between;gap:6px;pointer-events:none}.kam-pill{display:inline-flex;align-items:center;min-height:28px;padding:4px 11px;border-radius:999px;font-size:12.5px;font-weight:800;background:#fffdf9eb;color:var(--text);box-shadow:0 2px 8px #00000026}.kam-pill.ok{color:var(--ok)}.kam-pill.warn{background:#fbefd6;color:#7a4a00}.kam-pill.dark{background:#2a2230c7;color:#fbf6ef}.kam-hint{position:absolute;left:50%;top:auto;bottom:112px;transform:translate(-50%);padding:5px 12px;border-radius:999px;background:#2a2230a8;color:#fbf6ef;font-size:12.5px;font-weight:700;white-space:nowrap;pointer-events:none}.kam-hint.tengah{top:50%;bottom:auto}.kam-bawah{position:absolute;left:0;right:0;bottom:0;padding:40px 16px 14px;background:linear-gradient(to top,#2a2230b8,#2a223000);color:#fbf6ef;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.kam-nama{font-family:var(--serif);font-size:30px;line-height:1;text-transform:capitalize;text-shadow:0 1px 6px rgba(0,0,0,.3)}.kam-sub{font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:4px}.kam-sub .stamp{background:#fffdf9f2}.kam-bawah.dua{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:8px;padding:40px 10px 10px;pointer-events:auto}.kam-ab{display:flex;align-items:center;gap:7px;min-height:48px;max-width:49%;border:2px solid transparent;background:#2a22308c;color:#fbf6ef;border-radius:16px;padding:5px 9px 5px 5px;text-align:left;cursor:pointer}.kam-ab.on{border-color:#fbf6ef;background:#2a2230cc}.kam-ab i{flex:none;width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 2px #fff9}.kam-ab span{display:flex;flex-direction:column;min-width:0}.kam-ab b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}.kam-ab small{font-size:11.5px;opacity:.8;white-space:nowrap}.kam-panah{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0;background:#fffdf9c7;color:var(--text);font-size:28px;line-height:1;padding:0 0 4px;cursor:pointer;box-shadow:0 2px 10px #0000002e}.kam-panah.kiri{left:8px}.kam-panah.kanan{right:8px}.kam-habis{position:absolute;left:12px;right:12px;top:50px;background:var(--surface);color:var(--text);border-radius:20px;padding:14px;box-shadow:0 12px 30px #0000004d;display:flex;flex-direction:column;gap:6px}.kam-habis p{margin:0 0 4px;font-size:13.5px;color:var(--muted)}.kam-cara{margin:-4px 0 0}.kam-strip{display:flex;gap:10px;overflow-x:auto;margin:0 -16px;padding:4px 16px 6px;scrollbar-width:none;scroll-snap-type:x proximity}.kam-strip::-webkit-scrollbar{display:none}.kam-sw{flex:none;width:62px;border:0;background:none;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;scroll-snap-align:start;color:var(--text)}.kam-sw i{position:relative;width:48px;height:48px;border-radius:50%;box-shadow:inset 0 0 0 1px #0000001f;display:grid;place-items:center;transition:transform .12s ease}.kam-sw.on i{box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--text);transform:scale(1.04)}.kam-sw em{font-style:normal;font-weight:800;font-size:14px;color:#fff;background:#2a2230b3;border-radius:999px;min-width:22px;height:22px;display:grid;place-items:center;padding:0 5px}.kam-sw span{font-size:12px;font-weight:700;line-height:1.15;text-align:center;max-width:62px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.fav-card{display:flex;flex-direction:column;gap:10px}.fav-card .h3,.fav-card p{margin:0}.fav-slot{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.fs{display:flex;align-items:center;gap:7px;min-height:48px;border:1.5px dashed var(--line);border-radius:14px;padding:6px 8px;font-size:12.5px;font-weight:700;color:var(--muted);background:none;text-align:left;overflow:hidden}.fs i{flex:none;width:26px;height:26px;border-radius:50%;background:var(--surface-2)}.fs span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fs.isi{border-style:solid;border-color:var(--text);color:var(--text);cursor:pointer}.kam-src{grid-template-columns:repeat(4,1fr)}.kam-btn-cam{display:flex;flex-direction:column;align-items:center}.kam-btn-cam .ikon-cam{width:100%;aspect-ratio:3/4;border-radius:16px;background:var(--text);color:var(--bg);display:grid;place-items:center;font-size:26px;margin-bottom:4px}.hasil-banding{padding:16px;display:flex;flex-direction:column;gap:10px}.hasil-banding img{width:100%;border-radius:14px;box-shadow:var(--shadow)}.kam-cta{display:flex;gap:12px;align-items:center;background:var(--text);color:var(--bg);border-radius:22px;padding:14px;text-decoration:none;border:0;width:100%;text-align:left;cursor:pointer;font:inherit}.kam-cta .kc-ilus{flex:none;width:58px;height:58px;border-radius:50%;background:conic-gradient(#c8644a,#d4a017,#708238,#00704a,#2440a8,#b9a8d9,#d77a92,#c8644a);display:grid;place-items:center}.kam-cta .kc-ilus b{width:30px;height:38px;border-radius:50%;background:#e8c1a0}.kam-cta strong{display:block;font-family:var(--serif);font-size:18px;line-height:1.2}.kam-cta small{display:block;font-size:13px;opacity:.75;margin-top:2px}.kam-hasil{display:flex;flex-direction:column;gap:8px}.kam-hasil .fav3{display:flex;gap:8px;flex-wrap:wrap}.kam-hasil .fav3 span{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;background:var(--surface-2);border-radius:999px;padding:4px 10px 4px 4px;text-transform:capitalize}.kam-hasil .fav3 i{width:22px;height:22px;border-radius:50%}.kam-hasil p{margin:0}.wn-nav>div.n4{grid-template-columns:repeat(4,1fr)}.kam-top-ki{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.kam-gaya{display:inline-flex;background:#2a22309e;border-radius:999px;padding:3px;gap:2px;pointer-events:auto;height:fit-content}.kam-gaya button{border:0;background:none;color:#fbf6ef;font:inherit;font-size:12.5px;font-weight:800;padding:5px 10px;min-height:28px;border-radius:999px;cursor:pointer}.kam-gaya button.on{background:#fffdf9f2;color:var(--text)}.kam-atur{position:absolute;right:10px;top:50px;min-height:30px;padding:4px 11px;border-radius:999px;border:0;font:inherit;font-size:12.5px;font-weight:800;background:#2a22309e;color:#fbf6ef;cursor:pointer}.kam-atur.on{background:#fffdf9f2;color:var(--text)}.kam-atur-panel{position:absolute;left:10px;right:10px;bottom:10px;background:#fffdf9f2;color:var(--text);border-radius:18px;padding:10px 14px 12px;display:flex;flex-direction:column;gap:6px;box-shadow:0 8px 24px #00000040;z-index:2}.kam-atur-panel p{margin:0;font-size:13px;font-weight:700}.kam-atur-panel label{display:grid;grid-template-columns:84px 1fr;align-items:center;font-size:13px;font-weight:700;gap:8px}.kam-atur-panel input{width:100%;accent-color:var(--text)}