:root{color-scheme:light;
--pri:#1f7a45;--pri-d:#17603a;--bar:#1b6b3d;--ink:#173f2a;--ink2:#3f6b52;--ink3:#5f8670;
--tint:#eef6f1;--tint2:#d6eadd;--line:#cfe2d6;--bg:#f5faf7;--w:#fff;
--bar-h:56px;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);
--sans:'Noto Sans JP','Hiragino Sans','Yu Gothic UI','Segoe UI',system-ui,-apple-system,Roboto,sans-serif}
html{font-size:16px;scroll-padding-top:calc(var(--bar-h) + var(--safe-t) + 56px)}html.lg{font-size:18px}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
body{font:400 1rem/1.6 var(--sans);background:var(--bg);color:var(--ink);min-height:100dvh;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--pri);outline-offset:2px;border-radius:6px}
svg.i{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
/* app bar */
.bar{position:fixed;top:0;left:0;right:0;z-index:60;height:calc(var(--bar-h) + var(--safe-t));padding:var(--safe-t) 8px 0 12px;background:var(--bar);color:#fff;display:flex;align-items:center;gap:10px}
.bar .ib{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.bar .ib:active{background:rgba(255,255,255,.14)}
.mark{width:34px;height:34px;border-radius:8px;border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem;letter-spacing:.02em;flex:none}
.bt{flex:1;min-width:0;line-height:1.2}.bt b{display:block;font-size:1.05rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bt small{display:block;font-size:.75rem;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shell{display:flex;padding-top:calc(var(--bar-h) + var(--safe-t));min-height:100dvh}
.main{flex:1;min-width:0;max-width:760px;margin:0 auto;padding:16px 16px calc(84px + var(--safe-b))}
/* nav */
.nav{position:fixed;left:0;right:0;bottom:0;z-index:55;display:flex;background:var(--w);border-top:1px solid var(--line);padding:0 4px var(--safe-b)}
.nav a{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 2px 8px;font-size:.6875rem;font-weight:600;color:var(--ink3)}
.nav a.on{color:var(--pri)}.nav a.on::before{content:"";position:absolute;top:0;left:22%;right:22%;height:3px;background:var(--pri);border-radius:0 0 3px 3px}
.side{display:none}
@media(min-width:900px){
 .nav{display:none}.side{display:block;position:sticky;top:calc(var(--bar-h) + var(--safe-t));align-self:flex-start;width:236px;height:calc(100dvh - var(--bar-h) - var(--safe-t));background:var(--w);border-right:1px solid var(--line);padding:14px 10px}
 .side a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;font-weight:600;font-size:.9rem;color:var(--ink2);margin-bottom:2px}.side a:hover{background:var(--tint)}.side a.on{background:var(--tint2);color:var(--pri-d)}
 .main{padding-bottom:48px;padding-top:24px}.shell .main{margin:0 auto}}
/* tabs (bab) */
.tabs{position:sticky;top:calc(var(--bar-h) + var(--safe-t));z-index:40;display:flex;overflow-x:auto;background:var(--w);border-bottom:1px solid var(--line);margin:-16px -16px 16px;padding:0 6px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}
.tabs a{flex:none;padding:13px 14px 11px;font-size:.875rem;font-weight:600;color:var(--ink3);border-bottom:3px solid transparent}.tabs a.on{color:var(--pri-d);border-color:var(--pri)}
@media(min-width:900px){.tabs{margin:-24px -16px 20px}}
/* type & primitives */
h1{font-size:1.4rem;line-height:1.3;font-weight:800}h2{font-size:1.15rem;line-height:1.35;font-weight:700}h3{font-size:1rem;font-weight:700}
.h{font-size:.8125rem;font-weight:700;color:var(--ink2);margin:20px 2px 8px}
.mut{color:var(--ink2);font-size:.875rem}.sm{font-size:.8125rem;color:var(--ink3)}.center{text-align:center}
.card{background:var(--w);border:1px solid var(--line);border-radius:10px}.pad{padding:16px}
.grp{background:var(--w);border:1px solid var(--line);border-radius:10px;overflow:hidden}.grp>*+*{border-top:1px solid var(--line)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:8px;border:1.5px solid var(--pri);background:var(--w);color:var(--pri-d);font-weight:700;font-size:.9rem;cursor:pointer;text-align:center}
.btn:active{background:var(--tint)}.btn.pri{background:var(--pri);color:#fff}.btn.pri:active{background:var(--pri-d)}.btn.inv{background:#fff;border-color:#fff;color:var(--pri-d)}.btn:disabled{opacity:.45;cursor:default}
.acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.acts .btn{flex:1;min-width:120px}
.bar2{height:6px;border-radius:3px;background:var(--tint2);overflow:hidden}.bar2 i{display:block;height:100%;background:var(--pri);border-radius:3px}
.cont .bar2{background:rgba(255,255,255,.28)}.cont .bar2 i{background:#fff}
/* home */
.cont{background:var(--bar);color:#fff;border-radius:12px;padding:18px}.cont .sm{color:#d6eadd}.cont h2{margin:2px 0 4px;font-size:1.2rem}.cont .bar2{margin:12px 0 2px}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.stat{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:14px 6px}.stat b{display:block;font-size:1.05rem;line-height:1.2}.stat span{font-size:.75rem;color:var(--ink2)}
.rw{position:relative;display:flex;align-items:center;justify-content:center;flex:none}.rw .rt{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:800;color:var(--pri-d)}
.shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sc{display:flex;align-items:center;gap:12px;padding:14px;font-weight:700;font-size:.9rem}.sc .pl{width:38px;height:38px;border-radius:8px;background:var(--tint2);color:var(--pri-d);display:flex;align-items:center;justify-content:center}
.bi{display:flex;align-items:center;gap:14px;padding:14px 16px}.bi:active{background:var(--tint)}.bn{width:44px;height:44px;border-radius:8px;background:var(--tint2);color:var(--pri-d);display:flex;align-items:center;justify-content:center;flex:none;font-weight:800;font-size:1.15rem}
.bi .bx{flex:1;min-width:0}.bi .bx b{display:block;font-size:.95rem;line-height:1.35}.bi .bx span{font-size:.8125rem;color:var(--ink2)}.bi .ch{color:var(--ink3)}
/* bab overview */
.ovh{display:flex;gap:14px;align-items:center;margin-bottom:12px}.ovh .jpn{font-weight:800;font-size:1.6rem;color:var(--pri);min-width:76px;line-height:1.1}
.flow{list-style:none;counter-reset:s}.flow li{counter-increment:s;position:relative;padding:0 0 18px 42px}.flow li::before{content:counter(s);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;background:var(--pri);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8125rem}
.flow li::after{content:"";position:absolute;left:13px;top:32px;bottom:4px;width:2px;background:var(--tint2)}.flow li:last-child{padding-bottom:0}.flow li:last-child::after{display:none}
.flow a{font-weight:700;font-size:.95rem;display:block}.flow span{font-size:.8125rem;color:var(--ink2);display:block}
.nb{display:flex;justify-content:space-between;gap:10px;margin-top:18px}.nb .btn{flex:1}
/* bunpou */
.opt-row{display:flex;gap:18px;flex-wrap:wrap;font-size:.8125rem;color:var(--ink2);margin-bottom:12px}.opt-row input{accent-color:var(--pri);width:16px;height:16px;vertical-align:-3px;margin-right:6px}
.gc{background:var(--w);border:1px solid var(--line);border-radius:10px;margin-bottom:10px;overflow:hidden}
.gc summary{list-style:none;display:flex;align-items:center;gap:12px;padding:14px;cursor:pointer}.gc summary::-webkit-details-marker{display:none}
.gc[open] summary{border-bottom:1px solid var(--line);background:var(--tint)}
.gn{width:26px;height:26px;border-radius:50%;background:var(--tint2);color:var(--pri-d);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8125rem;flex:none}
.gt{flex:1;font-weight:700;font-size:.975rem;line-height:1.4}
.tick{width:24px;height:24px;border-radius:50%;border:2px solid var(--line);display:flex;align-items:center;justify-content:center;color:transparent;flex:none}.tick.on{background:var(--pri);border-color:var(--pri);color:#fff}.tick svg{width:13px;height:13px;stroke-width:3}
.gb{padding:6px 16px 18px}
.lb{font-size:.75rem;font-weight:700;color:var(--ink2);margin:16px 0 6px}
.hub{background:var(--tint);border-left:3px solid var(--pri);border-radius:0 8px 8px 0;padding:10px 12px;font-size:.875rem;margin-top:12px}.hub b{display:block;font-size:.75rem;color:var(--pri-d);margin-bottom:2px}
.str{border:1px solid var(--line);border-left:3px solid var(--pri);border-radius:0 8px 8px 0;padding:10px 12px;font-size:.95rem;white-space:pre-line;background:var(--w)}
.pre{white-space:pre-line;font-size:.95rem}
.ex1{padding:10px 0;border-bottom:1px solid var(--line)}.ex1:last-child{border-bottom:0}.jp{font-size:1.1rem;line-height:1.7}.ex1 .r{font-size:.8125rem;color:var(--ink3)}
.hide-rom .r{display:none}.hide-ind .ind{display:none}
.warn{display:flex;gap:10px;background:var(--tint);border:1px solid var(--tint2);border-radius:8px;padding:10px 12px;font-size:.875rem;margin-bottom:8px}.warn svg{width:18px;height:18px;margin-top:2px;color:var(--pri-d)}
/* kotoba */
.seg{display:flex;background:var(--tint);border:1px solid var(--line);border-radius:8px;padding:3px;gap:3px;margin-bottom:12px}
.seg button{flex:1;border:0;background:none;border-radius:6px;padding:9px 6px;font-size:.8125rem;font-weight:700;color:var(--ink2);cursor:pointer}.seg button.on{background:var(--w);color:var(--pri-d);box-shadow:0 0 0 1px var(--line)}
.fl{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
select{padding:9px 10px;border-radius:8px;border:1px solid var(--line);background:var(--w);max-width:100%;font-size:.875rem}
.fl label{font-size:.8125rem;color:var(--ink2)}.fl input{accent-color:var(--pri);margin-right:6px}
.cnt{display:flex;justify-content:space-between;font-size:.8125rem;color:var(--ink2);margin-bottom:6px}
.scene{perspective:1200px}.flip{position:relative;height:340px;transform-style:preserve-3d;transition:transform .45s ease;cursor:pointer}.flip.f{transform:rotateY(180deg)}
.face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:12px;background:var(--w);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;overflow:auto}
.face.b{transform:rotateY(180deg);justify-content:flex-start;padding-top:24px}
.tag{font-size:.75rem;font-weight:700;color:var(--pri-d);background:var(--tint2);padding:3px 10px;border-radius:99px;margin-bottom:6px}
.big{font-size:3.4rem;line-height:1.25;font-weight:500;text-align:center;margin:8px 0}.kana{font-size:1.5rem;font-weight:500}
.arti{font-size:1.2rem;font-weight:700;text-align:center;margin-top:4px}.exb{margin-top:12px;padding-top:10px;border-top:1px solid var(--line);width:100%}
.ctl{display:flex;gap:10px;margin-top:12px}.ctl .btn{flex:1;padding:0 8px}
.ws{font-size:.75rem;font-weight:700;color:var(--ink2);margin:16px 2px 6px}
.wr{background:var(--w);border:1px solid var(--line);border-radius:8px;margin-bottom:6px;overflow:hidden}.wr summary{list-style:none;display:flex;align-items:center;gap:12px;padding:10px 12px;cursor:pointer}.wr summary::-webkit-details-marker{display:none}
.wk{font-size:1.25rem;font-weight:500;min-width:62px}.wm{flex:1;min-width:0}.wm b{font-size:.9rem}.wm small{display:block;color:var(--ink3);font-size:.75rem}.wb{padding:2px 14px 12px;font-size:.875rem}
/* quiz engine */
.qh{display:flex;justify-content:space-between;font-size:.8125rem;color:var(--ink2);margin-bottom:6px}
.qc{padding:18px}.q{font-size:1.25rem;line-height:1.65;margin:4px 0 8px}.qbig{font-size:2.6rem;line-height:1.25;font-weight:500;text-align:center;margin:10px 0}.ql{font-size:.8125rem;color:var(--ink2)}
.opts{display:grid;gap:8px;margin-top:12px}
.opt{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px;border-radius:8px;border:1.5px solid var(--line);background:var(--w);font-size:.95rem;font-weight:500;cursor:pointer;overflow-wrap:anywhere}
.opt .lt{width:26px;height:26px;border-radius:6px;background:var(--tint);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--ink2);flex:none}.opt .tx{flex:1}.opt svg{width:20px;height:20px;stroke-width:2.4}
.opt:active:not(:disabled){background:var(--tint)}
.opt.ok{border-color:var(--pri);background:var(--tint2);color:var(--pri-d)}.opt.ok .lt{background:var(--pri);border-color:var(--pri);color:#fff}
.opt.no{border-style:dashed;border-color:var(--ink3);color:var(--ink2);background:var(--w)}
.in{width:100%;padding:12px 14px;font-size:1.1rem;border-radius:8px;border:1.5px solid var(--line);background:var(--w);margin-top:10px}.in:focus{border-color:var(--pri);outline:0}
.fb{margin-top:14px;padding:12px;border-radius:8px;background:var(--tint);font-size:.875rem}.fb b{display:flex;align-items:center;gap:6px;font-size:.95rem;color:var(--pri-d);margin-bottom:2px}.fb b svg{width:18px;height:18px;stroke-width:2.6}
.res{text-align:center;padding:22px 16px}.res .rw{margin:6px auto 10px}.res .sc2{font-size:1.5rem;font-weight:800}
.lp{list-style:none;text-align:left}.lp li{padding:9px 0;border-top:1px solid var(--line);font-size:.875rem}
.empty{text-align:center;padding:30px 14px;color:var(--ink2);font-size:.9rem}
/* search / progress / settings */
.sf{position:relative;margin-bottom:12px}.sf svg{position:absolute;left:12px;top:12px;color:var(--ink3);width:20px;height:20px}.sf input{width:100%;padding:12px 14px 12px 42px;border:1.5px solid var(--line);border-radius:8px;background:var(--w);font-size:1rem}.sf input:focus{border-color:var(--pri);outline:0}
.tb{width:100%;border-collapse:collapse;font-size:.875rem}.tb th{font-size:.75rem;text-align:left;color:var(--ink2);padding:10px 12px;background:var(--tint);font-weight:700}.tb td{padding:11px 12px;border-top:1px solid var(--line)}.tb a{font-weight:700;color:var(--pri-d)}
.set{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px}.set .seg{margin:0;min-width:170px}.set label{display:flex;align-items:center;gap:10px;flex:1;cursor:pointer}.set input{accent-color:var(--pri);width:18px;height:18px}
.about{font-size:.75rem;color:var(--ink3);text-align:center;margin-top:20px}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* kanji */
.kg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
@media(min-width:520px){.kg{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(min-width:700px){.kg{grid-template-columns:repeat(6,minmax(0,1fr))}}
.kt{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:78px;background:var(--w);border:1px solid var(--line);border-radius:10px;padding:8px 4px}
.kt b{font-size:1.7rem;font-weight:500;line-height:1.2}.kt small{font-size:.625rem;color:var(--ink2);text-align:center;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kt.on{background:var(--tint2);border-color:var(--pri)}.kt:active{background:var(--tint)}
.kd{display:flex;align-items:center;gap:18px;padding:20px}.kbig{font-size:5rem;line-height:1.1;font-weight:500;min-width:96px;text-align:center;color:var(--pri-d)}.kinfo{display:flex;flex-direction:column;gap:2px}.kinfo b{font-size:1.15rem}
.kv{display:flex;justify-content:space-between;gap:14px;padding:12px 16px;font-size:.9rem}.kv span{color:var(--ink2)}.kv b{text-align:right;font-weight:600}
/* quiz setup + timer */
.tm{height:4px;border-radius:2px;background:var(--tint2);overflow:hidden;margin-bottom:12px}.tm i{display:block;height:100%;width:100%;background:var(--pri)}
.cfg .lb0{font-size:.75rem;font-weight:700;color:var(--ink2);margin:16px 0 6px}.cfg .lb0:first-child{margin-top:0}.cfg select{width:100%}
.chk{display:grid;gap:10px}.chk label{display:flex;align-items:center;gap:10px;font-size:.95rem;cursor:pointer}.chk input{accent-color:var(--pri);width:18px;height:18px}
.qtop{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.lnk{background:none;border:0;color:var(--pri-d);font-weight:700;font-size:.8125rem;cursor:pointer;padding:6px 0}

/* ulasan (SRS) */
.nav a{position:relative}.bdg{position:absolute;top:2px;left:calc(50% + 6px);min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--pri);color:#fff;font:700 .6875rem/18px var(--sans);font-style:normal;text-align:center}
@media(min-width:900px){.side .bdg{position:static;margin-left:auto}}
.rv{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;margin-top:12px}.rv b{display:block;font-size:1.15rem;line-height:1.35}
.rvbig{font-size:3rem;font-weight:800;line-height:1.1;color:var(--pri-d);margin:2px 0}
.srcard{min-height:240px;padding:22px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer}.srf{display:flex;flex-direction:column;align-items:center}.srb{margin-top:10px;padding-top:12px;border-top:1px solid var(--line);width:100%}
.gr{display:flex;gap:8px;margin-top:14px}.gr .btn{flex:1 1 0;min-width:0;flex-direction:column;gap:2px;min-height:60px;padding:8px 4px}.gr small{font-size:.6875rem;font-weight:500;color:var(--ink2)}.gr .btn.pri small{color:#d6eadd}
.stack{display:flex;height:10px;border-radius:5px;overflow:hidden;background:#e3efe7}.stack i{display:block;height:100%}
.lg{list-style:none;margin-top:12px}.lg li{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:.875rem}.lg li span{flex:1}.dot{width:12px;height:12px;border-radius:3px;display:inline-block;border:1px solid var(--line)}

/* kanji detail: goresan, komponen */
.skh{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.skv{width:100%;max-width:260px;aspect-ratio:1;display:block;margin:6px auto;background:#fff;border:1px solid var(--line);border-radius:8px}
.skv .gd{fill:none;stroke:#e3efe7;stroke-width:1;stroke-dasharray:3 3}
.skb path{fill:none;stroke:#d6eadd;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.skf path{fill:none;stroke:#173f2a;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1}
.skf path.cur{stroke:#1f7a45}
.rds{display:flex;flex-wrap:wrap;gap:8px}.rd{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--line);border-radius:8px;background:var(--w);font-size:.8125rem;color:var(--ink2)}.rd b{font-size:1.2rem;font-weight:500;color:var(--ink)}
/* simulasi */
.exh{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.875rem}
.ext{font-variant-numeric:tabular-nums;font-weight:800;font-size:1.05rem;padding:4px 10px;border:1.5px solid var(--line);border-radius:8px;background:var(--w)}.ext.low{border-color:var(--ink);background:var(--tint2)}
.pal{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.pb{width:34px;height:34px;border-radius:8px;border:1.5px solid var(--line);background:var(--w);font-weight:700;font-size:.8125rem;color:var(--ink2);cursor:pointer}.pb.a{background:var(--tint2);border-color:var(--pri);color:var(--pri-d)}.pb.c{outline:2px solid var(--ink);outline-offset:1px}
.qimg{max-width:360px;margin:0 auto 12px}.qimg svg{width:100%;height:auto;display:block}
.pass{white-space:pre-line;background:var(--tint);border:1px solid var(--line);border-radius:8px;padding:12px;margin-bottom:12px;font-size:1rem;line-height:1.8}
.dlg{background:var(--tint);border:1px solid var(--line);border-radius:8px;padding:12px;margin-bottom:10px;line-height:1.8}
.chb{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.opt.sel{border-color:var(--pri);background:var(--tint2)}.opt.sel .lt{background:var(--pri);border-color:var(--pri);color:#fff}.opt.lock{opacity:.45}
.nbx{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.nbx .btn{flex:1;min-width:120px}
.verd{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:1.1rem;margin:10px 0 4px;padding:6px 14px;border-radius:8px}.verd.ok{background:var(--pri);color:#fff}.verd.no{border:2px dashed var(--ink3);color:var(--ink2)}.verd svg{width:20px;height:20px;stroke-width:2.6}
.cb{position:relative;height:8px;border-radius:4px;background:var(--tint2);margin-top:6px}.cb i{display:block;height:100%;border-radius:4px;background:var(--pri)}.cb u{position:absolute;top:-3px;width:2px;height:14px;background:var(--ink);text-decoration:none}
.smo{cursor:pointer;gap:12px}.smo input{accent-color:var(--pri);width:18px;height:18px}
.mo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:rgba(15,45,28,.5);display:flex;align-items:center;justify-content:center;padding:20px}.md{background:var(--w);border-radius:12px;padding:20px;max-width:380px;width:100%}.md p{margin-bottom:6px}

/* audio */
.spk{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1.5px solid var(--line);background:var(--w);color:var(--pri-d);cursor:pointer;flex:none;padding:0}
.spk svg{width:18px;height:18px}.spk.sm{width:32px;height:32px}.spk.sm svg{width:16px;height:16px}.spk.on{background:var(--pri);border-color:var(--pri);color:#fff}
.face>.spk{position:absolute;top:10px;right:10px}
.exr{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.exr .jp{flex:1}
.kana .spk{margin-left:8px;vertical-align:middle}

/* ===== v8: tampilan lebih lapang & ringkas (additif; menimpa aturan di atas) ===== */
:root{--bg:#fff;--surf:#f2f7f4;--hair:#e3ede7;--ink:#12241a;--ink2:#46604f;--ink3:#5b7566;--chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%2312241a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
/* bilah atas putih */
.bar{background:#fff;color:var(--ink)}
.bar .ib{color:var(--ink)}.bar .ib:active{background:var(--surf)}
.mark{background:var(--pri);border:0;color:#fff;border-radius:9px}
.bt b{font-size:1.1rem;letter-spacing:-.01em}.bt small{opacity:1;color:var(--ink3);font-size:.8125rem}
/* nav bawah: tanpa garis, penanda aktif berbentuk pil */
.nav{background:var(--surf);border-top:0;padding:6px 6px calc(6px + var(--safe-b))}
.nav a{padding:2px;gap:3px;font-size:.72rem;color:var(--ink3)}
.nav a.on{color:var(--ink)}.nav a.on::before{display:none}
.nav a svg.i{box-sizing:content-box;padding:5px 18px;border-radius:99px}
.nav a.on svg.i{background:var(--tint2);color:var(--pri-d)}
.bdg{top:0;left:calc(50% + 4px)}
.side{border-right:0;background:var(--surf)}.side a:hover{background:#fff}.side a.on{background:var(--tint2);color:var(--pri-d)}
/* ruang */
.main{padding:20px 20px calc(96px + var(--safe-b))}
.tabs{margin:-20px -20px 20px;padding:0 10px}.tabs a{padding:14px 14px 12px}
@media(min-width:900px){.main{padding:28px 20px 48px}.tabs{margin:-28px -20px 24px}}
.h{font-size:.9rem;color:var(--ink);margin:28px 2px 10px}
.sm{font-size:.8125rem}.mut{font-size:.9rem}
/* permukaan: tanpa garis tepi, isi tint lembut */
.card,.grp,.gc,.face{border:0;background:var(--surf);border-radius:14px}
.wr{border:0;background:var(--surf);border-radius:12px}
.grp>*+*{border-top:2px solid #fff}
.bi:active,.btn:active{background:var(--tint2)}
.cont{border-radius:16px;padding:20px}
.bar2{height:5px}
/* beranda */
.stat{align-items:flex-start;text-align:left;gap:2px;padding:14px}
.stat .sl{font-size:.8125rem;font-weight:600;color:var(--ink2)}
.stat b{font-size:1.25rem;font-variant-numeric:tabular-nums}
.stat .bar2{width:100%;margin-top:8px;background:#fff}
.sc{padding:16px}.sc .pl{width:auto;height:auto;background:transparent;border-radius:0;color:var(--pri)}
.bn{background:transparent;color:var(--pri);font-size:1.15rem;font-weight:800;width:34px}
.bi .bx b{font-weight:700}
.pc{font-size:.8125rem;font-weight:600;color:var(--ink3);font-variant-numeric:tabular-nums}
/* bunpou */
.gn{background:transparent;color:var(--pri);width:auto;min-width:20px;height:auto;font-size:1rem;font-weight:800}
.tick{border-color:#c2d5c9}
.gc[open] summary{background:transparent;border-bottom:0}
.hub,.str{background:#fff;border:0;border-left:3px solid var(--pri)}
.warn{background:var(--surf);border:0}.gb .warn{background:#fff}
.ex1{border-bottom:2px solid #fff}
.opt-row{gap:22px;font-size:.875rem;color:var(--ink);margin-bottom:14px}
.opt-row label{display:inline-flex;align-items:center;gap:10px;cursor:pointer}
/* toggle (menggantikan checkbox bawaan) */
.opt-row input[type=checkbox],.set input[type=checkbox]{-webkit-appearance:none;appearance:none;width:42px;height:26px;margin:0;border-radius:99px;background:#c2d5c9;position:relative;flex:none;cursor:pointer;vertical-align:middle;transition:background .15s}
.opt-row input[type=checkbox]::after,.set input[type=checkbox]::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s}
.opt-row input[type=checkbox]:checked,.set input[type=checkbox]:checked{background:var(--pri)}
.opt-row input[type=checkbox]:checked::after,.set input[type=checkbox]:checked::after{transform:translateX(16px)}
.set label:has(input[type=checkbox]){flex-direction:row-reverse;justify-content:space-between}
/* checkbox kotak (materi quiz) & radio (mode simulasi) */
.chk input[type=checkbox],.fl input[type=checkbox]{-webkit-appearance:none;appearance:none;width:22px;height:22px;margin:0 10px 0 0;border-radius:6px;border:2px solid #aac2b2;background:#fff;display:inline-grid;place-content:center;flex:none;cursor:pointer}
.chk input[type=checkbox]:checked,.fl input[type=checkbox]:checked{background:var(--pri);border-color:var(--pri)}
.chk input[type=checkbox]:checked::after,.fl input[type=checkbox]:checked::after{content:"";width:5px;height:10px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-1px,-1px)}
.smo input[type=radio]{-webkit-appearance:none;appearance:none;width:22px;height:22px;margin:0;border-radius:50%;border:2px solid #aac2b2;background:#fff;flex:none;cursor:pointer;display:inline-grid;place-content:center}
.smo input[type=radio]:checked{border-color:var(--pri)}
.smo input[type=radio]:checked::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--pri)}
/* dropdown jadi pil, input jadi isian lembut */
select{-webkit-appearance:none;appearance:none;background:var(--surf) var(--chev) no-repeat right 14px center/12px;border:0;border-radius:99px;padding:0 38px 0 16px;min-height:44px;font-weight:600;font-size:.875rem;color:var(--ink)}
.cfg select{border-radius:12px;width:100%}
.sf input,.in{border:1.5px solid transparent;background:var(--surf);border-radius:12px}
.sf input:focus,.in:focus{outline:0;border-color:var(--pri);background:#fff}
.sf svg{top:13px}
/* segmen & tombol */
.seg{background:var(--surf);border:0;border-radius:12px;padding:4px}
.seg button{padding:10px 6px;border-radius:9px}
.seg button.on{background:#fff;box-shadow:none;color:var(--ink)}
.grp .seg{background:#fff}.grp .seg button.on{background:var(--tint2);color:var(--pri-d)}
.btn{border:0;background:var(--surf);border-radius:12px;min-height:48px;color:var(--pri-d)}
.btn.inv{background:#fff;color:var(--pri-d)}
.seg button.on,.btn.pri{box-shadow:none}
/* kartu kosakata */
.face{border-radius:18px}
.flip{height:360px}
.big{font-size:3.6rem}
/* kuis */
.card.qc{background:transparent;padding:6px 0}
.opt{border:1.5px solid transparent;background:var(--surf);border-radius:12px;padding:14px;font-size:1rem}
.opt .lt{background:#fff;border:0;border-radius:50%;width:28px;height:28px}
.opt:active:not(:disabled){background:var(--tint2)}
.opt.no{background:#fff}
.fb,.pass,.dlg{background:var(--surf);border:0}
.ext{border:0;background:var(--surf)}
.pb{border:1.5px solid transparent;background:var(--surf)}
.tm{height:5px}
/* kanji: huruf jadi pusat perhatian, tanpa kotak */
.kg{gap:4px 6px}
.kt{background:transparent;border:0;border-radius:12px;min-height:88px}
.kt b{font-size:2.1rem}
.kt small{font-size:.6875rem;color:var(--ink2)}
.kt.on{background:var(--tint2);border:0}.kt:active{background:var(--surf)}
.rd{border:0;background:var(--surf)}
.skv{border:0}
.kbig{font-size:5.4rem}
.spk{border:0;background:var(--tint2);color:var(--pri-d)}.spk.on{background:var(--pri);color:#fff}
/* tabel & modal */
.tb th{background:var(--surf)}.tb td{border-top:1px solid var(--hair)}
.md{border-radius:16px}
.bi{gap:12px;padding:14px 16px}.bi .bx span{line-height:1.45}.bn{width:28px}
.fl select{flex:1 1 0;min-width:0;text-overflow:ellipsis}
.fl select:only-child{flex:1 1 100%}
.card select,.grp select{background-color:#fff}
.card .seg{background:#fff}.card .seg button.on{background:var(--tint2);color:var(--pri-d)}
.ctl .btn{white-space:nowrap}.ctl .btn:nth-child(2){flex:1.8}
.about a{color:var(--ink3);text-decoration:underline;text-underline-offset:3px}

/* logo app (emblem) di bilah atas */
.mark{width:38px;height:38px;border-radius:0;background:url("data:image/png;base64,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") center/contain no-repeat;font-size:0;color:transparent}

/* v9: header hijau, logo bulat, pengaturan baru */
.bar{background:var(--pri);color:#fff}
.bar .ib{color:#fff}.bar .ib:active{background:rgba(255,255,255,.16)}
.bt small{color:rgba(255,255,255,.85)}
.mark{width:40px;height:40px;border-radius:50%}
.sr{gap:16px;padding:14px 16px}
.sr .stx{flex:1;min-width:0}
.sr .stx b{display:block;font-size:.97rem;font-weight:600;color:var(--ink)}
.sr .stx small{display:block;font-size:.8125rem;line-height:1.45;color:var(--ink3);margin-top:3px}
.sr.col{flex-direction:column;align-items:stretch;gap:12px}
.sr.col .seg{width:100%}
.sr.col .btn{width:100%;background:#fff}
.grp .btn{background:#fff}

/* v10: bunpou lebih ringan (pola besar, arti kecil di bawahnya, catatan dilipat) */
.gc{margin-bottom:8px}
.gc summary{padding:14px 16px;gap:14px;align-items:flex-start}
.gn{margin-top:2px}.tick{margin-top:1px}
.gt{display:flex;flex-direction:column;gap:3px;min-width:0;font-weight:400}
.gt .gp{font-size:1.1rem;font-weight:700;line-height:1.35}
.gt .ga{font-size:.8125rem;color:var(--ink2);line-height:1.4}
.gb{padding:0 16px 16px}
.lb{margin:18px 0 8px;letter-spacing:.02em}
.str{padding:10px 14px;border-radius:0 10px 10px 0}
.fx{margin:14px 0 0;line-height:1.6;color:var(--ink2)}
.ex1 .jp{font-size:1.15rem}.ex1 .ind{font-size:.9rem}
.nt{margin-top:12px;border-top:2px solid #fff}
.nt summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:12px 0;font-size:.875rem;font-weight:600;color:var(--pri-d)}
.nt summary::-webkit-details-marker{display:none}
.nt summary::after{content:"+";font-size:1.1rem;font-weight:700}
.nt[open] summary::after{content:"\2013"}
.ntb .ni{font-size:.875rem;line-height:1.55;color:var(--ink2);padding-left:12px;border-left:2px solid #c2d5c9;margin-bottom:10px}
.ntb .hub{margin:0 0 12px}
.gb>.acts{margin-top:6px}

/* v11: furigana */
ruby{ruby-position:over;ruby-align:center}
rt{font-size:.6em;font-weight:400;color:var(--ink3);letter-spacing:0;line-height:1}
.hide-furi rt,.hide-furi rp{display:none}
#gl:not(.hide-furi) .jp{line-height:2.15}
#gl:not(.hide-furi) .gp,#gl:not(.hide-furi) .str,#gl:not(.hide-furi) .fx,#gl:not(.hide-furi) .ni,#gl:not(.hide-furi) .hub{line-height:1.95}
.opt-row{flex-wrap:wrap;gap:10px 18px}
.opt-row input[type=checkbox]{width:36px;height:22px}
.opt-row input[type=checkbox]::after{top:3px;left:3px;width:16px;height:16px}
.opt-row input[type=checkbox]:checked::after{transform:translateX(14px)}
/* v11b: furigana di Ringkasan dan header */
.bar rt{color:rgba(255,255,255,.88)}
.bt small rt{font-size:.62em}
body:not(.hide-furi) .bt small{line-height:1.75}
body:not(.hide-furi) .ovh .sm,body:not(.hide-furi) .ovh + p.mut,body:not(.hide-furi) .flow a,body:not(.hide-furi) .flow span{line-height:1.95}
.jpn rt{color:var(--pri-d);opacity:.85}
.jpn{white-space:nowrap}
.bt small rt{font-size:.7em}
.bt small ruby{margin:0 1px}
body:not(.hide-furi) .q,body:not(.hide-furi) .opt .tx{line-height:2}
.ovh .sm{font-size:.95rem}
/* v12: furigana pada kalimat kosakata dan kanji */
body:not(.hide-furi) .wb .jp,body:not(.hide-furi) .exb .jp,body:not(.hide-furi) .card .ex1 .jp,body:not(.hide-furi) .face .jp{line-height:2.15}
body:not(.hide-furi) .wb .jp{font-size:1.05rem}
/* v13: profil */
.pf{display:flex;gap:16px;align-items:flex-start;margin-bottom:4px}
.av{flex:none;width:68px;height:68px;border-radius:50%;background:var(--pri);color:#fff;display:grid;place-items:center;font-size:1.9rem;font-weight:700}
.pfn{flex:1;min-width:0}
.in[type=date]{width:100%;min-height:48px}
/* v13: header dengan tiga ikon (Cari, Profil, Pengaturan) tetap menyisakan ruang judul */
.bar{gap:4px;padding-right:6px}
.bar .ib{width:38px;height:38px}
.bt{padding-left:6px}
.pad .btn{background:#fff}
.pad .acts .btn{flex:1;white-space:nowrap;padding:0 10px}
/* ===== v19: kartu Latihan (Quiz, Simulasi N3) hijau solid, datar ===== */
.shortcuts .sc{background:var(--bar);border-color:var(--bar);color:#fff}
.shortcuts .sc .pl{color:#fff}
.shortcuts .sc:active{background:var(--pri);border-color:var(--pri)}
/* ===== v21: Coba buat kalimat (prototipe) ===== */
.cob{margin-top:16px;padding:14px;background:var(--surf);border-radius:12px}
.cob .lb:first-child{margin-top:0}
.cob .cbt{resize:vertical;min-height:64px;line-height:1.5;font-family:inherit;background:var(--w)}
.cob .acts{margin-top:10px}
.cob .cbm{margin-top:10px;font-size:.9rem;color:var(--ink2)}
.cob .cbm:empty{display:none}
.cob .cbu{margin-top:12px;padding:10px 12px;background:var(--w);border-radius:8px;font-size:1.1rem;word-break:break-word}
.cob .cbs{margin-top:10px;font-weight:700;color:var(--pri-d)}
.cob .cbs.no{color:var(--ink2)}
.cob .cbn{margin:8px 0 0;font-size:.8125rem;color:var(--ink3)}
.cob .seg{margin-bottom:0;background:var(--w)}
.cob .seg button.on{background:var(--tint2);color:var(--pri-d)}
/* ===== v22: warna teks kolom ketik eksplisit (tidak bergantung pada warna bawaan browser/perangkat) ===== */
.in,.sf input,.cob .cbt{color:var(--ink);-webkit-text-fill-color:var(--ink);caret-color:var(--pri)}
.in::placeholder,.sf input::placeholder,.cob .cbt::placeholder{color:var(--ink3);-webkit-text-fill-color:var(--ink3);opacity:1}
/* ===== v24: romaji jadi hiragana di kolom Coba buat kalimat ===== */
.cob .cbk{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px;font-size:.8125rem;color:var(--ink3)}
.cob .cbk-t{background:var(--w);border:1px solid var(--line);border-radius:8px;padding:6px 10px;font:inherit;font-weight:700;font-size:.8125rem;color:var(--ink2);cursor:pointer}
.cob .cbk-t[aria-pressed="true"]{background:var(--tint2);border-color:var(--tint2);color:var(--pri-d)}
/* ===== v25: Rencana belajar (demo) ===== */
.rn-top .seg{margin-bottom:0}
.rn-h{display:flex;align-items:center;gap:10px}
.rn-h b{flex:1}
.rn-c{font-weight:700;font-size:.875rem;color:var(--ink2)}
.rn-s{padding:14px 0;border-top:1px solid var(--hair)}
.rn-s:first-child{border-top:0;padding-top:0}
.rn-chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 4px}
.rn-chip{display:inline-block;padding:4px 10px;border-radius:8px;background:var(--tint);color:var(--ink);font-size:.9375rem;text-decoration:none}
.rn-chip.on{background:var(--surf);color:var(--ink3);text-decoration:line-through}
.rn-g{margin:8px 0 4px}
.rn-r{padding:8px 0;border-top:1px solid var(--hair);font-size:.9375rem}
.rn-r:first-child{border-top:0}
.rn-r.on{color:var(--ink3);text-decoration:line-through}
.rn-s .acts{margin-top:10px}
.rn-ok{padding-bottom:14px}
.rn-st{display:inline-block;padding:4px 10px;border-radius:8px;background:var(--tint2);color:var(--pri-d);font-weight:700;font-size:.8125rem}
.rn-st.no{background:var(--surf);color:var(--ink2);border:1px solid var(--line)}
.pad .btn.pri{background:var(--pri);border-color:var(--pri);color:#fff}
/* ===== v26: rencana belajar, peningkatan ===== */
.rn-tg{display:block;margin-top:2px;font-size:.75rem;color:var(--pri-d);font-weight:700}
.rn-skip{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.rn-skip button{min-width:40px;padding:8px 0;border:1px solid var(--line);border-radius:8px;background:var(--w);font:inherit;font-weight:700;font-size:.875rem;color:var(--ink2);cursor:pointer}
.rn-skip button[aria-pressed="true"]{background:var(--surf);color:var(--ink3);text-decoration:line-through;border-style:dashed}
.rn-fc,.rn-wk{color:var(--ink2)}
/* ===== v27: pengingat kalender (.ics) ===== */
.rn-skip.wk button[aria-pressed="true"]{background:var(--tint2);color:var(--pri-d);text-decoration:none;border-style:solid;border-color:var(--tint2)}
.rn-skip.wk button{min-width:44px}
/* ===== v28: kartu Roadmap belajar di Beranda hijau solid, sama dengan kartu Latihan ===== */
.rv.rn-card{background:var(--bar);border-color:var(--bar);color:#fff}
.rv.rn-card b{color:#fff}
.rv.rn-card .sm{color:rgba(255,255,255,.85)}
/* ===== v31: pemilih warna tema (Pengaturan > Tampilan); warna bulatan ada di blok v31 yang dihasilkan di akhir berkas ===== */
.wr{display:flex;gap:6px;width:100%}
.wr button{flex:1 1 0;min-width:0;min-height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px 2px;border:1px solid var(--line);border-radius:8px;background:var(--w);color:var(--ink2);font-size:.75rem;font-weight:700;cursor:pointer}
.wr button i{width:24px;height:24px;border-radius:50%;display:block}
.wr button[aria-pressed="true"]{border-color:var(--pri);box-shadow:0 0 0 1px var(--pri);color:var(--pri-d)}
@media(max-width:340px){.wr button{font-size:.6875rem}}
/* ===== v32: splash screen (layar muat). Hanya variabel tema, jadi otomatis mengikuti warna tema dan mode gelap; logo per tema di blok v31 ===== */
#splash{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:var(--bg);transition:opacity .25s ease}
#splash.out{opacity:0;pointer-events:none}
.sp-in{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px}
.sp-logo{width:132px;height:132px;background:url("icons/splash-hijau.png") center/contain no-repeat}
.sp-t{margin-top:14px;font-weight:800;font-size:1.5rem;letter-spacing:.01em;color:var(--ink)}
.sp-s{margin-top:4px;font-size:.9rem;color:var(--ink2)}
.sp-bar{width:160px;height:3px;margin-top:22px;border-radius:2px;overflow:hidden;background:var(--line)}
.sp-bar i{display:block;width:100%;height:100%;background:var(--pri);transform-origin:left center;animation:spfill .8s cubic-bezier(.3,0,.2,1) both}
@keyframes spfill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){#splash{transition:none}.sp-bar i{animation:none}}
/* ===== v33: paket Gratis/Premium (kartu upgrade, halaman terkunci). Hanya variabel tema, jadi otomatis mengikuti warna tema dan mode gelap ===== */
.pm{padding:18px 16px;margin-bottom:12px}
.pm-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px}
.pm-tag,.pm-off{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:800;letter-spacing:.02em;background:var(--tint2);color:var(--pri-d)}
.pm-off{background:transparent;border:1px solid var(--pri)}
.pm-h{margin:0 0 4px;font-size:1.35rem;line-height:1.25;color:var(--ink)}
.pm-sub{margin:0 0 14px;color:var(--ink2);font-size:.9rem}
.pm-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.pm-now{font-size:2rem;font-weight:800;line-height:1.1;color:var(--pri-d)}
.pm-old{font-size:1.05rem;color:var(--ink3);text-decoration:line-through}
.pm-note{margin:6px 0 14px;color:var(--ink2);font-size:.85rem}
.pm .pm-cta{width:100%;min-height:48px;justify-content:center;text-align:center}
.pm-msg{margin-top:10px;color:var(--ink2);font-size:.85rem}
.pm-ben{list-style:none;margin:0;padding:0}
.pm-ben li{display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.pm-ben li:first-child{border-top:0;padding-top:0}
.pm-ben li:last-child{padding-bottom:0}
.pm-ben .i{width:20px;height:20px;flex:none;margin-top:2px;color:var(--pri)}
.pm-ben b{display:block;color:var(--ink)}
.pm-ben em{display:block;margin-top:2px;font-style:normal;font-size:.88rem;color:var(--ink2)}
.pm-dot{display:block;flex:none;width:12px;height:12px;margin:5px 4px 0;border:2px solid var(--ink3);border-radius:50%}
.pm-soon b{color:var(--ink2)}
.pm-seg{display:inline-block;margin-left:8px;padding:1px 8px;border:1px solid var(--line);border-radius:999px;font-size:.7rem;font-weight:700;color:var(--ink2)}
.pm-tbl{width:100%;border-collapse:collapse;font-size:.85rem}
.pm-tbl th,.pm-tbl td{padding:9px 6px;text-align:left;vertical-align:top;border-top:1px solid var(--line)}
.pm-tbl th{border-top:0;font-weight:700;color:var(--ink2)}
.pm-tbl th:nth-child(n+2),.pm-tbl td:nth-child(n+2){width:27%;text-align:center}
.pm-tbl td:last-child{font-weight:800;color:var(--pri-d)}
.pm-lock{padding:24px 16px;text-align:center;margin-bottom:12px}
.pm-lock .i{width:34px;height:34px;color:var(--pri)}
.pm-lock .btn{margin-top:4px}
.pm-test{margin-top:14px;padding:12px;border:1px dashed var(--ink3);border-radius:10px}
.pm-test .sm{margin-bottom:8px}
.pm-strip{display:flex;align-items:center;gap:8px;margin:0 2px 10px;color:var(--ink2);font-size:.82rem;line-height:1.35;text-decoration:none}
.pm-strip .i{width:15px;height:15px;flex:none;color:var(--ink3)}
.pm-strip b{color:var(--pri-d);font-weight:700}
.pm-mini{display:flex;align-items:center;gap:8px;margin:18px 2px 0;color:var(--ink2);font-size:.82rem;line-height:1.35}
.pm-mini .i{width:15px;height:15px;flex:none;color:var(--ink3)}
.pm-mini a{font-weight:700;color:var(--pri-d)}
.pm-x{margin-left:auto;flex:none;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:var(--ink3);cursor:pointer}
.pm-x .i{width:14px;height:14px}
.pm-lk{display:inline-flex;vertical-align:middle;margin-left:6px;color:var(--ink3)}
.pm-lk .i{width:14px;height:14px}
.nav.n6{padding-left:2px;padding-right:2px}
.nav.n6 a svg.i{padding:5px 12px}
.nav a.pm-tab,.side a.pm-tab{color:var(--pri-d)}
@media(max-width:340px){.nav.n6 a{font-size:.66rem}.nav.n6 a svg.i{padding:5px 10px}}
/* ===== v36: akun (layar Selamat datang, Masuk, Daftar, Lupa kata sandi). Hanya variabel tema; salah isi ditandai garis putus-putus, bukan merah ===== */
body.au #bar,body.au #nav,body.au #side{display:none!important}
body.au .shell{display:block}
body.au .main{padding:20px 20px 40px}
.au-wrap{max-width:400px;margin:0 auto;padding:12px 0 8px;text-align:center}
.au-logo{width:96px;height:96px;margin:8px auto 12px}
.au-h{margin:0;font-size:1.6rem;line-height:1.25;color:var(--ink)}
.au-sub{margin:6px 0 22px;color:var(--ink2);font-size:.95rem}
.au-form{text-align:left}
.au-form .lb{margin:16px 0 0;color:var(--ink2)}
.au-form .in{margin-top:6px;border:1px solid var(--ink3)}
.au-form .in:focus{border-color:var(--pri)}
.au-form .in[aria-invalid="true"]{border-style:dashed;border-color:var(--ink)}
.au-wrap .au-go:disabled{opacity:1;background:var(--tint2);color:var(--pri-d);cursor:progress}
.au-pw{position:relative}
.au-pw .in{padding-right:104px}
.au-eye{position:absolute;right:4px;top:6px;bottom:0;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--pri-d);font-weight:700;font-size:.85rem;cursor:pointer}
.au-err{margin-top:6px;font-size:.85rem;font-weight:600;color:var(--ink)}
.au-err:empty{display:none}
.au-gen{margin-top:14px;padding:10px 12px;border:1px dashed var(--ink);border-radius:10px}
.au-ok{margin-top:14px;padding:10px 12px;border:1px solid var(--pri);border-radius:10px;color:var(--ink);font-size:.9rem}
.au-ok:empty{display:none}
.au-hint{margin-top:6px;color:var(--ink3);font-size:.8rem}
.au-link{margin-top:10px;text-align:right;font-size:.88rem}
.au-link a,.au-alt a{font-weight:700;color:var(--pri-d)}
.au-wrap .au-go{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin-top:0}
.au-form .au-go{margin-top:16px}
.au-stack{display:flex;flex-direction:column;gap:10px;margin-top:22px}
.au-or{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--ink3);font-size:.8rem}
.au-or::before,.au-or::after{content:"";flex:1;height:1px;background:var(--line)}
.au-alt{margin:18px 0 4px;color:var(--ink2);font-size:.92rem}
.au-tamu{display:inline-block;min-height:44px;margin-top:4px;padding:10px 14px;border:0;background:transparent;color:var(--ink2);font-size:.92rem;text-decoration:underline;cursor:pointer}
.au-ben{list-style:none;margin:20px 0 0;padding:14px;border-radius:12px;background:var(--tint);color:var(--ink2);font-size:.85rem;text-align:left}
.au-ben li{margin:0 0 8px}
.au-ben li:last-child{margin-bottom:0}
.au-ben b{color:var(--ink)}
.au-demo{margin-top:20px;padding:10px 12px;border:1px dashed var(--ink3);border-radius:10px;color:var(--ink2);font-size:.8rem;text-align:left}

/* ===== v37: filter jenis kata (chip datar; warna dari token tema, otomatis ikut mode gelap) ===== */
.jf{margin:0 0 12px}
.jf>summary{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--w);color:var(--ink);font-size:.875rem;cursor:pointer;list-style:none;margin-bottom:8px}
.jf>summary::-webkit-details-marker{display:none}
.jf>summary b{font-weight:700}
.jf .jo{font-size:.8125rem;font-weight:700;color:var(--pri-d)}
.chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:8px}
.chip{border:1px solid var(--line);background:var(--w);color:var(--ink2);border-radius:10px;padding:7px 10px;min-height:38px;font-size:.8125rem;font-weight:700;line-height:1.2;cursor:pointer}
.chip span{font-weight:600;color:var(--ink3);margin-left:3px}
.chip.on{background:var(--tint2);border-color:var(--pri);color:var(--pri-d)}
.chip.on span{color:var(--pri-d)}
.chip:disabled{opacity:.45;cursor:default}
.jl{font-size:.75rem;font-weight:700;color:var(--ink2);min-width:2.6rem}
.jnote{font-size:.8125rem;color:var(--ink2);margin:0 0 4px}
.jt{font-size:.8125rem;color:var(--ink2);margin:6px 0 2px}
/* ===== v18: mode gelap (dihasilkan data-pipeline/tools/gen_dark_css.py) ===== */
html[data-tema="gelap"]{color-scheme:dark;--bg:#0e1411;--w:#151d18;--surf:#1a241e;--hair:#232f28;--line:#2c3a32;--tint:#1b2a21;--tint2:#254133;--ink:#e8f0eb;--ink2:#b3c7ba;--ink3:#8aa294;--pri:#26804b;--pri-d:#6fcb98;--bar:#17482e;--sr-l:#3d5446;--sr-b:#3f8f61;--sr-m:#4fb37a;--sr-t:#8fe0b2;--sr-n:var(--line);--chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%23e8f0eb' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
:where(html[data-tema="gelap"]) .btn.inv{background:var(--w);border-color:var(--w)}
:where(html[data-tema="gelap"]) .stack{background:var(--line)}
:where(html[data-tema="gelap"]) .skv{background:var(--w)}
:where(html[data-tema="gelap"]) .skv .gd{stroke:var(--line)}
:where(html[data-tema="gelap"]) .skb path{stroke:var(--tint2)}
:where(html[data-tema="gelap"]) .skf path{stroke:var(--ink)}
:where(html[data-tema="gelap"]) .skf path.cur{stroke:var(--pri-d)}
:where(html[data-tema="gelap"]) .mo{background:rgba(0,0,0,.62)}
:where(html[data-tema="gelap"]) .side a:hover{background:var(--w)}
:where(html[data-tema="gelap"]) .grp>*+*{border-top:2px solid var(--w)}
:where(html[data-tema="gelap"]) .stat .bar2{background:var(--w)}
:where(html[data-tema="gelap"]) .tick{border-color:#3a4d41}
:where(html[data-tema="gelap"]) .hub,:where(html[data-tema="gelap"]) .str{background:var(--w)}
:where(html[data-tema="gelap"]) .gb .warn{background:var(--w)}
:where(html[data-tema="gelap"]) .ex1{border-bottom:2px solid var(--w)}
:where(html[data-tema="gelap"]) .opt-row input[type=checkbox],:where(html[data-tema="gelap"]) .set input[type=checkbox]{background:#3a4d41}
:where(html[data-tema="gelap"]) .chk input[type=checkbox],:where(html[data-tema="gelap"]) .fl input[type=checkbox]{border:2px solid #4a5f52;background:var(--w)}
:where(html[data-tema="gelap"]) .smo input[type=radio]{border:2px solid #4a5f52;background:var(--w)}
:where(html[data-tema="gelap"]) .sf input:focus,:where(html[data-tema="gelap"]) .in:focus{background:var(--w)}
:where(html[data-tema="gelap"]) .seg button.on{background:var(--w)}
:where(html[data-tema="gelap"]) .grp .seg{background:var(--w)}
:where(html[data-tema="gelap"]) .btn.inv{background:var(--w)}
:where(html[data-tema="gelap"]) .opt .lt{background:var(--w)}
:where(html[data-tema="gelap"]) .opt.no{background:var(--w)}
:where(html[data-tema="gelap"]) .card select,:where(html[data-tema="gelap"]) .grp select{background-color:var(--w)}
:where(html[data-tema="gelap"]) .card .seg{background:var(--w)}
:where(html[data-tema="gelap"]) .sr.col .btn{background:var(--w)}
:where(html[data-tema="gelap"]) .grp .btn{background:var(--w)}
:where(html[data-tema="gelap"]) .nt{border-top:2px solid var(--w)}
:where(html[data-tema="gelap"]) .ntb .ni{border-left:2px solid #3a4d41}
:where(html[data-tema="gelap"]) .pad .btn{background:var(--w)}
:where(html[data-tema="gelap"]) .bar{background:var(--bar);color:#fff}
:where(html[data-tema="gelap"]) .nav a.on,:where(html[data-tema="gelap"]) .ovh .jpn,:where(html[data-tema="gelap"]) .sc .pl,:where(html[data-tema="gelap"]) .bn,:where(html[data-tema="gelap"]) .gn{color:var(--pri-d)}
:where(html[data-tema="gelap"]) .btn.pri:active{background:#237a47}
:where(html[data-tema="gelap"]) .seg button.on{background:var(--tint2);color:var(--pri-d)}
:where(html[data-tema="gelap"]) .md{border:1px solid var(--line)}
:where(html[data-tema="gelap"]) svg [stroke="#d6eadd"]{stroke:var(--line)}
:where(html[data-tema="gelap"]) svg [stroke="#1f7a45"]{stroke:var(--pri-d)}
/* ===== akhir v18 mode gelap ===== */
/* ===== v31: warna tema (dihasilkan data-pipeline/tools/gen_warna_css.py) ===== */
/* Hijau = bawaan (tanpa penimpa). Skrip menyalin aturan berhijau; JANGAN edit tangan. */
:root{--sr-l:#b7d3c1;--sr-b:#7cbd97;--sr-m:#2f9158;--sr-t:#14472b;--sr-n:#e3efe7}
/* tema biru */
html[data-warna="biru"]{--sr-l:#c2ceda;--sr-b:#9cb1cd;--sr-m:#4e82c6;--sr-t:#1f3e6d;--sr-n:#e7edf2}
html[data-warna="biru"]{--pri:#2f6bba;--pri-d:#26529d;--bar:#295ea4;--tint:#f1f4f8;--tint2:#dee6ee;--line:#d7dee7}
:where(html[data-warna="biru"]) .cont .sm{color:#dee6ee}
:where(html[data-warna="biru"]) .gr .btn.pri small{color:#dee6ee}
:where(html[data-warna="biru"]) .stack{background:#e7edf2}
:where(html[data-warna="biru"]) .skv .gd{stroke:#e7edf2}
:where(html[data-warna="biru"]) .skb path{stroke:#dee6ee}
:where(html[data-warna="biru"]) .skf path{stroke:#22385c}
:where(html[data-warna="biru"]) .skf path.cur{stroke:#2f6bba}
:where(html[data-warna="biru"]) .mo{background:rgba(22,40,65,.5)}
html[data-warna="biru"]{--surf:#f4f6f8;--hair:#e7ebf0;--ink:#17212f;--ink2:#4d5c6a;--ink3:#647081}
:where(html[data-warna="biru"]) .tick{border-color:#c9d1da}
:where(html[data-warna="biru"]) .opt-row input[type=checkbox]{background:#c9d1da}
:where(html[data-warna="biru"]) .set input[type=checkbox]{background:#c9d1da}
:where(html[data-warna="biru"]) .chk input[type=checkbox]{border:2px solid #b2bec8}
:where(html[data-warna="biru"]) .fl input[type=checkbox]{border:2px solid #b2bec8}
:where(html[data-warna="biru"]) .smo input[type=radio]{border:2px solid #b2bec8}
:where(html[data-warna="biru"]) .ntb .ni{border-left:2px solid #c9d1da}
html[data-tema="gelap"][data-warna="biru"]{color-scheme:dark;--bg:#101317;--w:#171c20;--surf:#1d2228;--hair:#272d34;--line:#313740;--tint:#202731;--tint2:#2f3c53;--ink:#ebeef2;--ink2:#bac3cc;--ink3:#949daa;--pri:#3871bb;--pri-d:#a3bbde;--bar:#233f6d;--sr-l:#44505e;--sr-b:#5b82b7;--sr-m:#85a2cb;--sr-t:#bdd1ed;--sr-n:var(--line);--chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%23e8f0eb' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
:where(html[data-tema="gelap"][data-warna="biru"]) .btn.inv{background:var(--w);border-color:var(--w)}
:where(html[data-tema="gelap"][data-warna="biru"]) .stack{background:var(--line)}
:where(html[data-tema="gelap"][data-warna="biru"]) .skv{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="biru"]) .skv .gd{stroke:var(--line)}
:where(html[data-tema="gelap"][data-warna="biru"]) .skb path{stroke:var(--tint2)}
:where(html[data-tema="gelap"][data-warna="biru"]) .skf path{stroke:var(--ink)}
:where(html[data-tema="gelap"][data-warna="biru"]) .skf path.cur{stroke:var(--pri-d)}
:where(html[data-tema="gelap"][data-warna="biru"]) .mo{background:rgba(0,0,0,.62)}
:where(html[data-tema="gelap"][data-warna="biru"]) .side a:hover{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="biru"]) .grp>*+*{border-top:2px solid var(--w)}
:where(html[data-tema="gelap"][data-warna="biru"]) .stat .bar2{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="biru"]) .tick{border-color:#404a55}
:where(html[data-tema="gelap"][data-warna="biru"]) .hub,:where(html[data-tema="gelap"][data-warna="biru"]) .str{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="biru"]) .gb .warn{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="biru"]) .ex1{border-bottom:2px solid var(--w)}
:where(html[data-tema="gelap"][data-warna="biru"]) .opt-row input[type=checkbox],:where(html[data-tema="gelap"][data-warna="biru"]) .set input[type=checkbox]{background:#404a55}
:where(html[data-tema="gelap"][data-warna="biru"]) .chk input[type=checkbox],:where(html[data-tema="gelap"][data-warna="biru"]) .fl input[type=checkbox]{border:2px solid #515b67;background:var(--w)}
:where(html[data-tema="gelap"][data-warna="biru"]) .smo input[type=radio]{border:2px solid #515b67;background:var(--w)}
:where(html[data-tema="gelap"][data-warna="biru"]) .sf input:focus,:where(html[data-tema="gelap"][data-warna="biru"]) .in:focus{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="biru"]) .seg button.on{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="biru"]) .grp .seg{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="biru"]) .btn.inv{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="biru"]) .opt .lt{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="biru"]) .opt.no{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="biru"]) .card select,:where(html[data-tema="gelap"][data-warna="biru"]) .grp select{background-color:var(--w)}
:where(html[data-tema="gelap"][data-warna="biru"]) .card .seg{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="biru"]) .sr.col .btn{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="biru"]) .grp .btn{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="biru"]) .nt{border-top:2px solid var(--w)}
:where(html[data-tema="gelap"][data-warna="biru"]) .ntb .ni{border-left:2px solid #404a55}
:where(html[data-tema="gelap"][data-warna="biru"]) .pad .btn{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="biru"]) .bar{background:var(--bar);color:#fff}
:where(html[data-tema="gelap"][data-warna="biru"]) .nav a.on,:where(html[data-tema="gelap"][data-warna="biru"]) .ovh .jpn,:where(html[data-tema="gelap"][data-warna="biru"]) .sc .pl,:where(html[data-tema="gelap"][data-warna="biru"]) .bn,:where(html[data-tema="gelap"][data-warna="biru"]) .gn{color:var(--pri-d)}
:where(html[data-tema="gelap"][data-warna="biru"]) .btn.pri:active{background:#346cb4}
:where(html[data-tema="gelap"][data-warna="biru"]) .seg button.on{background:var(--tint2);color:var(--pri-d)}
:where(html[data-tema="gelap"][data-warna="biru"]) .md{border:1px solid var(--line)}
:where(html[data-tema="gelap"][data-warna="biru"]) svg [stroke="#d6eadd"]{stroke:var(--line)}
:where(html[data-tema="gelap"][data-warna="biru"]) svg [stroke="#1f7a45"]{stroke:var(--pri-d)}
:where(html[data-warna="biru"]) [fill="#14663C" i]{fill:#2255af}
:where(html[data-warna="biru"]) [fill="#173F2A" i]{fill:#22385c}
:where(html[data-warna="biru"]) [fill="#17603A" i]{fill:#26529d}
:where(html[data-warna="biru"]) [fill="#1E2B23" i]{fill:#222931}
:where(html[data-warna="biru"]) [fill="#1F7A45" i]{fill:#2f6bba}
:where(html[data-warna="biru"]) [fill="#3E7A52" i]{fill:#4c7195}
:where(html[data-warna="biru"]) [fill="#3F6B52" i]{fill:#4d6383}
:where(html[data-warna="biru"]) [fill="#6FAF8A" i]{fill:#8ea3c0}
:where(html[data-warna="biru"]) [fill="#7A9A88" i]{fill:#8894a5}
:where(html[data-warna="biru"]) [fill="#7CBD97" i]{fill:#9cb1cd}
:where(html[data-warna="biru"]) [fill="#9BBBA9" i]{fill:#a9b5c5}
:where(html[data-warna="biru"]) [fill="#A9D3B8" i]{fill:#bbcbdc}
:where(html[data-warna="biru"]) [fill="#B7C4BA" i]{fill:#bac2c7}
:where(html[data-warna="biru"]) [fill="#CFE2D6" i]{fill:#d7dee7}
:where(html[data-warna="biru"]) [fill="#E3EFE7" i]{fill:#e7edf2}
:where(html[data-warna="biru"]) [fill="#EEF6F1" i]{fill:#f1f4f8}
:where(html[data-warna="biru"]) [fill="#F5FAF7" i]{fill:#f7f9fb}
:where(html[data-warna="biru"]) [stroke="#173F2A" i]{stroke:#22385c}
:where(html[data-warna="biru"]) [stroke="#173f2a" i]{stroke:#22385c}
:where(html[data-warna="biru"]) [stroke="#17603A" i]{stroke:#26529d}
:where(html[data-warna="biru"]) [stroke="#1F7A45" i]{stroke:#2f6bba}
:where(html[data-warna="biru"]) [stroke="#1f7a45" i]{stroke:#2f6bba}
:where(html[data-warna="biru"]) [stroke="#4A5A4E" i]{stroke:#4e585e}
:where(html[data-warna="biru"]) [stroke="#6FAF8A" i]{stroke:#8ea3c0}
:where(html[data-warna="biru"]) [stroke="#7A9A88" i]{stroke:#8894a5}
:where(html[data-warna="biru"]) [stroke="#9BBBA9" i]{stroke:#a9b5c5}
:where(html[data-warna="biru"]) [stroke="#CFE2D6" i]{stroke:#d7dee7}
:where(html[data-warna="biru"]) [stroke="#D6EADD" i]{stroke:#dee6ee}
:where(html[data-warna="biru"]) [stroke="#E3EFE7" i]{stroke:#e7edf2}
:where(html[data-warna="biru"]) [stroke="#d6eadd" i]{stroke:#dee6ee}
:where(html[data-warna="biru"]) [stroke="#e3efe7" i]{stroke:#e7edf2}
.wr button[data-w="biru"] i{background:#2f6bba}
html[data-warna="biru"] .mark{background-image:url("icons/mark-biru.png")}
html[data-warna="biru"] .sp-logo{background-image:url("icons/splash-biru.png")}
/* tema merah */
html[data-warna="merah"]{--sr-l:#ddc7ca;--sr-b:#d1a4a8;--sr-m:#cb5e67;--sr-t:#732024;--sr-n:#f3eaeb}
html[data-warna="merah"]{--pri:#c6323e;--pri-d:#9e2628;--bar:#ae2c36;--tint:#f8f3f3;--tint2:#f0e2e4;--line:#e9dadc}
:where(html[data-warna="merah"]) .cont .sm{color:#f0e2e4}
:where(html[data-warna="merah"]) .gr .btn.pri small{color:#f0e2e4}
:where(html[data-warna="merah"]) .stack{background:#f3eaeb}
:where(html[data-warna="merah"]) .skv .gd{stroke:#f3eaeb}
:where(html[data-warna="merah"]) .skb path{stroke:#f0e2e4}
:where(html[data-warna="merah"]) .skf path{stroke:#612325}
:where(html[data-warna="merah"]) .skf path.cur{stroke:#c6323e}
:where(html[data-warna="merah"]) .mo{background:rgba(71,24,27,.5)}
html[data-warna="merah"]{--surf:#f9f5f5;--hair:#f1e9ea;--ink:#32191b;--ink2:#715257;--ink3:#85686a}
:where(html[data-warna="merah"]) .tick{border-color:#dccdcf}
:where(html[data-warna="merah"]) .opt-row input[type=checkbox]{background:#dccdcf}
:where(html[data-warna="merah"]) .set input[type=checkbox]{background:#dccdcf}
:where(html[data-warna="merah"]) .chk input[type=checkbox]{border:2px solid #ccb7bb}
:where(html[data-warna="merah"]) .fl input[type=checkbox]{border:2px solid #ccb7bb}
:where(html[data-warna="merah"]) .smo input[type=radio]{border:2px solid #ccb7bb}
:where(html[data-warna="merah"]) .ntb .ni{border-left:2px solid #dccdcf}
html[data-tema="gelap"][data-warna="merah"]{color-scheme:dark;--bg:#181111;--w:#22191a;--surf:#2b1f20;--hair:#37292a;--line:#433334;--tint:#352224;--tint2:#563131;--ink:#f3eded;--ink2:#cfbec1;--ink3:#ad9799;--pri:#c7414d;--pri-d:#e1abae;--bar:#722427;--sr-l:#63484b;--sr-b:#bc676e;--sr-m:#cf9094;--sr-t:#efc5c8;--sr-n:var(--line);--chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%23e8f0eb' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
:where(html[data-tema="gelap"][data-warna="merah"]) .btn.inv{background:var(--w);border-color:var(--w)}
:where(html[data-tema="gelap"][data-warna="merah"]) .stack{background:var(--line)}
:where(html[data-tema="gelap"][data-warna="merah"]) .skv{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="merah"]) .skv .gd{stroke:var(--line)}
:where(html[data-tema="gelap"][data-warna="merah"]) .skb path{stroke:var(--tint2)}
:where(html[data-tema="gelap"][data-warna="merah"]) .skf path{stroke:var(--ink)}
:where(html[data-tema="gelap"][data-warna="merah"]) .skf path.cur{stroke:var(--pri-d)}
:where(html[data-tema="gelap"][data-warna="merah"]) .mo{background:rgba(0,0,0,.62)}
:where(html[data-tema="gelap"][data-warna="merah"]) .side a:hover{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="merah"]) .grp>*+*{border-top:2px solid var(--w)}
:where(html[data-tema="gelap"][data-warna="merah"]) .stat .bar2{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="merah"]) .tick{border-color:#594346}
:where(html[data-tema="gelap"][data-warna="merah"]) .hub,:where(html[data-tema="gelap"][data-warna="merah"]) .str{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="merah"]) .gb .warn{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="merah"]) .ex1{border-bottom:2px solid var(--w)}
:where(html[data-tema="gelap"][data-warna="merah"]) .opt-row input[type=checkbox],:where(html[data-tema="gelap"][data-warna="merah"]) .set input[type=checkbox]{background:#594346}
:where(html[data-tema="gelap"][data-warna="merah"]) .chk input[type=checkbox],:where(html[data-tema="gelap"][data-warna="merah"]) .fl input[type=checkbox]{border:2px solid #6c5457;background:var(--w)}
:where(html[data-tema="gelap"][data-warna="merah"]) .smo input[type=radio]{border:2px solid #6c5457;background:var(--w)}
:where(html[data-tema="gelap"][data-warna="merah"]) .sf input:focus,:where(html[data-tema="gelap"][data-warna="merah"]) .in:focus{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="merah"]) .seg button.on{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="merah"]) .grp .seg{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="merah"]) .btn.inv{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="merah"]) .opt .lt{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="merah"]) .opt.no{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="merah"]) .card select,:where(html[data-tema="gelap"][data-warna="merah"]) .grp select{background-color:var(--w)}
:where(html[data-tema="gelap"][data-warna="merah"]) .card .seg{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="merah"]) .sr.col .btn{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="merah"]) .grp .btn{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="merah"]) .nt{border-top:2px solid var(--w)}
:where(html[data-tema="gelap"][data-warna="merah"]) .ntb .ni{border-left:2px solid #594346}
:where(html[data-tema="gelap"][data-warna="merah"]) .pad .btn{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="merah"]) .bar{background:var(--bar);color:#fff}
:where(html[data-tema="gelap"][data-warna="merah"]) .nav a.on,:where(html[data-tema="gelap"][data-warna="merah"]) .ovh .jpn,:where(html[data-tema="gelap"][data-warna="merah"]) .sc .pl,:where(html[data-tema="gelap"][data-warna="merah"]) .bn,:where(html[data-tema="gelap"][data-warna="merah"]) .gn{color:var(--pri-d)}
:where(html[data-tema="gelap"][data-warna="merah"]) .btn.pri:active{background:#c23844}
:where(html[data-tema="gelap"][data-warna="merah"]) .seg button.on{background:var(--tint2);color:var(--pri-d)}
:where(html[data-tema="gelap"][data-warna="merah"]) .md{border:1px solid var(--line)}
:where(html[data-tema="gelap"][data-warna="merah"]) svg [stroke="#d6eadd"]{stroke:var(--line)}
:where(html[data-tema="gelap"][data-warna="merah"]) svg [stroke="#1f7a45"]{stroke:var(--pri-d)}
:where(html[data-warna="merah"]) [fill="#14663C" i]{fill:#ac2223}
:where(html[data-warna="merah"]) [fill="#173F2A" i]{fill:#612325}
:where(html[data-warna="merah"]) [fill="#17603A" i]{fill:#9e2628}
:where(html[data-warna="merah"]) [fill="#1E2B23" i]{fill:#342426}
:where(html[data-warna="merah"]) [fill="#1F7A45" i]{fill:#c6323e}
:where(html[data-warna="merah"]) [fill="#3E7A52" i]{fill:#a75562}
:where(html[data-warna="merah"]) [fill="#3F6B52" i]{fill:#8b5256}
:where(html[data-warna="merah"]) [fill="#6FAF8A" i]{fill:#c59699}
:where(html[data-warna="merah"]) [fill="#7A9A88" i]{fill:#a88c8e}
:where(html[data-warna="merah"]) [fill="#7CBD97" i]{fill:#d1a4a8}
:where(html[data-warna="merah"]) [fill="#9BBBA9" i]{fill:#c8adaf}
:where(html[data-warna="merah"]) [fill="#A9D3B8" i]{fill:#e0c2c6}
:where(html[data-warna="merah"]) [fill="#B7C4BA" i]{fill:#cabec1}
:where(html[data-warna="merah"]) [fill="#CFE2D6" i]{fill:#e9dadc}
:where(html[data-warna="merah"]) [fill="#E3EFE7" i]{fill:#f3eaeb}
:where(html[data-warna="merah"]) [fill="#EEF6F1" i]{fill:#f8f3f3}
:where(html[data-warna="merah"]) [fill="#F5FAF7" i]{fill:#fbf8f8}
:where(html[data-warna="merah"]) [stroke="#173F2A" i]{stroke:#612325}
:where(html[data-warna="merah"]) [stroke="#173f2a" i]{stroke:#612325}
:where(html[data-warna="merah"]) [stroke="#17603A" i]{stroke:#9e2628}
:where(html[data-warna="merah"]) [stroke="#1F7A45" i]{stroke:#c6323e}
:where(html[data-warna="merah"]) [stroke="#1f7a45" i]{stroke:#c6323e}
:where(html[data-warna="merah"]) [stroke="#4A5A4E" i]{stroke:#635256}
:where(html[data-warna="merah"]) [stroke="#6FAF8A" i]{stroke:#c59699}
:where(html[data-warna="merah"]) [stroke="#7A9A88" i]{stroke:#a88c8e}
:where(html[data-warna="merah"]) [stroke="#9BBBA9" i]{stroke:#c8adaf}
:where(html[data-warna="merah"]) [stroke="#CFE2D6" i]{stroke:#e9dadc}
:where(html[data-warna="merah"]) [stroke="#D6EADD" i]{stroke:#f0e2e4}
:where(html[data-warna="merah"]) [stroke="#E3EFE7" i]{stroke:#f3eaeb}
:where(html[data-warna="merah"]) [stroke="#d6eadd" i]{stroke:#f0e2e4}
:where(html[data-warna="merah"]) [stroke="#e3efe7" i]{stroke:#f3eaeb}
.wr button[data-w="merah"] i{background:#c6323e}
html[data-warna="merah"] .mark{background-image:url("icons/mark-merah.png")}
html[data-warna="merah"] .sp-logo{background-image:url("icons/splash-merah.png")}
/* tema ungu */
html[data-warna="ungu"]{--sr-l:#d1c9de;--sr-b:#bba7d3;--sr-m:#996acf;--sr-t:#542583;--sr-n:#eeebf3}
html[data-warna="ungu"]{--pri:#8949d1;--pri-d:#742bb5;--bar:#7c34cc;--tint:#f5f3f9;--tint2:#e8e3f1;--line:#e1dbe9}
:where(html[data-warna="ungu"]) .cont .sm{color:#e8e3f1}
:where(html[data-warna="ungu"]) .gr .btn.pri small{color:#e8e3f1}
:where(html[data-warna="ungu"]) .stack{background:#eeebf3}
:where(html[data-warna="ungu"]) .skv .gd{stroke:#eeebf3}
:where(html[data-warna="ungu"]) .skb path{stroke:#e8e3f1}
:where(html[data-warna="ungu"]) .skf path{stroke:#4a276a}
:where(html[data-warna="ungu"]) .skf path.cur{stroke:#8949d1}
:where(html[data-warna="ungu"]) .mo{background:rgba(52,26,79,.5)}
html[data-warna="ungu"]{--surf:#f7f5f9;--hair:#ede9f1;--ink:#281b35;--ink2:#615574;--ink3:#786987}
:where(html[data-warna="ungu"]) .tick{border-color:#d4cedd}
:where(html[data-warna="ungu"]) .opt-row input[type=checkbox]{background:#d4cedd}
:where(html[data-warna="ungu"]) .set input[type=checkbox]{background:#d4cedd}
:where(html[data-warna="ungu"]) .chk input[type=checkbox]{border:2px solid #c1b9cd}
:where(html[data-warna="ungu"]) .fl input[type=checkbox]{border:2px solid #c1b9cd}
:where(html[data-warna="ungu"]) .smo input[type=radio]{border:2px solid #c1b9cd}
:where(html[data-warna="ungu"]) .ntb .ni{border-left:2px solid #d4cedd}
html[data-tema="gelap"][data-warna="ungu"]{color-scheme:dark;--bg:#151118;--w:#1e1923;--surf:#251f2c;--hair:#302a38;--line:#3c3444;--tint:#2c2336;--tint2:#483359;--ink:#f0edf3;--ink2:#c6bfd0;--ink3:#a299ae;--pri:#8c55cc;--pri-d:#c8afe2;--bar:#55287f;--sr-l:#564a65;--sr-b:#956fc0;--sr-m:#b194d1;--sr-t:#dbc7f0;--sr-n:var(--line);--chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%23e8f0eb' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
:where(html[data-tema="gelap"][data-warna="ungu"]) .btn.inv{background:var(--w);border-color:var(--w)}
:where(html[data-tema="gelap"][data-warna="ungu"]) .stack{background:var(--line)}
:where(html[data-tema="gelap"][data-warna="ungu"]) .skv{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="ungu"]) .skv .gd{stroke:var(--line)}
:where(html[data-tema="gelap"][data-warna="ungu"]) .skb path{stroke:var(--tint2)}
:where(html[data-tema="gelap"][data-warna="ungu"]) .skf path{stroke:var(--ink)}
:where(html[data-tema="gelap"][data-warna="ungu"]) .skf path.cur{stroke:var(--pri-d)}
:where(html[data-tema="gelap"][data-warna="ungu"]) .mo{background:rgba(0,0,0,.62)}
:where(html[data-tema="gelap"][data-warna="ungu"]) .side a:hover{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="ungu"]) .grp>*+*{border-top:2px solid var(--w)}
:where(html[data-tema="gelap"][data-warna="ungu"]) .stat .bar2{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="ungu"]) .tick{border-color:#4e455b}
:where(html[data-tema="gelap"][data-warna="ungu"]) .hub,:where(html[data-tema="gelap"][data-warna="ungu"]) .str{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="ungu"]) .gb .warn{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="ungu"]) .ex1{border-bottom:2px solid var(--w)}
:where(html[data-tema="gelap"][data-warna="ungu"]) .opt-row input[type=checkbox],:where(html[data-tema="gelap"][data-warna="ungu"]) .set input[type=checkbox]{background:#4e455b}
:where(html[data-tema="gelap"][data-warna="ungu"]) .chk input[type=checkbox],:where(html[data-tema="gelap"][data-warna="ungu"]) .fl input[type=checkbox]{border:2px solid #60566e;background:var(--w)}
:where(html[data-tema="gelap"][data-warna="ungu"]) .smo input[type=radio]{border:2px solid #60566e;background:var(--w)}
:where(html[data-tema="gelap"][data-warna="ungu"]) .sf input:focus,:where(html[data-tema="gelap"][data-warna="ungu"]) .in:focus{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="ungu"]) .seg button.on{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="ungu"]) .grp .seg{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="ungu"]) .btn.inv{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="ungu"]) .opt .lt{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="ungu"]) .opt.no{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="ungu"]) .card select,:where(html[data-tema="gelap"][data-warna="ungu"]) .grp select{background-color:var(--w)}
:where(html[data-tema="gelap"][data-warna="ungu"]) .card .seg{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="ungu"]) .sr.col .btn{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="ungu"]) .grp .btn{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="ungu"]) .nt{border-top:2px solid var(--w)}
:where(html[data-tema="gelap"][data-warna="ungu"]) .ntb .ni{border-left:2px solid #4e455b}
:where(html[data-tema="gelap"][data-warna="ungu"]) .pad .btn{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="ungu"]) .bar{background:var(--bar);color:#fff}
:where(html[data-tema="gelap"][data-warna="ungu"]) .nav a.on,:where(html[data-tema="gelap"][data-warna="ungu"]) .ovh .jpn,:where(html[data-tema="gelap"][data-warna="ungu"]) .sc .pl,:where(html[data-tema="gelap"][data-warna="ungu"]) .bn,:where(html[data-tema="gelap"][data-warna="ungu"]) .gn{color:var(--pri-d)}
:where(html[data-tema="gelap"][data-warna="ungu"]) .btn.pri:active{background:#874ccc}
:where(html[data-tema="gelap"][data-warna="ungu"]) .seg button.on{background:var(--tint2);color:var(--pri-d)}
:where(html[data-tema="gelap"][data-warna="ungu"]) .md{border:1px solid var(--line)}
:where(html[data-tema="gelap"][data-warna="ungu"]) svg [stroke="#d6eadd"]{stroke:var(--line)}
:where(html[data-tema="gelap"][data-warna="ungu"]) svg [stroke="#1f7a45"]{stroke:var(--pri-d)}
:where(html[data-warna="ungu"]) [fill="#14663C" i]{fill:#7d27c7}
:where(html[data-warna="ungu"]) [fill="#173F2A" i]{fill:#4a276a}
:where(html[data-warna="ungu"]) [fill="#17603A" i]{fill:#742bb5}
:where(html[data-warna="ungu"]) [fill="#1E2B23" i]{fill:#2c2535}
:where(html[data-warna="ungu"]) [fill="#1F7A45" i]{fill:#8949d1}
:where(html[data-warna="ungu"]) [fill="#3E7A52" i]{fill:#7d5fae}
:where(html[data-warna="ungu"]) [fill="#3F6B52" i]{fill:#725591}
:where(html[data-warna="ungu"]) [fill="#6FAF8A" i]{fill:#ae99c6}
:where(html[data-warna="ungu"]) [fill="#7A9A88" i]{fill:#9b8ea9}
:where(html[data-warna="ungu"]) [fill="#7CBD97" i]{fill:#bba7d3}
:where(html[data-warna="ungu"]) [fill="#9BBBA9" i]{fill:#bbafc8}
:where(html[data-warna="ungu"]) [fill="#A9D3B8" i]{fill:#d0c4e1}
:where(html[data-warna="ungu"]) [fill="#B7C4BA" i]{fill:#c2bfcb}
:where(html[data-warna="ungu"]) [fill="#CFE2D6" i]{fill:#e1dbe9}
:where(html[data-warna="ungu"]) [fill="#E3EFE7" i]{fill:#eeebf3}
:where(html[data-warna="ungu"]) [fill="#EEF6F1" i]{fill:#f5f3f9}
:where(html[data-warna="ungu"]) [fill="#F5FAF7" i]{fill:#faf8fc}
:where(html[data-warna="ungu"]) [stroke="#173F2A" i]{stroke:#4a276a}
:where(html[data-warna="ungu"]) [stroke="#173f2a" i]{stroke:#4a276a}
:where(html[data-warna="ungu"]) [stroke="#17603A" i]{stroke:#742bb5}
:where(html[data-warna="ungu"]) [stroke="#1F7A45" i]{stroke:#8949d1}
:where(html[data-warna="ungu"]) [stroke="#1f7a45" i]{stroke:#8949d1}
:where(html[data-warna="ungu"]) [stroke="#4A5A4E" i]{stroke:#595365}
:where(html[data-warna="ungu"]) [stroke="#6FAF8A" i]{stroke:#ae99c6}
:where(html[data-warna="ungu"]) [stroke="#7A9A88" i]{stroke:#9b8ea9}
:where(html[data-warna="ungu"]) [stroke="#9BBBA9" i]{stroke:#bbafc8}
:where(html[data-warna="ungu"]) [stroke="#CFE2D6" i]{stroke:#e1dbe9}
:where(html[data-warna="ungu"]) [stroke="#D6EADD" i]{stroke:#e8e3f1}
:where(html[data-warna="ungu"]) [stroke="#E3EFE7" i]{stroke:#eeebf3}
:where(html[data-warna="ungu"]) [stroke="#d6eadd" i]{stroke:#e8e3f1}
:where(html[data-warna="ungu"]) [stroke="#e3efe7" i]{stroke:#eeebf3}
.wr button[data-w="ungu"] i{background:#8949d1}
html[data-warna="ungu"] .mark{background-image:url("icons/mark-ungu.png")}
html[data-warna="ungu"] .sp-logo{background-image:url("icons/splash-ungu.png")}
/* tema abu */
html[data-warna="abu"]{--sr-l:#cbcdcc;--sr-b:#acb0ae;--sr-m:#79827d;--sr-t:#3a3f3d;--sr-n:#ebecec}
html[data-warna="abu"]{--pri:#646d68;--pri-d:#4f5652;--bar:#585f5b;--tint:#f4f4f4;--tint2:#e4e5e5;--line:#dcdedd}
:where(html[data-warna="abu"]) .cont .sm{color:#e4e5e5}
:where(html[data-warna="abu"]) .gr .btn.pri small{color:#e4e5e5}
:where(html[data-warna="abu"]) .stack{background:#ebecec}
:where(html[data-warna="abu"]) .skv .gd{stroke:#ebecec}
:where(html[data-warna="abu"]) .skb path{stroke:#e4e5e5}
:where(html[data-warna="abu"]) .skf path{stroke:#353837}
:where(html[data-warna="abu"]) .skf path.cur{stroke:#646d68}
:where(html[data-warna="abu"]) .mo{background:rgba(37,40,38,.5)}
html[data-warna="abu"]{--surf:#f6f6f6;--hair:#eaebea;--ink:#1f2120;--ink2:#595b59;--ink3:#6e706e}
:where(html[data-warna="abu"]) .tick{border-color:#cfd1d0}
:where(html[data-warna="abu"]) .opt-row input[type=checkbox]{background:#cfd1d0}
:where(html[data-warna="abu"]) .set input[type=checkbox]{background:#cfd1d0}
:where(html[data-warna="abu"]) .chk input[type=checkbox]{border:2px solid #bbbcbb}
:where(html[data-warna="abu"]) .fl input[type=checkbox]{border:2px solid #bbbcbb}
:where(html[data-warna="abu"]) .smo input[type=radio]{border:2px solid #bbbcbb}
:where(html[data-warna="abu"]) .ntb .ni{border-left:2px solid #cfd1d0}
html[data-tema="gelap"][data-warna="abu"]{color-scheme:dark;--bg:#121313;--w:#1b1b1b;--surf:#212221;--hair:#2c2c2c;--line:#363736;--tint:#262726;--tint2:#3a3c3b;--ink:#eeeeee;--ink2:#c1c2c2;--ink3:#9b9d9c;--pri:#6a736e;--pri-d:#b5bab7;--bar:#3c403e;--sr-l:#4d4f4e;--sr-b:#7b827e;--sr-m:#9ca29f;--sr-t:#ccd0ce;--sr-n:var(--line);--chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%23e8f0eb' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
:where(html[data-tema="gelap"][data-warna="abu"]) .btn.inv{background:var(--w);border-color:var(--w)}
:where(html[data-tema="gelap"][data-warna="abu"]) .stack{background:var(--line)}
:where(html[data-tema="gelap"][data-warna="abu"]) .skv{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="abu"]) .skv .gd{stroke:var(--line)}
:where(html[data-tema="gelap"][data-warna="abu"]) .skb path{stroke:var(--tint2)}
:where(html[data-tema="gelap"][data-warna="abu"]) .skf path{stroke:var(--ink)}
:where(html[data-tema="gelap"][data-warna="abu"]) .skf path.cur{stroke:var(--pri-d)}
:where(html[data-tema="gelap"][data-warna="abu"]) .mo{background:rgba(0,0,0,.62)}
:where(html[data-tema="gelap"][data-warna="abu"]) .side a:hover{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="abu"]) .grp>*+*{border-top:2px solid var(--w)}
:where(html[data-tema="gelap"][data-warna="abu"]) .stat .bar2{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="abu"]) .tick{border-color:#484948}
:where(html[data-tema="gelap"][data-warna="abu"]) .hub,:where(html[data-tema="gelap"][data-warna="abu"]) .str{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="abu"]) .gb .warn{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="abu"]) .ex1{border-bottom:2px solid var(--w)}
:where(html[data-tema="gelap"][data-warna="abu"]) .opt-row input[type=checkbox],:where(html[data-tema="gelap"][data-warna="abu"]) .set input[type=checkbox]{background:#484948}
:where(html[data-tema="gelap"][data-warna="abu"]) .chk input[type=checkbox],:where(html[data-tema="gelap"][data-warna="abu"]) .fl input[type=checkbox]{border:2px solid #595b5a;background:var(--w)}
:where(html[data-tema="gelap"][data-warna="abu"]) .smo input[type=radio]{border:2px solid #595b5a;background:var(--w)}
:where(html[data-tema="gelap"][data-warna="abu"]) .sf input:focus,:where(html[data-tema="gelap"][data-warna="abu"]) .in:focus{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="abu"]) .seg button.on{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="abu"]) .grp .seg{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="abu"]) .btn.inv{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="abu"]) .opt .lt{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="abu"]) .opt.no{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="abu"]) .card select,:where(html[data-tema="gelap"][data-warna="abu"]) .grp select{background-color:var(--w)}
:where(html[data-tema="gelap"][data-warna="abu"]) .card .seg{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="abu"]) .sr.col .btn{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="abu"]) .grp .btn{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="abu"]) .nt{border-top:2px solid var(--w)}
:where(html[data-tema="gelap"][data-warna="abu"]) .ntb .ni{border-left:2px solid #484948}
:where(html[data-tema="gelap"][data-warna="abu"]) .pad .btn{background:var(--w)}
:where(html[data-tema="gelap"][data-warna="abu"]) .bar{background:var(--bar);color:#fff}
:where(html[data-tema="gelap"][data-warna="abu"]) .nav a.on,:where(html[data-tema="gelap"][data-warna="abu"]) .ovh .jpn,:where(html[data-tema="gelap"][data-warna="abu"]) .sc .pl,:where(html[data-tema="gelap"][data-warna="abu"]) .bn,:where(html[data-tema="gelap"][data-warna="abu"]) .gn{color:var(--pri-d)}
:where(html[data-tema="gelap"][data-warna="abu"]) .btn.pri:active{background:#656d68}
:where(html[data-tema="gelap"][data-warna="abu"]) .seg button.on{background:var(--tint2);color:var(--pri-d)}
:where(html[data-tema="gelap"][data-warna="abu"]) .md{border:1px solid var(--line)}
:where(html[data-tema="gelap"][data-warna="abu"]) svg [stroke="#d6eadd"]{stroke:var(--line)}
:where(html[data-tema="gelap"][data-warna="abu"]) svg [stroke="#1f7a45"]{stroke:var(--pri-d)}
:where(html[data-warna="abu"]) [fill="#14663C" i]{fill:#535b57}
:where(html[data-warna="abu"]) [fill="#173F2A" i]{fill:#353837}
:where(html[data-warna="abu"]) [fill="#17603A" i]{fill:#4f5652}
:where(html[data-warna="abu"]) [fill="#1E2B23" i]{fill:#272828}
:where(html[data-warna="abu"]) [fill="#1F7A45" i]{fill:#646d68}
:where(html[data-warna="abu"]) [fill="#3E7A52" i]{fill:#6a6f6c}
:where(html[data-warna="abu"]) [fill="#3F6B52" i]{fill:#5f6361}
:where(html[data-warna="abu"]) [fill="#6FAF8A" i]{fill:#9fa2a0}
:where(html[data-warna="abu"]) [fill="#7A9A88" i]{fill:#919392}
:where(html[data-warna="abu"]) [fill="#7CBD97" i]{fill:#acb0ae}
:where(html[data-warna="abu"]) [fill="#9BBBA9" i]{fill:#b2b4b3}
:where(html[data-warna="abu"]) [fill="#A9D3B8" i]{fill:#c7cac8}
:where(html[data-warna="abu"]) [fill="#B7C4BA" i]{fill:#c0c1c0}
:where(html[data-warna="abu"]) [fill="#CFE2D6" i]{fill:#dcdedd}
:where(html[data-warna="abu"]) [fill="#E3EFE7" i]{fill:#ebecec}
:where(html[data-warna="abu"]) [fill="#EEF6F1" i]{fill:#f4f4f4}
:where(html[data-warna="abu"]) [fill="#F5FAF7" i]{fill:#f9f9f9}
:where(html[data-warna="abu"]) [stroke="#173F2A" i]{stroke:#353837}
:where(html[data-warna="abu"]) [stroke="#173f2a" i]{stroke:#353837}
:where(html[data-warna="abu"]) [stroke="#17603A" i]{stroke:#4f5652}
:where(html[data-warna="abu"]) [stroke="#1F7A45" i]{stroke:#646d68}
:where(html[data-warna="abu"]) [stroke="#1f7a45" i]{stroke:#646d68}
:where(html[data-warna="abu"]) [stroke="#4A5A4E" i]{stroke:#555655}
:where(html[data-warna="abu"]) [stroke="#6FAF8A" i]{stroke:#9fa2a0}
:where(html[data-warna="abu"]) [stroke="#7A9A88" i]{stroke:#919392}
:where(html[data-warna="abu"]) [stroke="#9BBBA9" i]{stroke:#b2b4b3}
:where(html[data-warna="abu"]) [stroke="#CFE2D6" i]{stroke:#dcdedd}
:where(html[data-warna="abu"]) [stroke="#D6EADD" i]{stroke:#e4e5e5}
:where(html[data-warna="abu"]) [stroke="#E3EFE7" i]{stroke:#ebecec}
:where(html[data-warna="abu"]) [stroke="#d6eadd" i]{stroke:#e4e5e5}
:where(html[data-warna="abu"]) [stroke="#e3efe7" i]{stroke:#ebecec}
.wr button[data-w="abu"] i{background:#646d68}
html[data-warna="abu"] .mark{background-image:url("icons/mark-abu.png")}
html[data-warna="abu"] .sp-logo{background-image:url("icons/splash-abu.png")}
.wr button[data-w="hijau"] i{background:#1f7a45}
/* ===== akhir v31 warna tema ===== */