:root{--bg:#0b0f14;--panel:#141a22;--panel2:#1b2430;--line:#232b36;--text:#e9eef5;--mute:#8d98a8;--g:#3ddc84;--g2:#2bb86c;--ink:#04210f;--red:#ff6b6b}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 "Plus Jakarta Sans",system-ui,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%}:focus-visible{outline:2px solid var(--g);outline-offset:2px}.wrap{max-width:1200px;margin:auto;padding:0 18px}.top{position:sticky;top:0;z-index:10;background:rgba(11,15,20,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.top .wrap{display:flex;align-items:center;justify-content:space-between;height:60px}.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px}.mark{width:30px;height:30px;border-radius:9px;background:var(--g);color:var(--ink);display:grid;place-items:center;font-size:13px}.nav{display:flex;gap:8px}.btn{display:inline-block;background:var(--g);color:var(--ink);font:inherit;font-weight:700;padding:11px 22px;border-radius:12px;border:0;cursor:pointer;text-align:center}.btn:hover{background:var(--g2)}.btn.ghost{background:var(--panel2);color:var(--text)}.btn.ghost:hover{background:var(--line)}.btn.danger{background:rgba(255,107,107,.14);color:var(--red)}.btn.sm{padding:7px 14px;font-size:13px;border-radius:10px}.btn.block{display:block;width:100%;padding:14px;font-size:16px}.hero{padding:34px 0 10px}.hero h1{font-size:clamp(28px,6vw,46px);line-height:1.12;letter-spacing:-.025em;margin:0 0 10px;max-width:15em;font-weight:800}.hero p{color:var(--mute);margin:0 0 20px;max-width:34em}.bigsearch{display:flex;gap:6px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:6px;max-width:620px}.bigsearch:focus-within{border-color:var(--g)}.bigsearch input{flex:1;min-width:0;background:transparent;border:0;color:var(--text);font:inherit;font-size:16px;padding:10px 12px;outline:0}.chips{display:flex;gap:8px;overflow-x:auto;padding:18px 0 14px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chips a{flex:none;padding:7px 16px;border-radius:99px;background:var(--panel);color:var(--mute);font-weight:600;font-size:14px}.chips a.on{background:var(--g);color:var(--ink)}.count{color:var(--mute);margin:0 0 12px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-bottom:36px}@media(min-width:640px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:900px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.card{display:block;background:var(--panel);border-radius:20px;padding:12px;transition:background .15s}.card:hover{background:var(--panel2)}.ic{display:block;width:100%;aspect-ratio:1;border-radius:16px;object-fit:cover;background:var(--panel2)}.ph{display:grid;place-items:center;font-size:34px;font-weight:800;color:var(--g)}.card h3{margin:10px 0 3px;font-size:15px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sub{color:var(--mute);font-size:12.5px}.pill{display:inline-block;background:rgba(61,220,132,.13);color:var(--g);border-radius:99px;padding:1px 10px;font-size:12px;font-weight:700}.empty{text-align:center;color:var(--mute);padding:70px 0}.pager{display:flex;gap:6px;justify-content:center;padding-bottom:40px;flex-wrap:wrap}.pager a{min-width:40px;text-align:center;padding:8px 12px;border-radius:10px;background:var(--panel)}.pager a.on{background:var(--g);color:var(--ink);font-weight:700}footer.foot{border-top:1px solid var(--line);color:var(--mute);text-align:center;padding:24px;font-size:13px}.back{display:inline-block;color:var(--mute);margin-top:18px}.dhead{display:flex;gap:18px;align-items:center;padding:14px 0}.dhead .ic{width:104px;flex:none;border-radius:26px}.dhead h1{margin:0 0 6px;font-size:clamp(22px,5vw,32px);line-height:1.15;letter-spacing:-.02em}.stats3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0 18px}.stat{background:var(--panel);border-radius:14px;padding:12px 8px;text-align:center}.stat b{display:block;font-size:17px}.stat span{color:var(--mute);font-size:12px}.panel{background:var(--panel);border-radius:18px;padding:18px 20px}.panel h2{margin:0 0 6px;font-size:17px}.feat{margin:0;padding:0}.feat li{list-style:none;padding:9px 0 9px 28px;position:relative;border-bottom:1px solid var(--line)}.feat li:last-child{border:0}.feat li:before{content:"✔";position:absolute;left:0;color:var(--g)}.dlbar{position:sticky;bottom:0;margin-top:22px;padding:12px 0;background:rgba(11,15,20,.94);backdrop-filter:blur(10px);border-top:1px solid var(--line)}.dlbar .wrap{display:flex;gap:12px;align-items:center}.dlbar .btn{flex:1;padding:14px;font-size:16px}.auth{min-height:100vh;display:grid}@media(min-width:860px){.auth{grid-template-columns:1fr 1fr}}.authside{display:none;background:var(--panel);padding:56px;flex-direction:column;justify-content:space-between}@media(min-width:860px){.authside{display:flex}}.authside h2{font-size:34px;line-height:1.15;letter-spacing:-.02em;margin:0 0 14px;max-width:11em}.authside ol{color:var(--mute);padding-left:20px;line-height:2}.authmain{display:grid;place-items:center;padding:24px}.authbox{width:100%;max-width:380px}.authbox h1{font-size:28px;margin:18px 0 4px;letter-spacing:-.02em}.authbox .sub{margin:0 0 22px;font-size:14px}.field{margin-bottom:16px}.field label{display:block;font-weight:600;font-size:14px;margin-bottom:6px}.field .hint{color:var(--mute);font-size:12.5px;margin-top:5px}input[type=text],input[type=password],input[type=url],textarea,select{width:100%;padding:13px 14px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;font-size:16px}input:focus,textarea:focus{border-color:var(--g);outline:0}textarea{min-height:170px;resize:vertical}input[type=file]{color:var(--mute);width:100%}.pw{position:relative}.pw button{position:absolute;right:6px;top:6px;bottom:6px;background:var(--panel2);color:var(--mute);border:0;border-radius:8px;padding:0 12px;font:inherit;font-size:13px;cursor:pointer}.flash{padding:12px 16px;border-radius:12px;margin:0 0 16px;font-size:14px}.flash.err{background:rgba(255,107,107,.12);color:var(--red)}.flash.ok{background:rgba(61,220,132,.12);color:var(--g)}.bar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:24px 0 14px}.bar h1{margin:0;font-size:24px;letter-spacing:-.02em}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.stats .stat{text-align:left;padding:14px 16px}.stats .stat b{font-size:24px}.row{display:flex;align-items:center;gap:12px;background:var(--panel);border-radius:16px;padding:10px 12px;margin-bottom:8px}.row .ic{width:52px;flex:none;border-radius:13px;font-size:20px}.row .t{flex:1;min-width:0}.row .t b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acts{display:flex;gap:6px;flex:none}.acts form{margin:0}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ps{background:rgba(61,220,132,.07);border:1px solid rgba(61,220,132,.35);border-radius:18px;padding:16px 16px 4px;margin-bottom:18px}.ps b{display:block;margin-bottom:4px}.pv img{width:84px;height:84px;border-radius:20px;object-fit:cover;margin-top:10px;display:block}@media(max-width:520px){.row .acts .btn{padding:7px 10px}.stats .stat b{font-size:20px}.two{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.hsearch{display:none}.herolist{display:none}.herolist h2{font-size:15px;margin:0 0 12px;color:var(--mute);font-weight:600}.mini{display:flex;gap:12px;align-items:center;background:var(--panel);border-radius:16px;padding:10px;margin-bottom:10px;transition:background .15s}.mini:hover{background:var(--panel2)}.mini .ic{width:56px;flex:none;border-radius:14px;font-size:22px}.mini b{display:block;line-height:1.3}.btn.dinline{display:none}.adm{max-width:980px}.fgrid{display:block}@media(min-width:900px){body{font-size:16px}.top .wrap{height:68px}.hsearch{display:flex;flex:1;max-width:420px;margin:0 24px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.hsearch:focus-within{border-color:var(--g)}.hsearch input{flex:1;min-width:0;background:transparent;border:0;color:var(--text);font:inherit;padding:9px 14px;outline:0}.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:56px;align-items:center;padding:60px 0 28px}.hero h1{font-size:54px}.herolist{display:block}.grid{gap:18px}.dwrap{display:grid;grid-template-columns:340px 1fr;gap:36px;align-items:start;padding-top:10px}.dside{position:sticky;top:92px}.dside .dhead{flex-direction:column;align-items:flex-start;gap:16px}.dside .dhead .ic{width:160px}.btn.dinline{display:block}.dlbar{display:none}.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.fgrid textarea{min-height:280px}.panel{padding:24px 28px}}@media(min-width:1180px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.mf h2{margin:0 0 4px;font-size:17px}.mf .sub{margin:0 0 14px}.mf textarea{min-height:110px}.types{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.tp{position:relative}.tp input{position:absolute;opacity:0}.tp span{display:inline-block;padding:7px 14px;border-radius:99px;background:var(--panel2);color:var(--mute);font-weight:600;font-size:14px;cursor:pointer}.tp input:checked+span{background:var(--g);color:var(--ink)}.tp input:focus-visible+span{outline:2px solid var(--g);outline-offset:2px}.nb{background:var(--g);color:var(--ink);border-radius:99px;font-size:12px;padding:0 7px;margin-left:6px;font-weight:800}.msg{background:var(--panel);border-radius:16px;padding:14px 16px;margin-bottom:10px}.msg.new{box-shadow:inset 3px 0 0 var(--g)}.top2{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}.mbody{margin:10px 0;white-space:pre-wrap;word-break:break-word}.tb-broken{background:rgba(255,107,107,.14);color:var(--red)}.tb-report{background:rgba(255,184,77,.14);color:#ffb84d}.tb-other{background:var(--panel2);color:var(--mute)}.types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 14px}.tp{position:relative;display:block}.tp input{position:absolute;opacity:0;pointer-events:none}.tp span{display:block;height:100%;padding:12px 14px;border-radius:14px;background:var(--panel2);border:1.5px solid transparent;cursor:pointer;transition:border-color .15s,background .15s;color:inherit;font-size:inherit}.tp b{display:block;font-size:14px;color:var(--text)}.tp small{display:block;color:var(--mute);font-size:12px;line-height:1.35;margin-top:2px;font-weight:400}.tp input:checked+span{border-color:var(--g);background:rgba(61,220,132,.1)}.tp input:checked+span b{color:var(--g)}.tp input:focus-visible+span{outline:2px solid var(--g);outline-offset:2px}@media(min-width:900px){.types{grid-template-columns:repeat(4,minmax(0,1fr))}}.msg{border:1px solid transparent;box-shadow:none;padding:16px;border-radius:18px;margin-bottom:12px}.msg.new{border-color:rgba(61,220,132,.4)}.mhead{display:flex;gap:12px;align-items:center}.av{width:42px;height:42px;border-radius:50%;background:var(--panel2);display:grid;place-items:center;font-weight:800;color:var(--g);flex:none}.msg.new .av{background:var(--g);color:var(--ink)}.mwho{flex:1;min-width:0}.mwho b{display:block;line-height:1.3}.mwho .sub{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mtime{color:var(--mute);font-size:12.5px;white-space:nowrap;align-self:flex-start}.mmeta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:12px 0 0}.mapp{display:inline-flex;align-items:center;gap:8px;background:var(--bg);border-radius:12px;padding:4px 12px 4px 4px;font-weight:600;font-size:14px;max-width:100%}.mapp span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mapp:not(a){padding-left:12px}.mic{width:30px;height:30px;aspect-ratio:auto;border-radius:9px;flex:none;object-fit:cover;font-size:13px}.mbody{margin:12px 0;padding:12px 14px;background:var(--panel2);border-radius:14px;white-space:pre-wrap;word-break:break-word;font-size:15.5px;line-height:1.55}.macts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.macts form{margin:0}.macts .sp{margin-left:auto;display:flex;gap:8px}.bar .sub{display:block;margin-top:2px}@media(max-width:520px){.top .wrap{gap:10px}.top .logo{font-size:17px}.top .nav{gap:6px}.top .nav .btn.sm{padding:7px 10px;font-size:12.5px}.macts .sp{margin-left:0}}.seg{display:flex;gap:4px;background:var(--panel);border-radius:14px;padding:4px;margin:14px 0 0;max-width:420px}.seg a{flex:1;text-align:center;padding:8px 6px;border-radius:10px;font-weight:700;font-size:13.5px;color:var(--mute);white-space:nowrap}.seg a.on{background:var(--g);color:var(--ink)}.chips{padding:12px 0 12px}.chips a{padding:5px 13px;font-size:13px}.icw{position:relative}.kb{position:absolute;left:6px;top:6px;padding:2px 8px;border-radius:99px;font-size:10.5px;font-weight:800;line-height:1.5;background:rgba(0,0,0,.62);backdrop-filter:blur(4px);color:#fff}.kb.k-mod{background:rgba(61,220,132,.95);color:var(--ink)}.kb.k-module{background:rgba(99,102,241,.95);color:#fff}.kb.inl{position:static;display:inline-block;margin-right:4px;vertical-align:1px}.pill.kp.k-module{background:rgba(99,102,241,.18);color:#a5a8ff}.pill.kp.k-mod{background:rgba(61,220,132,.13);color:var(--g)}@media(max-width:899px){.wrap{padding:0 14px}.top .wrap{height:54px}.hero{padding:18px 0 4px}.hero h1{font-size:23px;line-height:1.18;margin-bottom:6px}.hero p{font-size:13.5px;margin-bottom:14px}.bigsearch{border-radius:14px;padding:4px}.bigsearch input{font-size:14.5px;padding:8px 10px}.bigsearch .btn{padding:8px 16px;font-size:14px;border-radius:10px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.card{padding:7px;border-radius:15px}.card .ic{border-radius:12px}.card h3{font-size:12.5px;margin:7px 0 3px}.card .sub{font-size:11px}.card .pill{font-size:10.5px;padding:0 7px}.kb{font-size:9px;padding:1px 6px;left:4px;top:4px}.dhead .ic{width:80px;border-radius:20px}.dlbar .btn{padding:11px;font-size:15px}}@media(max-width:359px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.cmp.bar{padding:14px 0 8px}.cmp.bar h1{font-size:19px}.aform .field{margin-bottom:10px}.aform .field label,.aform .ps label:first-child{font-size:12.5px;margin-bottom:4px}.aform em{font-style:normal;color:var(--mute);font-weight:500}.aform input[type=text],.aform input[type=url],.aform textarea{padding:9px 12px;font-size:14.5px;border-radius:10px}.aform textarea{min-height:110px}.aform .two{grid-template-columns:1fr 1fr;gap:8px 10px}.aform .two .field{margin-bottom:8px}.aform .hint{font-size:11.5px;margin-top:3px}.aform .btn.save{padding:11px;font-size:15px}.ps{padding:10px 12px;border-radius:14px;margin-bottom:10px}.ps label:first-child{display:block;font-weight:700}.chk{display:flex;gap:8px;align-items:center;margin:8px 0 0;font-size:12.5px;color:var(--mute);font-weight:500}.kindsel{display:grid;grid-template-columns:1fr 1fr;gap:8px}.kopt{position:relative;display:block;margin:0!important}.kopt input{position:absolute;opacity:0;pointer-events:none}.kopt span{display:block;padding:9px 12px;border-radius:12px;background:var(--panel);border:1.5px solid var(--line);cursor:pointer;transition:border-color .15s,background .15s}.kopt b{display:block;font-size:14px}.kopt small{display:block;color:var(--mute);font-size:11.5px;line-height:1.3;font-weight:400}.kopt input:checked+span{border-color:var(--g);background:rgba(61,220,132,.1)}.kopt input:checked+span b{color:var(--g)}.kopt input:focus-visible+span{outline:2px solid var(--g);outline-offset:2px}.imgf{display:flex;gap:12px;align-items:center}.imgf .pv{flex:none}.imgf .pv:empty{display:none}.imgf .pv img{width:52px;height:52px;border-radius:13px;margin:0}.imgi{flex:1;min-width:0}.aform input[type=file]{font-size:13px}.adm .stats{gap:8px;margin-bottom:12px}.adm .stats .stat{padding:9px 12px}.adm .stats .stat b{font-size:18px}.adm .stats .stat span{font-size:11.5px}.adm .bar h1{font-size:20px}.adm .row{padding:7px 10px;margin-bottom:6px;border-radius:13px}.adm .row .ic{width:42px;border-radius:11px;font-size:17px}.adm .row .t b{font-size:14px}.adm .field input{padding:9px 12px;font-size:14.5px}.adm{max-width:900px}@media(min-width:900px){.aform .fgrid{gap:24px}.aform textarea{min-height:200px}}.gpsec{position:relative;overflow:hidden;padding:20px;border-radius:28px;background:linear-gradient(160deg,#101b27 0%,#0e1722 55%,#0d1a17 100%);border:1.5px solid rgba(61,220,132,.38);border-top:3px solid var(--g);box-shadow:0 10px 30px rgba(0,0,0,.35),inset 0 1px 0 rgba(61,220,132,.15)}.gphead{display:flex;align-items:center;gap:14px;margin-bottom:16px}.gpicon{width:50px;height:50px;border-radius:15px;background:var(--g);display:grid;place-items:center;flex:none}.gpicon i{display:block;width:20px;height:20px;border-radius:50%;background:#06210f}.gpbadge{font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--g);margin:0 0 2px}.gptitle{margin:0;font-size:17px;font-weight:700;color:var(--text);line-height:1.25;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.ytbox{position:relative;width:100%;padding-bottom:56.25%;border-radius:20px;overflow:hidden;background:#000}.ytbox iframe,.ytplay{position:absolute;inset:0;width:100%;height:100%;border:0}.ytplay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#000;color:var(--mute);font:inherit;font-size:15px;cursor:pointer;padding:0}.ytbtn{width:72px;height:72px;border-radius:22px;background:#e50000;display:grid;place-items:center;transition:transform .15s}.ytbtn svg{margin-left:3px}.ytplay:hover .ytbtn{transform:scale(1.07)}.ytplay:focus-visible{outline:2px solid var(--g);outline-offset:-3px}.gpfooter{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0 0;font-size:14px;color:var(--mute)}.gpfooter span{display:flex;align-items:center;gap:8px;min-width:0}.gptag{flex:none;font-size:13px;font-weight:700;color:var(--g);padding:5px 16px;border-radius:99px;border:1.5px solid rgba(61,220,132,.5);background:rgba(61,220,132,.08)}.ytf .hint{color:var(--mute);font-size:12.5px;margin-top:5px}@media(min-width:900px){.gpsec{padding:26px}.gptitle{font-size:18px}.gpicon{width:54px;height:54px}.ytbtn{width:80px;height:80px}}.msearch{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:5px 5px 5px 14px;margin:0 0 12px;color:var(--mute)}.msearch:focus-within{border-color:var(--g)}.msearch input[type=search]{flex:1;min-width:0;background:transparent;border:0;color:var(--text);font:inherit;font-size:15px;padding:9px 4px;outline:0;-webkit-appearance:none;appearance:none}.msearch input[type=search]::-webkit-search-cancel-button{display:none}.mclear{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--panel2);color:var(--mute);font-size:18px;line-height:1}.mres{margin:0 0 12px;color:var(--mute);font-size:13.5px}.mres b{color:var(--text)}mark{background:rgba(61,220,132,.28);color:var(--text);border-radius:4px;padding:0 2px}.msg{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--panel),#121821);padding:16px 16px 14px 20px}.msg::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--line)}.msg.new::before{background:var(--g)}.msg.t-broken::before{background:var(--red)}.msg.t-report::before{background:#ffb84d}.msg.t-update::before{background:#a5a8ff}.msg.read,.msg:not(.new){opacity:.94}.av{width:44px;height:44px;background:hsl(var(--h,150) 55% 24%);color:hsl(var(--h,150) 85% 78%);font-size:17px}.msg.new .av{background:hsl(var(--h,150) 60% 38%);color:#fff}.mwho b{display:flex;align-items:center;gap:8px;font-size:15.5px}.ndot{font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;background:var(--g);color:var(--ink);border-radius:99px;padding:1px 8px}.mct{display:flex;align-items:center;gap:5px;color:var(--mute);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mct svg{flex:none}.mct.off{font-style:italic;opacity:.7}.mbody{position:relative;background:var(--bg);border:1px solid var(--line);border-radius:4px 16px 16px 16px;padding:12px 14px}.tb-update{background:rgba(99,102,241,.18);color:#a5a8ff}.macts{padding-top:2px}@media(max-width:520px){.msg{padding:14px 12px 12px 16px}.macts .sp{margin-left:0;width:100%}.macts .sp form{flex:1}.macts .sp .btn{width:100%}.msearch .btn{padding:7px 12px}}details.msg{padding:0}details.msg>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:12px 14px 12px 18px;-webkit-tap-highlight-color:transparent}details.msg>summary::-webkit-details-marker{display:none}details.msg>summary:focus-visible{outline:2px solid var(--g);outline-offset:-2px;border-radius:18px}.mlead{position:relative;flex:none}.mgic{width:52px;height:52px;border-radius:14px;aspect-ratio:auto;object-fit:cover;font-size:20px;display:grid;place-items:center}.mgnone{background:var(--panel2);color:var(--g);font-weight:800}.udot{position:absolute;top:-4px;right:-4px;width:14px;height:14px;border-radius:50%;background:var(--g);border:2.5px solid var(--panel);box-shadow:0 0 0 0 rgba(61,220,132,.6);animation:udp 2s infinite}@keyframes udp{70%{box-shadow:0 0 0 7px rgba(61,220,132,0)}100%{box-shadow:0 0 0 0 rgba(61,220,132,0)}}details.msg .mwho{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}details.msg .mwho b{font-size:15.5px}details.msg:not(.new) .mwho b{font-weight:600;color:#c9d2de}.mkat{display:block}.ndot{display:inline-flex;align-items:center;gap:5px;text-transform:none;letter-spacing:0;font-size:11px}.mright{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.chev{color:var(--mute);transition:transform .2s}details[open]>summary .chev{transform:rotate(180deg)}details[open]>summary{border-bottom:1px solid var(--line)}.mopen{padding:14px 16px 14px 18px}.mfrom{display:flex;align-items:center;gap:12px;margin-bottom:10px}.mwho2{min-width:0}.mwho2 b{display:block;line-height:1.3}.mopen .mbody{margin:12px 0}@media(max-width:520px){details.msg>summary{padding:11px 12px 11px 16px;gap:10px}.mgic{width:46px;height:46px}.mopen{padding:12px 12px 12px 16px}}.msearch{padding-right:8px}.msearch .mclear{display:none}.msearch input[type=search]:not(:placeholder-shown)~.mclear{display:grid}.kb.k-vip{left:auto;right:6px;background:linear-gradient(135deg,#ffd45a,#f5a300);color:#2a1c00}.kb.k-vip.inl{right:auto;margin-left:2px}.pill.vipp{background:rgba(245,179,1,.16);color:#ffc83d}.who{display:flex;align-items:center;gap:8px;min-width:0}.who .nm{font-size:13px;font-weight:600;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.av{width:30px;height:30px;border-radius:50%;object-fit:cover;background:var(--panel2);flex:none}.av.avl{display:grid;place-items:center;font-weight:800;font-size:13px;color:var(--g)}.row .av.ic{width:44px;height:44px;aspect-ratio:auto;flex:none}.rb{display:inline-block;font-size:10.5px;font-weight:800;padding:1px 8px;border-radius:99px;background:var(--panel2);color:var(--mute);vertical-align:1px}.rb.vip{background:linear-gradient(135deg,#ffd45a,#f5a300);color:#2a1c00}.btn.lock{background:linear-gradient(135deg,#ffd45a,#f5a300);color:#2a1c00}.dlhint{color:var(--mute);font-size:12.5px;margin:8px 0 0;text-align:center}.lbox{max-width:440px;margin:44px auto;text-align:center;padding:26px 22px}.lbox h1{margin:0 0 8px;font-size:22px}.gbtn{display:flex;justify-content:center;margin:20px 0 10px;min-height:44px}.vipsel{display:flex;gap:12px;align-items:flex-start;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:0 0 14px;cursor:pointer}.vipsel input{margin-top:5px;accent-color:#f5a300}.vipsel b{display:block}.vipsel small{color:var(--mute);font-size:12.5px}@media(max-width:600px){.who .nm{display:none}.kb.k-vip{right:4px}}.btn.lock{box-shadow:0 0 0 0 rgba(245,179,0,.5);animation:lkg 2.4s infinite}@keyframes lkg{70%{box-shadow:0 0 0 10px rgba(245,179,0,0)}100%{box-shadow:0 0 0 0 rgba(245,179,0,0)}}#splash{display:none}html.splash #splash{display:grid;position:fixed;inset:0;z-index:9999;place-items:center;background:var(--bg);transition:opacity .45s ease,visibility .45s}html.splash{overflow:hidden}#splash.out{opacity:0;visibility:hidden}.sp-in{text-align:center}.sp-logo{position:relative;width:96px;height:96px;margin:0 auto 18px;display:grid;place-items:center}.sp-mark{width:64px;height:64px;border-radius:20px;background:var(--g);color:var(--ink);display:grid;place-items:center;font-size:26px;font-weight:800;animation:spb 1.4s ease-in-out infinite;box-shadow:0 8px 30px rgba(61,220,132,.35)}.sp-ring{position:absolute;inset:0;border-radius:50%;border:3px solid transparent;border-top-color:var(--g);border-right-color:rgba(61,220,132,.35);animation:sps 1s linear infinite}.sp-ring.r2{inset:9px;border-top-color:transparent;border-bottom-color:#6366f1;border-left-color:rgba(99,102,241,.35);animation-duration:1.6s;animation-direction:reverse}@keyframes sps{to{transform:rotate(360deg)}}@keyframes spb{0%,100%{transform:scale(.92) rotate(-4deg)}50%{transform:scale(1.04) rotate(4deg)}}.sp-name{font-weight:800;font-size:22px;letter-spacing:.3px}.sp-bar{width:150px;height:4px;margin:14px auto 10px;border-radius:99px;background:var(--panel2);overflow:hidden}.sp-bar i{display:block;height:100%;width:40%;border-radius:99px;background:linear-gradient(90deg,var(--g),#6366f1);animation:spl 1.1s ease-in-out infinite}@keyframes spl{0%{transform:translateX(-110%)}100%{transform:translateX(280%)}}.sp-txt{color:var(--mute);font-size:13px}.dots:after{content:'';animation:spd 1.2s steps(4) infinite}@keyframes spd{0%{content:''}25%{content:'.'}50%{content:'..'}75%{content:'...'}}@media(prefers-reduced-motion:reduce){.sp-ring,.sp-mark,.sp-bar i,.btn.lock{animation-duration:3s}}.chat{display:flex;flex-direction:column;gap:8px;margin:12px 0}.bub{max-width:88%;padding:9px 13px;border-radius:14px;white-space:pre-wrap;word-break:break-word;font-size:15px;line-height:1.5}.bub .bwho{font-size:11.5px;font-weight:700;opacity:.7;margin-bottom:3px}.bub.me{align-self:flex-end;background:var(--g);color:var(--ink);border-bottom-right-radius:4px}.bub.adm{align-self:flex-start;background:var(--panel2);color:var(--text);border-bottom-left-radius:4px}.rform{display:flex;gap:8px;align-items:flex-end;margin:10px 0}.rform textarea{flex:1;min-height:52px;max-height:160px;resize:vertical}.pill.wait{background:rgba(255,184,77,.14);color:#ffb84d}details.thr>summary .mct{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:520px){.bub{max-width:94%}.rform{flex-direction:column;align-items:stretch}.rform .btn{width:100%}}.loginreq{background:var(--panel2);border-radius:14px;padding:16px 18px;margin-top:6px}.loginreq b{display:block;margin-bottom:4px}.loginreq .sub{margin:0 0 12px}.top .logo{flex:none;white-space:nowrap}.top .nav{align-items:center;gap:10px;flex:none}.nbtn{position:relative;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--panel2);color:var(--text);flex:none}.nbtn:hover{background:var(--line)}.nbtn .nb{position:absolute;top:-5px;right:-5px;margin:0;min-width:18px;height:18px;line-height:18px;text-align:center;padding:0 5px;font-size:11px;box-sizing:border-box}.pmenu{position:relative}.pmenu>summary{list-style:none;cursor:pointer;display:flex;border-radius:50%;-webkit-tap-highlight-color:transparent}.pmenu>summary::-webkit-details-marker{display:none}.pmenu>summary .av{width:38px;height:38px}.pmenu[open]>summary .av{box-shadow:0 0 0 2px var(--g)}.pm{position:absolute;right:0;top:calc(100% + 10px);width:250px;max-width:calc(100vw - 24px);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:8px;box-shadow:0 14px 34px rgba(0,0,0,.5);z-index:30}.pmhead{display:flex;gap:10px;align-items:center;padding:8px 8px 12px;border-bottom:1px solid var(--line);margin-bottom:6px;min-width:0}.pmhead .av{width:40px;height:40px}.pmhead>div{min-width:0}.pmhead b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pmhead .sub{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pm a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 10px;border-radius:10px;font-weight:600;font-size:14.5px}.pm a:hover{background:var(--panel2)}.pm a.out{color:var(--red)}.pop{padding:16px 0 2px}.pophead{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}.pophead h2{margin:0;font-size:18px;letter-spacing:-.01em}.poprow{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 2px 10px;margin:0 -18px;padding-left:18px;padding-right:18px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.poprow::-webkit-scrollbar{display:none}.pcard{flex:none;width:118px;scroll-snap-align:start;background:var(--panel);border-radius:16px;padding:7px;transition:background .15s,transform .15s}.pcard:hover{background:var(--panel2);transform:translateY(-2px)}.pcard .ic{border-radius:12px}.pcard h3{margin:7px 0 2px;font-size:12.5px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pcard .sub{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pcard .icw{position:relative}.rank{position:absolute;right:4px;bottom:4px;min-width:22px;height:22px;padding:0 6px;border-radius:99px;display:grid;place-items:center;font-size:12px;font-weight:800;background:rgba(11,15,20,.82);color:var(--text);backdrop-filter:blur(4px)}.rank.r1{background:linear-gradient(135deg,#ffd45a,#f5a300);color:#3a2600}.rank.r2{background:linear-gradient(135deg,#e6edf5,#aab6c6);color:#1c2430}.rank.r3{background:linear-gradient(135deg,#f0b27a,#c47a3a);color:#321a05}@media(min-width:640px){.pcard{width:150px;padding:9px}.pcard h3{font-size:13.5px}}@media(min-width:900px){.poprow{margin:0;padding-left:2px;padding-right:2px;flex-wrap:wrap;overflow:visible}.pcard{width:calc((100% - 70px)/8)}}.row.vr{flex-wrap:wrap}.row.vr .acts{width:100%;flex-wrap:wrap}.row.vr .acts form{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.vexp{display:block;color:#f5b300;font-weight:600}.dsel{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:7px 10px;font:inherit;font-size:13px}@media(min-width:760px){.row.vr{flex-wrap:nowrap}.row.vr .acts{width:auto}}.mdel{margin-left:auto}.mdel .btn{display:inline-flex;align-items:center;gap:6px}.mrow{display:flex;align-items:center;gap:10px}.mtr{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:10px;background:rgba(255,107,107,.14);color:var(--red);cursor:pointer;padding:0}.mopen{padding:16px 16px 16px 20px;display:flex;flex-direction:column;gap:2px}.mfrom{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0 0 4px}.mcchip{display:inline-flex;align-items:center;gap:7px;max-width:100%;background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:99px;padding:6px 13px;font-size:13.5px;font-weight:600}.mcchip svg{flex:none;color:var(--g)}.mcchip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mcchip.off{color:var(--mute);font-style:italic;font-weight:500}.mdate{margin-left:auto;color:var(--mute);font-size:12.5px}.mlbl{margin:14px 0 6px;font-size:11.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--mute)}.mopen .mbody{margin:0;padding:14px 16px;background:var(--bg);border:1px solid var(--line);border-radius:6px 16px 16px 16px;font-size:16px;line-height:1.7;color:#f1f5fa;overflow-wrap:anywhere}.mopen .mmeta{margin:8px 0 0}.mopen .chat{margin:0;gap:10px}.mopen .bub{padding:10px 14px;font-size:15.5px;line-height:1.6}.mopen .rform{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin:0}.mopen .rform textarea{min-height:92px;padding:13px 15px;background:var(--bg);border-radius:14px;font-size:15.5px;line-height:1.55}.mopen .rform .btn{width:100%;padding:12px;font-size:15px;border-radius:12px}.mnote{margin:10px 0 14px;padding:10px 12px;background:rgba(255,255,255,.03);border-left:3px solid var(--line);border-radius:4px 10px 10px 4px;color:var(--mute);font-size:13px;line-height:1.55}.mopen .macts{padding-top:4px;gap:10px}.mopen .macts>.btn,.mopen .macts .sp{flex:1 1 140px}.mopen .macts .sp form,.mopen .macts .btn{width:100%}.mopen .macts .btn{padding:11px 14px;border-radius:12px;font-size:14px}@media(min-width:640px){.mopen .rform{flex-direction:row;align-items:flex-end}.mopen .rform .btn{width:auto;padding:12px 22px}}.vopen{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#f5b300,#ff8a00);color:#241500;font-weight:800}.vsheet{border:0;padding:0;background:var(--panel);color:var(--text);width:min(440px,100%);max-width:100%;border-radius:24px 24px 0 0;margin:auto auto 0;box-shadow:0 -12px 50px rgba(0,0,0,.55);animation:vsup .25s ease}.vsheet::backdrop{background:rgba(3,6,10,.72);backdrop-filter:blur(3px)}@keyframes vsup{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}@media(min-width:600px){.vsheet{margin:auto;border-radius:24px}}.vsheet form{padding:10px 20px 22px}.vs-grab{width:42px;height:4px;border-radius:4px;background:var(--line);margin:0 auto 14px}.vs-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.vs-star{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:22px;background:linear-gradient(135deg,#f5b300,#ff8a00);color:#241500;flex:none}.vs-head h3{font-size:18px;font-weight:800;margin:0}.vs-head p{margin:2px 0 0;color:var(--mute);font-size:13px;word-break:break-all}.vs-head>div{flex:1;min-width:0}.vs-x{background:var(--panel2);border:0;color:var(--mute);width:34px;height:34px;border-radius:50%;font-size:22px;line-height:1;cursor:pointer;flex:none}.vs-label{font-size:12px;font-weight:700;color:var(--mute);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.vs-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.vchip{position:relative;cursor:pointer}.vchip input{position:absolute;opacity:0;inset:0;cursor:pointer}.vchip span{display:flex;align-items:center;justify-content:center;min-height:50px;border-radius:14px;background:var(--panel2);border:1.5px solid var(--line);font-weight:700;font-size:14px;text-align:center;transition:.15s}.vchip input:checked+span{background:rgba(245,179,0,.14);border-color:#f5b300;color:#ffcb3d;box-shadow:0 0 0 3px rgba(245,179,0,.12)}.vchip input:focus-visible+span{outline:2px solid #f5b300;outline-offset:2px}.vchip.perm{grid-column:1/-1}.vs-prev{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:16px 0;padding:13px 15px;border-radius:14px;background:rgba(61,220,132,.08);border:1px solid rgba(61,220,132,.25);font-size:13px}.vs-prev span{color:var(--mute)}.vs-prev b{color:var(--g);font-size:14px;text-align:right}.vs-act{display:grid;grid-template-columns:1fr 1.6fr;gap:10px}.vs-act .btn{width:100%;justify-content:center;min-height:48px;font-size:15px}.foot{padding:28px 16px 34px;text-align:center}.ownr{display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;margin-bottom:8px}.ownr-mark{width:34px;height:34px;border-radius:10px;background:var(--g);color:var(--ink);display:grid;place-items:center;font-size:15px;flex:none}.ownr-ok{display:inline-block;margin-left:8px;padding:2px 9px;border-radius:99px;background:rgba(61,220,132,.14);color:var(--g);font-size:11px;font-weight:800;vertical-align:middle}.ownr-t{max-width:440px;margin:0 auto 14px;color:var(--mute);font-size:13px;line-height:1.55}.soc{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:16px}.sbtn{font:inherit;font-size:13px;font-weight:700;color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:99px;padding:9px 16px;cursor:pointer;text-decoration:none}.sbtn:hover{border-color:var(--g);color:var(--g)}.ownr-c{color:var(--mute);font-size:12px}.anc{display:block;scroll-margin-top:76px}.bn{position:relative;overflow:hidden;isolation:isolate;border-bottom:1px solid var(--line);margin-bottom:6px}.bn-bg{position:absolute;inset:-60px;z-index:-3;background:#0b0f14 center/cover no-repeat;filter:blur(46px) saturate(1.5) brightness(.5);transform:scale(1.15)}.bn-shade{position:absolute;inset:0;z-index:-2;background:radial-gradient(900px 420px at 85% 20%,rgba(117,101,255,.28),transparent 60%),radial-gradient(700px 380px at 10% 90%,rgba(61,220,132,.2),transparent 60%),linear-gradient(180deg,rgba(11,15,20,.35),var(--bg) 98%)}.bn-grid{position:absolute;inset:0;z-index:-1;opacity:.5;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse at 50% 40%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 40%,#000 30%,transparent 75%)}.bn-in{max-width:1100px;margin:0 auto;padding:30px 18px 26px;display:grid;gap:8px;grid-template-columns:1fr}.bn-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border-radius:99px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px);font-size:12.5px;font-weight:700;color:#dfe7f2;margin-bottom:14px}.bn-pill i{width:8px;height:8px;border-radius:50%;background:var(--g);box-shadow:0 0 0 0 rgba(61,220,132,.7);animation:bnpulse 1.8s infinite}@keyframes bnpulse{70%{box-shadow:0 0 0 9px rgba(61,220,132,0)}100%{box-shadow:0 0 0 0 rgba(61,220,132,0)}}.bn h1{font-size:clamp(32px,8.4vw,60px);line-height:1.04;letter-spacing:-.03em;font-weight:800;margin:0 0 14px;text-transform:none}.bn-hl{background:linear-gradient(90deg,var(--g),#7ee8b3 45%,#8d7fff);-webkit-background-clip:text;background-clip:text;color:transparent}.bn p{color:#b6c1d1;font-size:15px;line-height:1.6;max-width:34em;margin:0 0 20px}.bn-cta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.bn-cta .btn{min-height:50px;padding:0 24px;font-size:15px;border-radius:14px;display:inline-flex;align-items:center;gap:8px}.bn-b1{box-shadow:0 10px 30px rgba(61,220,132,.28)}.bn-b2{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:var(--text);backdrop-filter:blur(8px)}.bn-search{margin:0 0 20px;max-width:520px}.bn-stats{display:flex;gap:26px}.bn-stats b{display:block;font-size:22px;font-weight:800;letter-spacing:-.02em}.bn-stats span{font-size:12px;color:var(--mute)}.bn-art{position:relative;height:230px;margin-top:6px}.bn-ic{position:absolute;display:block;border-radius:22%;--r:0deg;animation:bnfloat 6s ease-in-out infinite;box-shadow:0 18px 44px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.12);transition:filter .2s}.bn-ic:hover{filter:brightness(1.12)}.bn-ic .ic{width:100%;height:100%;aspect-ratio:1;border-radius:22%;object-fit:cover;display:block}.bn-tag{position:absolute;left:8%;right:8%;bottom:7%;padding:5px 8px;border-radius:10px;background:rgba(8,11,16,.72);backdrop-filter:blur(8px);font-size:10.5px;font-weight:700;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bn-rk{position:absolute;top:-8px;left:-8px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;background:#f5b300;color:#241500;box-shadow:0 4px 12px rgba(0,0,0,.4)}.bn-ic.n1{width:132px;left:6%;top:30px;--r:-7deg;transform:rotate(-7deg)}.bn-ic.n2{width:108px;left:44%;top:0;--r:6deg;animation-delay:-1.5s;transform:rotate(6deg)}.bn-ic.n3{width:98px;right:6%;top:78px;--r:-5deg;animation-delay:-3s;transform:rotate(-5deg)}.bn-ic.n4{width:86px;left:34%;top:120px;--r:9deg;animation-delay:-4.5s;transform:rotate(9deg)}@keyframes bnfloat{0%,100%{transform:translateY(0) rotate(var(--r))}50%{transform:translateY(-13px) rotate(calc(var(--r) + 2deg))}}@media(min-width:860px){.bn-in{grid-template-columns:1.1fr .9fr;align-items:center;gap:30px;padding:64px 18px 56px}.bn p{font-size:17px}.bn-art{height:430px;margin:0}.bn-ic.n1{width:210px;left:2%;top:50px}.bn-ic.n2{width:168px;left:50%;top:6px}.bn-ic.n3{width:150px;right:0;top:190px}.bn-ic.n4{width:128px;left:30%;top:250px}.bn-tag{font-size:12.5px}}@media(prefers-reduced-motion:reduce){.bn-ic,.bn-pill i{animation:none}}.bn-cta .btn{flex:1 1 0;justify-content:center;padding:0 14px;white-space:nowrap}@media(min-width:860px){.bn-cta .btn{flex:0 0 auto;padding:0 24px}}.bn-stats>div{line-height:1.25}.bn-stats span{display:block;margin-top:2px}.bn-art{margin-top:30px}.bn-ic.n2{top:6px}@media(min-width:860px){.bn-art{margin-top:0}}@media(min-width:860px){.bn-in{grid-template-columns:1fr;padding:72px 18px 64px}.bn h1{font-size:64px}.bn-txt{max-width:640px}}.bn-in{padding-bottom:34px}.bn-search{margin-bottom:0}.dupb{padding:26px 22px 24px;text-align:center}.dup-ic{width:84px;height:84px;margin:0 auto 14px;border-radius:22px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.5),0 0 0 3px rgba(245,179,0,.35)}.dup-ic .ic{width:100%;height:100%;object-fit:cover;border-radius:0;aspect-ratio:1}.dupb h3{margin:0 0 8px;font-size:19px;font-weight:800}.dupb p{margin:0 0 20px;color:var(--mute);font-size:14px;line-height:1.55}.dupb .vs-act .btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}

/* ===========================================
   ADMIN — BOTTOM NAV (mobile) + TOPBAR FIX
   =========================================== */

/* Topbar admin: sembunyikan nav lama sama sekali */
.adm-top .nav { display: none !important }
.adm-top .wrap { overflow: visible !important }

/* Bottom Nav — fixed, tidak bisa digeser, full width */
.adm-bnav {
  position: fixed;
  bottom: 0; left: 0; right: 0;
  z-index: 200;
  display: flex;
  flex-direction: row;
  overflow: hidden; /* KUNCI: tidak bisa digeser */
  background: rgba(11,15,20,.97);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-top: 1px solid var(--line);
  padding-bottom: env(safe-area-inset-bottom, 0px);
  width: 100%;
  box-sizing: border-box;
}
.adm-bitem {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  padding: 10px 2px 8px;
  color: var(--mute);
  font-size: 10px;
  font-weight: 600;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  white-space: nowrap;
  overflow: hidden;
}
.adm-bitem svg { flex: none; width: 22px; height: 22px }
.adm-bitem.on { color: var(--g) }
.adm-bitem:active { color: var(--g) }
.adm-bdot {
  position: absolute;
  top: -3px; right: -3px;
  width: 9px; height: 9px;
  border-radius: 50%;
  background: var(--red);
  border: 2px solid #0b0f14;
}

/* Konten admin: beri ruang bawah supaya tidak tertutup bottom nav */
main.wrap.adm { padding-bottom: 90px !important }

/* Desktop (≥700px): tampilkan nav atas lagi, sembunyikan bottom nav */
@media (min-width: 700px) {
  .adm-bnav { display: none !important }
  .adm-top .nav { display: flex !important }
  main.wrap.adm { padding-bottom: 20px !important }
}

/* ===========================================
   ADMIN — CARD GRID daftar aplikasi
   =========================================== */
.adm-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding-bottom: 8px;
}
@media (min-width: 480px) { .adm-grid { grid-template-columns: repeat(3, 1fr) } }
@media (min-width: 700px) { .adm-grid { grid-template-columns: repeat(4, 1fr); gap: 14px } }
@media (min-width: 1000px) { .adm-grid { grid-template-columns: repeat(5, 1fr) } }

.adm-card {
  background: var(--panel);
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.adm-card-link {
  display: flex;
  flex-direction: column;
  padding: 10px;
  gap: 7px;
  text-decoration: none;
  color: inherit;
  flex: 1;
}
.adm-card-link:active { background: var(--panel2) }
.adm-card-ic .ic {
  width: 100%;
  aspect-ratio: 1;
  border-radius: 12px;
  display: block;
}
.adm-card-info { display: flex; flex-direction: column; gap: 2px }
.adm-card-info b {
  font-size: 12.5px;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.adm-card-dl { font-size: 11px; color: var(--mute) }
.adm-card-acts {
  display: flex;
  gap: 5px;
  padding: 0 8px 8px;
}
.adm-card-acts .btn { flex: 1; text-align: center; padding: 6px 4px; font-size: 11.5px; border-radius: 9px }
.adm-card-acts form { flex: 1; display: flex }
.adm-card-acts form button { width: 100% }

/* ===========================================
   FOOTER BARU
   =========================================== */
.foot2 { margin-top: 32px; background: var(--panel); border-top: 1px solid var(--line) }
.foot2-inner { max-width: 600px; margin: 0 auto; padding: 28px 20px 36px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 16px }
.foot2-brand { display: flex; align-items: center; gap: 14px }
.foot2-mark { width: 48px; height: 48px; border-radius: 14px; background: var(--g); color: var(--ink); display: grid; place-items: center; font-size: 22px; font-weight: 900; flex: none; box-shadow: 0 6px 20px rgba(61,220,132,.25) }
.foot2-title { font-size: 17px; font-weight: 800; line-height: 1.3; text-align: left }
.foot2-dot { color: var(--mute); font-weight: 400 }
.foot2-owner { color: var(--g) }
.foot2-badge { display: inline-block; margin-top: 4px; padding: 3px 10px; border-radius: 99px; background: rgba(61,220,132,.15); border: 1px solid rgba(61,220,132,.35); color: var(--g); font-size: 12px; font-weight: 700 }
.foot2-warn { margin: 0; color: var(--mute); font-size: 13px; line-height: 1.6; max-width: 340px }
.foot2-warn b { color: var(--text) }
.foot2-soc { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; width: 100% }
.foot2-btn { display: inline-flex; align-items: center; gap: 8px; padding: 11px 18px; border-radius: 14px; background: var(--panel2); border: 1px solid var(--line); color: var(--text); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; text-decoration: none; transition: border-color .15s, background .15s; -webkit-tap-highlight-color: transparent }
.foot2-btn:hover { border-color: var(--g); background: rgba(61,220,132,.07); color: var(--g) }
.foot2-btn svg { flex: none; color: var(--mute); transition: color .15s }
.foot2-btn:hover svg { color: var(--g) }
.foot2-handle { color: var(--mute); font-weight: 500; font-size: 13px }
.foot2-contact { background: rgba(61,220,132,.1); border-color: rgba(61,220,132,.3); color: var(--g) }
.foot2-contact svg { color: var(--g) }
.foot2-copy { color: var(--mute); font-size: 12px; padding-top: 4px; border-top: 1px solid var(--line); width: 100% }

/* ===========================================
   HEADER — Tombol shortcut Admin
   =========================================== */
.adm-shortcut {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 14px;
  border-radius: 12px;
  background: rgba(61,220,132,.12);
  border: 1px solid rgba(61,220,132,.3);
  color: var(--g);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
.adm-shortcut:hover { background: rgba(61,220,132,.2); border-color: var(--g) }
@media (max-width: 420px) {
  .adm-shortcut span { display: none }
  .adm-shortcut { padding: 8px }
}

/* v20: badge kartu tidak saling menimpa */
.icw .kb{white-space:nowrap}
.icw .kb.k-vip{left:5px;right:auto;top:27px}

/* v21: admin daftar aplikasi ringkas (ikon kecil, satu kolom) */
.adm-grid{grid-template-columns:1fr;gap:8px}
@media (min-width:700px){.adm-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.adm-grid{grid-template-columns:repeat(3,1fr)}}
.adm-card{flex-direction:row;align-items:center;border-radius:14px;border:1px solid var(--line)}
.adm-card-link{flex-direction:row;align-items:center;gap:12px;padding:10px;min-width:0}
.adm-card-ic{flex:none;width:52px;height:52px}
.adm-card-ic .ic,.adm-card-ic .ph{width:52px;height:52px;aspect-ratio:1;border-radius:12px;object-fit:cover}
.adm-card-info{min-width:0;gap:3px}
.adm-card-info b{font-size:14px;-webkit-line-clamp:1}
.adm-card-info .sub{font-size:11.5px;display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.adm-card .kb{font-size:9.5px;padding:1px 7px;margin:0}
.adm-card-dl{font-size:11px}
.adm-card-acts{flex:none;padding:0 10px 0 0;gap:6px}
.adm-card-acts .btn{flex:none;width:38px;height:38px;padding:0;display:grid;place-items:center;font-size:15px;border-radius:10px}
.adm-card-acts form{flex:none}
.adm-card-acts form button{width:38px}
/* v21: footer lebih ringkas */
.foot2{margin-top:24px}
.foot2-inner{padding:20px 16px 24px;gap:12px}
.foot2-brand{gap:10px}
.foot2-mark{width:40px;height:40px;border-radius:12px;font-size:16px;letter-spacing:-.5px}
.foot2-title{font-size:15px}
.foot2-badge{font-size:11px;padding:2px 9px}
.foot2-warn{font-size:12px;line-height:1.55;max-width:320px}
.foot2-soc{gap:6px}
.foot2-btn{padding:8px 13px;border-radius:12px;font-size:12.5px;gap:6px}
.foot2-btn svg{width:16px;height:16px}
.foot2-handle{font-size:11.5px}
.foot2-copy{font-size:11px;padding-top:10px}

.foot2-badge{margin-top:0}

/* v22: pilih file & kartu VIP */
.vh{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0 0 0 0);pointer-events:none}
.imgi{position:relative}
.drop{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1.5px dashed #34414f;border-radius:14px;background:var(--panel);cursor:pointer;transition:border-color .15s,background .15s;-webkit-tap-highlight-color:transparent}
.drop:active,.vh:focus-visible+.drop{border-color:var(--g);background:rgba(61,220,132,.07)}
.drop-ic{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(61,220,132,.14);color:var(--g)}
.drop-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.drop-t b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.drop-t small{font-size:11.5px;color:var(--mute)}
.drop img{flex:none;width:44px;height:44px;border-radius:10px;object-fit:cover;border:1px solid var(--line)}
.drop.has{border-style:solid;border-color:rgba(61,220,132,.5)}
.vipsel{position:relative;align-items:center;gap:12px;padding:14px;border-radius:16px;transition:border-color .15s,background .15s;-webkit-tap-highlight-color:transparent}
.vipsel .vip-ic{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#252c36;color:#7b8696;transition:all .15s}
.vipsel .vip-t{flex:1;min-width:0}
.vipsel .vip-t b{font-size:15px}
.vipsel .vip-t small{display:block;font-size:12px;line-height:1.45;margin-top:2px}
.vipsel .sw{flex:none;position:relative;width:48px;height:28px;border-radius:99px;background:#2b3441;transition:background .15s}
.vipsel .sw::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.4);transition:transform .18s}
.vipsel input:checked~.sw{background:linear-gradient(135deg,#ffd45a,#f5a300)}
.vipsel input:checked~.sw::after{transform:translateX(20px)}
.vipsel input:checked~.vip-ic{background:linear-gradient(135deg,#ffd45a,#f5a300);color:#2a1c00;box-shadow:0 4px 14px rgba(245,163,0,.3)}
.vipsel:has(input:checked){border-color:rgba(245,163,0,.6);background:linear-gradient(135deg,rgba(255,212,90,.10),rgba(245,163,0,.04))}
.vipsel input:focus-visible~.sw{outline:2px solid var(--g);outline-offset:2px}

/* v22b: saklar 'Perbarui otomatis' */
.swrow{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid var(--line);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .15s,background .15s}
.swrow-ic{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#252c36;color:#7b8696;transition:all .15s}
.swrow-t{flex:1;min-width:0}
.swrow-t b{display:block;font-size:13.5px}
.swrow-t small{display:block;font-size:11.5px;line-height:1.4;color:var(--mute)}
.swrow .sw{flex:none;position:relative;width:44px;height:26px;border-radius:99px;background:#2b3441;transition:background .15s}
.swrow .sw::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.4);transition:transform .18s}
.swrow input:checked~.sw{background:var(--g)}
.swrow input:checked~.sw::after{transform:translateX(18px)}
.swrow input:checked~.swrow-ic{background:rgba(61,220,132,.18);color:var(--g)}
.swrow:has(input:checked){border-color:rgba(61,220,132,.4);background:rgba(61,220,132,.06)}
.swrow input:focus-visible~.sw{outline:2px solid var(--g);outline-offset:2px}

/* v23: hero besar + populer bergerak */
.hero.solo{display:block!important}
.mh{position:relative;isolation:isolate;overflow:hidden;background:var(--bg);border-bottom:1px solid var(--line)}
.mh::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(11,15,20,.88) 0%,rgba(11,15,20,.45) 60%,rgba(11,15,20,.15) 100%),linear-gradient(180deg,rgba(11,15,20,.25) 0%,transparent 35%,var(--bg) 100%)}
.mh-slides,.mh-slide{position:absolute;inset:0}
.mh-slide{opacity:0;transition:opacity .9s ease;pointer-events:none}
.mh-slide.on{opacity:1}
.mh-bg{position:absolute;inset:-40px;background:#0b0f14 center/cover no-repeat;filter:blur(34px) saturate(1.5) brightness(.6);transform:scale(1.2)}
.mh-in{position:relative;z-index:2;max-width:1100px;margin:0 auto;padding:calc(min(62vw,320px) - 6px) 16px 30px;display:flex;flex-direction:column;align-items:flex-start}
.mh-pill{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:99px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px);font-size:12px;font-weight:700;color:#dfe7f2;margin-bottom:12px}
.mh-pill i{width:8px;height:8px;border-radius:50%;background:var(--g);animation:bnpulse 1.8s infinite}
.mh h1{margin:0 0 10px;font-size:clamp(28px,8.4vw,56px);line-height:1.04;letter-spacing:-.02em;font-weight:800;text-transform:uppercase;max-width:11em;text-shadow:0 4px 24px rgba(0,0,0,.5)}
.mh-hl{background:linear-gradient(90deg,var(--g),#7ee8b3 45%,#8d7fff);-webkit-background-clip:text;background-clip:text;color:transparent}
.mh p{margin:0 0 14px;color:#c3ccda;font-size:14px;line-height:1.6;max-width:30em}
.mh-now{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:6px 12px;margin-bottom:14px;border-radius:12px;background:rgba(245,163,0,.14);border:1px solid rgba(245,163,0,.4);color:#ffe29a;font-size:12.5px;font-weight:600}
.mh-now b{flex:none;color:#ffd45a}
.mh-now span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mh-now.pop{animation:mhpop .5s ease}
@keyframes mhpop{from{opacity:0;transform:translateY(6px)}}
.mh-cta{width:100%;margin-bottom:12px}
.mh-cta .btn{width:100%;min-height:48px;padding:0 22px;font-size:15px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 10px 30px rgba(61,220,132,.28)}
.mh-search{width:100%;max-width:520px;background:rgba(20,26,34,.72);backdrop-filter:blur(10px)}
.mh-dots{display:flex;gap:6px;margin-top:16px}
.mh-dots button{width:22px;height:5px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.28);cursor:pointer;transition:all .25s}
.mh-dots button.on{width:34px;background:var(--g)}
@media(min-width:700px){
 .mh{min-height:540px;display:flex;align-items:center}
  .mh-in{padding:80px 18px 70px;width:100%}
 .mh-in>*{max-width:560px}
 .mh h1{font-size:60px}
 .mh p{font-size:16px}
 .mh-cta{width:auto}.mh-cta .btn{width:auto}
}
/* populer bergerak */
.poprow.auto{scroll-snap-type:none}
.rank.r1{animation:rkpulse 2.2s ease-in-out infinite}
@keyframes rkpulse{0%,100%{box-shadow:0 0 0 0 rgba(245,163,0,.55)}50%{box-shadow:0 0 0 7px rgba(245,163,0,0)}}
.flame{display:inline-block;animation:flick 1.4s ease-in-out infinite;transform-origin:50% 90%}
@keyframes flick{0%,100%{transform:scale(1) rotate(-3deg)}50%{transform:scale(1.18) rotate(4deg)}}
@media(prefers-reduced-motion:reduce){.rank.r1,.flame,.mh-pill i{animation:none}}

/* v23b: gambar jadi latar penuh (tanpa celah kosong) */
.mh-bg{inset:0;filter:brightness(.82) saturate(1.15);transform:scale(1.04)}
.mh-slide.on .mh-bg{animation:mhzoom 9s ease-out both}
@keyframes mhzoom{from{transform:scale(1.04)}to{transform:scale(1.14)}}
.mh::before{background:linear-gradient(180deg,rgba(11,15,20,.10) 0%,rgba(11,15,20,.25) 28%,rgba(11,15,20,.82) 58%,var(--bg) 100%)}
.mh-in{padding-top:150px}
@media(min-width:700px){
 .mh::before{background:linear-gradient(90deg,var(--bg) 0%,rgba(11,15,20,.85) 38%,rgba(11,15,20,.2) 100%),linear-gradient(180deg,transparent 70%,var(--bg) 100%)}
 .mh-in{padding-top:80px}
}
@media(prefers-reduced-motion:reduce){.mh-slide.on .mh-bg{animation:none}}

/* v24: daftar aplikasi admin horizontal (geser ke samping) */
.adm-grid{display:flex;grid-template-columns:none;gap:10px;overflow-x:auto;overflow-y:hidden;margin:0 -14px;padding:2px 14px 12px;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.adm-grid::-webkit-scrollbar{display:none}
@media(min-width:900px){.adm-grid{margin:0;padding-left:2px;padding-right:2px}}
.adm-card{flex:none;width:138px;flex-direction:column;align-items:stretch;scroll-snap-align:start}
.adm-card-link{flex-direction:column;align-items:stretch;gap:8px;padding:8px;flex:1}
.adm-card-ic{width:100%;height:auto;flex:none}
.adm-card-ic .ic,.adm-card-ic .ph{width:100%;height:auto;aspect-ratio:1;border-radius:12px}
.adm-card-info b{font-size:12.5px;line-height:1.3;-webkit-line-clamp:2;min-height:2.6em}
.adm-card-info .sub{font-size:11px}
.adm-card-acts{padding:0 8px 8px;gap:6px}
.adm-card-acts .btn{flex:1;width:auto;height:34px;font-size:14px}
.adm-card-acts form{flex:1}
.adm-card-acts form button{width:100%}

/* v25: kartu admin kecil, 3 kolom, baris lanjut ke bawah */
.adm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;overflow:visible;margin:0;padding:2px 0 10px;scroll-snap-type:none}
@media(min-width:600px){.adm-grid{grid-template-columns:repeat(4,1fr);gap:10px}}
@media(min-width:900px){.adm-grid{grid-template-columns:repeat(6,1fr)}}
.adm-card{width:auto;min-width:0;border-radius:13px}
.adm-card-link{padding:6px;gap:6px}
.adm-card-ic .ic,.adm-card-ic .ph{border-radius:10px}
.adm-card-info{gap:2px}
.adm-card-info b{font-size:11.5px;line-height:1.25;min-height:2.5em}
.adm-card-info .sub{font-size:10px;gap:3px}
.adm-card .kb{font-size:8.5px;padding:1px 6px}
.adm-card-dl{font-size:10px}
.adm-card-acts{padding:0 6px 6px;gap:5px}
.adm-card-acts .btn{height:30px;font-size:13px;border-radius:9px}

/* v26: halaman Pengguna & menu VIP */
.stat.gold b{color:#f5b300}
.uc{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:14px;margin-bottom:12px}
.uc.vip{border-color:rgba(245,163,0,.5);background:linear-gradient(135deg,rgba(255,212,90,.09),var(--panel) 65%)}
.uc-head{display:flex;gap:12px;align-items:center}
.uc .av{flex:none;width:48px;height:48px;border-radius:50%;object-fit:cover}
.uc.vip .av{box-shadow:0 0 0 2px var(--bg),0 0 0 4px #f5a300}
.uc-id{min-width:0;flex:1}
.uc-id b{font-size:15px}
.uc-id .sub{display:block;font-size:12px;line-height:1.4;overflow:hidden;text-overflow:ellipsis}
.uc-meta{opacity:.8}
.uc-exp{margin:12px 0 0;padding:8px 12px;border-radius:12px;background:rgba(245,163,0,.13);border:1px solid rgba(245,163,0,.35);color:#ffe29a;font-size:12.5px;font-weight:600}
.uc-form{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.uc-lb{font-size:12px;font-weight:700;color:var(--mute);margin-bottom:8px;letter-spacing:.02em;text-transform:uppercase}
.dchips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.dchip{cursor:pointer;-webkit-tap-highlight-color:transparent}
.dchip span{display:inline-block;padding:7px 13px;border-radius:99px;background:var(--panel2);border:1px solid var(--line);font-size:12.5px;font-weight:600;color:var(--mute);transition:all .15s}
.dchip input:checked+span{background:linear-gradient(135deg,#ffd45a,#f5a300);border-color:transparent;color:#2a1c00;box-shadow:0 4px 14px rgba(245,163,0,.28)}
.dchip input:focus-visible+span{outline:2px solid var(--g);outline-offset:2px}
.uc-acts{display:flex;gap:8px}
.uc-acts .btn{min-height:42px;border-radius:12px;font-size:14px}
.btn.gold{flex:1;background:linear-gradient(135deg,#ffd45a,#f5a300);color:#2a1c00;font-weight:800;border:0;box-shadow:0 6px 18px rgba(245,163,0,.25)}
.uc-acts .ghost{padding:0 14px}
.uc-del{flex:none;width:44px;padding:0;display:grid;place-items:center;font-size:16px}
.cfm{position:fixed;inset:0;z-index:9998;display:flex;align-items:flex-end;justify-content:center;padding:0 12px calc(12px + env(safe-area-inset-bottom,0px))}
.cfm[hidden]{display:none}
.cfm-bg{position:absolute;inset:0;background:rgba(3,6,10,.72);backdrop-filter:blur(3px);opacity:0;transition:opacity .16s}
.cfm-card{position:relative;width:100%;max-width:400px;background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:26px 22px 20px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.6);transform:translateY(30px);opacity:0;transition:transform .2s ease,opacity .16s}
.cfm.on .cfm-bg{opacity:1}
.cfm.on .cfm-card{transform:none;opacity:1}
.cfm-ic{width:60px;height:60px;margin:0 auto 14px;border-radius:18px;display:grid;place-items:center;background:rgba(255,107,107,.14);color:var(--red)}
.cfm[data-tone=gold] .cfm-ic{background:rgba(245,179,0,.15);color:#ffc83d}
.cfm-card h3{margin:0 0 6px;font-size:19px;font-weight:800;letter-spacing:-.01em}
.cfm-card p{margin:0 0 22px;color:var(--mute);font-size:14.5px;line-height:1.55}
.cfm-act{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cfm-act .btn{min-height:48px;padding:0 12px;font-size:15px;border-radius:14px}
.btn.danger2{background:var(--red);color:#2a0606;font-weight:800}
.btn.danger2:hover{background:#ff8585}
.cfm-act .btn.gold{flex:none}
@media(min-width:600px){.cfm{align-items:center}}
@media(prefers-reduced-motion:reduce){.cfm-card,.cfm-bg{transition:none}}

.uc.blk{border-color:rgba(255,107,107,.45)}
.rb.blk{background:rgba(255,107,107,.16);color:var(--red)}
.uc-ub{flex:none;padding:0 14px}
.uc-blk{background:rgba(255,184,77,.14);color:#ffb84d}

.uc2{background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-bottom:6px;overflow:hidden}
.uc2.vip{border-color:rgba(245,163,0,.4)}
.uc2.blk{border-color:rgba(255,107,107,.45)}
.uc2>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:8px 12px;-webkit-tap-highlight-color:transparent}
.uc2>summary::-webkit-details-marker{display:none}
.uc2 .av{width:36px;height:36px;border-radius:50%;object-fit:cover;flex:none;font-size:14px}
.uc2.vip .av{box-shadow:0 0 0 2px var(--bg),0 0 0 3.5px #f5a300}
.u2-id{flex:1;min-width:0;display:block;line-height:1.3}
.u2-id b{font-size:14px;margin-right:6px}
.u2-id small{display:block;color:var(--mute);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.u2-b{font-style:normal;font-size:10px;font-weight:800;padding:1px 7px;border-radius:99px;background:linear-gradient(135deg,#ffd45a,#f5a300);color:#2a1c00;vertical-align:1px;margin-right:4px}
.u2-b.x{background:rgba(255,107,107,.18);color:var(--red)}
.u2-r{display:flex;align-items:center;gap:6px;flex:none;color:var(--mute)}
.u2-r em{font-style:normal;font-size:11.5px;font-weight:700;color:#f5b300}
.uc2[open]>summary .chev{transform:rotate(180deg)}
.uc2 .chev{transition:transform .2s}
.u2-body{padding:4px 12px 12px;border-top:1px solid var(--line)}
.u2-meta{margin:8px 0 10px;line-height:1.5}
.u2-row{display:flex;gap:8px;margin-bottom:8px}
.u2-row .dsel{flex:1;min-width:0}
.u2-row .btn{flex:none}
.u2-act{display:flex;gap:6px}
.u2-act .btn{flex:1;padding:7px 8px;font-size:13px}
.btn.gold.sm{flex:none}

.dpick{flex:1;min-width:0}
.dpick-b{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
.dpick-b svg{flex:none;color:var(--mute)}
.pk-g{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:14px}
.pk-o{min-height:48px;border-radius:14px;border:1.5px solid var(--line);background:var(--panel2);color:var(--text);font:inherit;font-weight:700;font-size:14px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:.15s}
.pk-o.perm{grid-column:1/-1}
.pk-o.on{background:rgba(245,179,0,.14);border-color:#f5b300;color:#ffcb3d;box-shadow:0 0 0 3px rgba(245,179,0,.12)}
.pk .cfm-card h3{margin-bottom:2px}
.pk .cfm-card p{margin-bottom:16px}
.pk .pk-x{width:100%;min-height:46px;border-radius:14px}

.cfm-act .btn{display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;line-height:1.2}
.blk-act{grid-template-columns:1fr!important;gap:8px}
.blk-act .blk-tg{background:transparent;border:1px solid var(--line);color:var(--mute);font-weight:600;min-height:44px}
.blk-act .blk-tg:hover{background:var(--panel2);color:var(--text)}
.blkm .cfm-card p{line-height:1.6}


/* ===== Perbaikan garis terang di tepi kanan banner (gambar banner "bocor" keluar kotak & bikin halaman bisa geser samping) ===== */
html{overflow-x:hidden;max-width:100%}
.mh,.bn{overflow:hidden;overflow:clip;clip-path:inset(0);contain:paint;width:100%;max-width:100%}
.mh-slides,.mh-slide{overflow:hidden;overflow:clip;clip-path:inset(0)}
.mh-bg{inset:0;will-change:transform;backface-visibility:hidden}
.bn-bg{inset:0;transform:none;will-change:transform}

/* ===== FIX: halaman tidak bisa digeser samping & tidak ada garis cahaya di tepi =====
   Penyebab: .poprow memakai margin -18px padahal padding .wrap di HP hanya 14px
   -> melebar 4px (≈12px layar) sehingga halaman jadi bisa digeser & agak "zoom". */
html{background:var(--bg);overflow-x:hidden;overflow-x:clip}
body{overflow-x:hidden;overflow-x:clip;max-width:100%;position:relative}
@media(max-width:899px){
  /* tanpa margin negatif sama sekali -> tidak ada lagi lebar berlebih */
  .poprow{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
}
html,body{overscroll-behavior-x:none;touch-action:pan-x pan-y} /* kunci: tidak bisa dicubit zoom, hanya geser atas-bawah */

/* ===== Bagian bawah beranda: VIP + Request + Cara install ===== */
.xtra{padding:6px 0 34px}
.xcards{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
@media(min-width:600px){.xcards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.xcards.one{grid-template-columns:minmax(0,1fr)}}
.xcard{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:20px 18px 18px;border-radius:22px;background:var(--panel);border:1px solid var(--line);overflow:hidden}
.xcard h3{margin:10px 0 6px;font-size:17px;font-weight:800;letter-spacing:-.01em}
.xcard p{margin:0 0 16px;color:var(--mute);font-size:13.5px;line-height:1.55}
.xcard ul{list-style:none;margin:0 0 16px;padding:0;color:var(--mute);font-size:13.5px}
.xcard li{position:relative;padding:3px 0 3px 22px}
.xcard li::before{content:"✔";position:absolute;left:0;color:#f5b300;font-size:12px;top:5px}
.xic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:22px;background:var(--panel2)}
.xvip{background:linear-gradient(160deg,rgba(245,179,0,.14),rgba(255,138,0,.04) 60%,var(--panel));border-color:rgba(245,179,0,.4)}
.xvip .xic{background:linear-gradient(135deg,#ffd45a,#f5a300)}
.xreq{background:linear-gradient(160deg,rgba(61,220,132,.1),var(--panel) 65%);border-color:rgba(61,220,132,.3)}
.xreq .xic{background:rgba(61,220,132,.18)}
.xbtn{margin-top:auto;width:100%;min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;border-radius:13px;font-size:14.5px}
.xhow{margin-top:14px;padding:16px 14px 14px;border-radius:20px;background:var(--panel);border:1px solid var(--line)}
.xh{display:block;margin:0 0 12px;font-size:14px;text-align:center}
.xhow ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.xhow li{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;min-width:0}
.xhow li i{font-style:normal;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:14px;background:var(--g);color:var(--ink)}
.xhow li span{font-size:12.5px;line-height:1.35;color:var(--mute)}

/* tab cara install: APK / Module Zygisk */
.xhow{padding:14px}
.xtabs{display:flex;gap:4px;background:var(--bg);border-radius:14px;padding:4px;margin:0 0 14px}
.xtabs label{flex:1;text-align:center;padding:9px 6px;border-radius:10px;font-weight:700;font-size:13.5px;color:var(--mute);cursor:pointer;-webkit-tap-highlight-color:transparent}
#xh1:checked~.xtabs label[for=xh1],#xh2:checked~.xtabs label[for=xh2]{background:var(--g);color:var(--ink)}
#xh1:focus-visible~.xtabs label[for=xh1],#xh2:focus-visible~.xtabs label[for=xh2]{outline:2px solid var(--g);outline-offset:2px}
.xp{display:none}
#xh1:checked~.xp1,#xh2:checked~.xp2{display:block}
.xhow ol.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.xhow ol.c4{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 8px}
@media(min-width:600px){.xhow ol.c4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.xnote{margin:14px 0 0;padding:9px 12px;border-radius:12px;background:rgba(245,179,0,.1);border:1px solid rgba(245,179,0,.3);color:#ffd98a;font-size:12.5px;line-height:1.5;text-align:center}

/* ===== v21: info kartu, kontak VIP, footer legal, halaman legal ===== */
.cmeta{margin-top:3px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cmeta.new{color:var(--g);font-weight:700}
.xask{margin:12px 0 0;font-size:12.5px;color:var(--mute);width:100%;text-align:center}
.xask a{color:#ffcb3d;font-weight:700;text-decoration:underline}
.foot2-legal{margin-top:6px;font-size:12px}
.foot2-legal a{color:var(--mute);text-decoration:underline}
.foot2-legal a:hover{color:var(--g)}
.legal{max-width:760px;margin:18px auto 40px;padding:22px 20px;line-height:1.7}
.legal h1{margin:6px 0 2px;font-size:26px;letter-spacing:-.02em}
.legal h2{margin:24px 0 6px;font-size:17px}
.legal p,.legal li{color:#c3ccda;font-size:14.5px}
.legal ul{padding-left:20px;margin:6px 0}
.legal li{margin:4px 0}
.legal a{color:var(--g);text-decoration:underline}
.legal .back{color:var(--mute);text-decoration:none}

/* ===== v24: halaman Pengguna lebih menarik ===== */
.stats4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 12px}
.st{display:flex;flex-direction:column;align-items:center;gap:1px;padding:10px 4px 9px;border-radius:16px;background:var(--panel);border:1px solid var(--line);text-align:center;min-width:0;transition:background .15s,transform .15s}
.st:active{transform:scale(.97)}
.st i{font-style:normal;font-size:15px;line-height:1.2}
.st b{font-size:21px;line-height:1.15;letter-spacing:-.02em}
.st span{font-size:11.5px;color:var(--mute);white-space:nowrap}
.st.gold{border-color:rgba(245,179,0,.35);background:linear-gradient(160deg,rgba(255,212,90,.1),var(--panel) 70%)}
.st.gold b{color:#f5b300}
.st.red b{color:var(--red)}
.soonbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px;padding:10px 14px;border-radius:14px;background:rgba(255,138,0,.12);border:1px solid rgba(255,138,0,.4);color:#ffc680;font-size:13px}
.soonbar b{color:#ffd9a0}
.soonbar span,.soonbar a{margin-left:auto;font-weight:700;color:#ffb347;text-decoration:none}
.soonbar.on{background:rgba(255,138,0,.08)}
.sortrow{display:flex;align-items:center;gap:6px;margin:0 0 12px;overflow-x:auto;scrollbar-width:none;font-size:12.5px;color:var(--mute)}
.sortrow::-webkit-scrollbar{display:none}
.sortrow span{flex:none;margin-right:2px}
.sortrow a{flex:none;padding:5px 12px;border-radius:99px;background:var(--panel);border:1px solid var(--line);font-weight:600;color:var(--mute)}
.sortrow a.on{background:rgba(61,220,132,.14);border-color:rgba(61,220,132,.5);color:var(--g)}
.u2-t{color:#6f7a8b;font-size:11px;margin-top:1px}
.u2-b.nw{background:rgba(61,220,132,.18);color:var(--g)}
.u2-r em.exp7{color:#ff9f43}
.u2-r em.exp3{color:var(--red);animation:expb 1.6s ease-in-out infinite}
@keyframes expb{50%{opacity:.55}}
@media(prefers-reduced-motion:reduce){.u2-r em.exp3{animation:none}}
.u2-copy{font:inherit;font-size:11.5px;font-weight:700;margin-left:6px;padding:2px 10px;border-radius:99px;border:1px solid var(--line);background:var(--panel2);color:var(--mute);cursor:pointer}
.u2-copy.ok{color:var(--g);border-color:rgba(61,220,132,.5)}
.chartc{margin:16px 0 10px;padding:14px 14px 10px;border-radius:18px;background:var(--panel);border:1px solid var(--line)}
.chartc-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:10px;font-size:13.5px}
.chartc-h span{color:var(--mute);font-size:12px}
.bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;height:130px;align-items:end}
.bcol{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;height:100%;min-width:0}
.bcol i{display:block;width:100%;max-width:34px;border-radius:8px 8px 4px 4px;background:var(--panel2);min-height:4px}
.bcol i.has{background:linear-gradient(180deg,var(--g),var(--g2))}
.bn{font-size:11.5px;font-weight:700;min-height:14px;color:var(--text)}
.bd{font-size:11px;color:var(--mute)}
.xonly{display:inline-block;margin:-4px 0 14px;padding:5px 13px;border-radius:99px;background:rgba(61,220,132,.14);border:1px solid rgba(61,220,132,.45);color:var(--g);font-size:12.5px;font-weight:800;letter-spacing:.01em}

.pm{width:280px}.pmhead .sub.vt{white-space:normal;overflow:visible;text-overflow:clip;color:#f5b300;line-height:1.35;margin-top:2px}

/* ===== v31: perbaikan menu akun (tidak bergantung pada header.php) ===== */
.pm{width:290px!important}
.pmhead>div{min-width:0;flex:1}
.pmhead .sub{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere;line-height:1.35}
.pmhead .sub+.sub{color:#f5b300!important;margin-top:2px;display:block}
.nbtn svg path:last-of-type{d:path("M3.5 7.5l8.5 6 8.5-6")!important}
/* ===== akhir v31 ===== */

/* ===== v32: halaman Pesan saya ===== */
.ms-wrap{max-width:720px;padding-top:22px;padding-bottom:34px}
.ms-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.ms-h1{margin:0;font-size:24px;font-weight:800;letter-spacing:-.02em;line-height:1.15}
.ms-sub{margin:2px 0 0;color:var(--mute);font-size:13px}
.ms-new{flex:none;display:inline-flex;align-items:center;gap:6px;background:var(--g);color:var(--ink);font-weight:800;font-size:13.5px;padding:9px 14px;border-radius:12px}
.ms-new:hover{background:var(--g2)}
.ms-acc{display:inline-flex;align-items:center;gap:7px;max-width:100%;margin:0 0 16px;padding:5px 12px;border-radius:99px;background:var(--panel);border:1px solid var(--line);color:var(--mute);font-size:12.5px}
.ms-acc svg{flex:none}.ms-acc span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ms{background:var(--panel);border:1px solid var(--line);border-radius:18px;margin-bottom:10px;overflow:hidden;transition:border-color .15s}
.ms.new{border-color:rgba(61,220,132,.5)}
.ms[open]{border-color:#2f3b4a}
.ms-sum{list-style:none;display:flex;gap:12px;align-items:flex-start;padding:14px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.ms-sum::-webkit-details-marker{display:none}
.ms-sum:focus-visible{outline:2px solid var(--g);outline-offset:-2px;border-radius:18px}
.ms-ic{position:relative;flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--panel2);color:var(--g)}
.ms.new .ms-ic{background:var(--g);color:var(--ink)}
.ms-dot{position:absolute;top:-3px;right:-3px;width:12px;height:12px;border-radius:50%;background:#ff6b6b;border:2px solid var(--panel)}
.ms-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.ms-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.ms-title{min-width:0;font-size:15px;font-weight:700;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ms-time{flex:none;color:var(--mute);font-size:12px}
.ms-prev{color:var(--mute);font-size:13.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
.ms-tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px}
.ms-tag{display:inline-flex;align-items:center;font-size:11.5px;font-weight:700;line-height:1;padding:5px 10px;border-radius:99px;background:var(--panel2);color:var(--mute)}
.ms-tag.wait{background:rgba(255,184,77,.14);color:#ffb84d}
.ms-tag.ok{background:rgba(61,220,132,.14);color:var(--g)}
.ms-tag.nw{background:var(--g);color:var(--ink)}
.ms-chev{margin-left:auto;color:var(--mute);transition:transform .2s}
.ms[open] .ms-chev{transform:rotate(180deg)}
.ms-body{padding:4px 14px 14px;border-top:1px solid var(--line)}
.ms-chat{display:flex;flex-direction:column;gap:8px;margin:12px 0}
.ms-b{max-width:88%;padding:9px 13px 10px;border-radius:16px;font-size:14.5px;line-height:1.5;white-space:pre-wrap;word-break:break-word}
.ms-bw{font-size:11px;font-weight:700;opacity:.7;margin-bottom:3px}
.ms-b.me{align-self:flex-end;background:var(--g);color:var(--ink);border-bottom-right-radius:5px}
.ms-b.adm{align-self:flex-start;background:var(--panel2);color:var(--text);border-bottom-left-radius:5px}
.ms-hint{margin:2px 0 0;text-align:center;color:var(--mute);font-size:12.5px}
.ms-form{display:flex;flex-direction:column;gap:8px}
.ms-form textarea{min-height:84px;padding:12px 14px;background:var(--bg);border-radius:14px;font-size:15px;line-height:1.5}
.ms-form .btn{width:100%;padding:12px;font-size:15px;border-radius:12px}
.ms-empty{text-align:center;padding:44px 20px;background:var(--panel);border:1px dashed var(--line);border-radius:20px}
.ms-eic{width:64px;height:64px;margin:0 auto 12px;border-radius:20px;display:grid;place-items:center;background:var(--panel2);color:var(--g)}
.ms-empty b{display:block;font-size:17px}.ms-empty p{margin:4px 0 16px;color:var(--mute);font-size:13.5px}
@media(min-width:640px){.ms-form{flex-direction:row;align-items:flex-end}.ms-form .btn{width:auto;padding:12px 22px}.ms-form textarea{flex:1}}
/* ===== akhir v32 ===== */

/* ===== v34: Pesan admin (lebih ringkas + foto profil pengunjung) ===== */
.am{background:var(--panel);border:1px solid var(--line);border-radius:18px;margin-bottom:10px;overflow:hidden;transition:border-color .15s}
.am.new{border-color:rgba(61,220,132,.5)}
.am[open]{border-color:#2f3b4a}
.am-sum{list-style:none;display:flex;gap:12px;align-items:flex-start;padding:12px 14px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.am-sum::-webkit-details-marker{display:none}
.am[open]>.am-sum{border-bottom:1px solid var(--line)}
.am-lead{position:relative;flex:none}
.am-img{display:block;width:46px;height:46px;border-radius:50%;object-fit:cover;background:var(--panel2)}
.am-ini{display:grid;place-items:center;font-weight:800;font-size:18px;color:var(--g)}
.am-dot{position:absolute;top:-2px;right:-2px;width:13px;height:13px;border-radius:50%;background:var(--g);border:2.5px solid var(--panel)}
.am-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.am-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.am-name{min-width:0;font-size:15px;font-weight:600;color:#c9d2de;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.am.new .am-name{font-weight:800;color:#fff}
.am-time{flex:none;color:var(--mute);font-size:12px}
.am-sub{color:var(--mute);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.am-tags{display:flex;align-items:center;gap:6px;margin-top:5px}
.am-sp{flex:1}
.am-tags .mtr{width:30px;height:30px;border-radius:9px}
.am-tags .mtr svg{width:15px;height:15px}
.am-chev{flex:none;color:var(--mute);transition:transform .2s}
.am[open] .am-chev{transform:rotate(180deg)}
.ms-tag.tb-broken{background:rgba(255,107,107,.14);color:var(--red)}
.ms-tag.tb-report{background:rgba(255,184,77,.14);color:#ffb84d}
.ms-tag.tb-update{background:rgba(99,102,241,.18);color:#a5a8ff}
.ms-tag.tb-other{background:var(--panel2);color:var(--mute)}
.am .mopen{padding:12px 14px 14px;gap:0}
.am .mopen .mcchip{font-size:13px;padding:5px 11px}
.am .mopen .mdate{font-size:12px}
.am .mopen .mlbl{margin:12px 0 5px;font-size:10.5px}
.am .mopen .mbody{font-size:14.5px;line-height:1.55;padding:10px 12px}
.am .mopen .bub{font-size:14px;padding:8px 12px}
.am .mopen .rform textarea{min-height:66px;padding:10px 12px;font-size:14.5px;line-height:1.5}
.am .mopen .rform .btn{padding:10px 14px;font-size:14px}
.am .mopen .mnote{font-size:12px;line-height:1.5;padding:8px 10px;margin:8px 0 10px}
.am .mopen .macts .btn{padding:9px 12px;font-size:13px}
/* ===== akhir v34 ===== */

/* ===== v36: kartu pesan admin lebih rapi (2 baris) ===== */
.am-sum{align-items:center;padding:13px 14px;gap:13px}
.am-img{width:50px;height:50px;box-shadow:0 0 0 2px var(--panel2)}
.am.new .am-img{box-shadow:0 0 0 2px var(--g)}
.am-main{gap:5px}
.am-row2{display:flex;align-items:center;gap:7px;min-width:0}
.am-row2 .am-sub{flex:0 1 auto;min-width:0}
.am-row2 .ms-tag{flex:none}
.am-row2 .am-sp{flex:1 1 0;min-width:4px}
.am-row2 .mtr{flex:none;width:32px;height:32px;border-radius:10px;margin-left:2px}
.am-row2 .am-chev{margin-left:0}
.am-top{align-items:center}
.am-time{font-size:11.5px}
.am[open]>.am-sum{border-bottom:1px solid var(--line)}
/* ===== akhir v36 ===== */

/* ===== v40: gelembung balasan Admin berwarna ungu (serasi dengan hijau situs) ===== */
.ms-b.adm{background:linear-gradient(135deg,#6f5cff,#8b5cf6);color:#fff;box-shadow:0 4px 14px rgba(111,92,255,.25)}
.ms-b.adm .ms-bw{opacity:.85;color:#ece8ff}
/* ===== akhir v40 ===== */

/* ===== v41: warna gelembung dilembutkan (tidak menyilaukan di tema gelap) ===== */
.ms-b.me{background:rgba(61,220,132,.14);border:1px solid rgba(61,220,132,.32);color:#d6f5e4;box-shadow:none}
.ms-b.me .ms-bw{color:#8fdcb2;opacity:.9}
.ms-b.adm{background:rgba(139,120,255,.16);border:1px solid rgba(139,120,255,.38);color:#e4defc;box-shadow:none}
.ms-b.adm .ms-bw{color:#b8aaff;opacity:.95}
/* ===== akhir v41 ===== */

/* ===== v42: notifikasi langsung (toast) ===== */
.lv-toast{position:fixed;left:50%;bottom:92px;z-index:80;max-width:calc(100vw - 28px);display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:14px;background:var(--panel2);border:1px solid rgba(61,220,132,.45);color:var(--text);font-weight:700;font-size:14px;box-shadow:0 12px 34px rgba(0,0,0,.55);transform:translate(-50%,16px);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}
.lv-toast::before{content:"";flex:none;width:9px;height:9px;border-radius:50%;background:var(--g);box-shadow:0 0 0 4px rgba(61,220,132,.2)}
.lv-toast.on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
/* ===== akhir v42 ===== */

/* kategori dinamis + jenis baru (Tool, Tutorial) */
.seg{overflow-x:auto;scrollbar-width:none;max-width:100%}.seg::-webkit-scrollbar{display:none}
.seg a{flex:1 0 auto;padding:8px 16px}
.kb.k-tool{background:rgba(245,179,0,.95);color:#2a1d00}.kb.k-tutorial{background:rgba(236,72,153,.95);color:#fff}
.kb.inl.k-tool,.kp.k-tool,.pill.k-tool{background:rgba(245,179,0,.16);color:#f5b300}
.kb.inl.k-tutorial,.kp.k-tutorial,.pill.k-tutorial{background:rgba(236,72,153,.16);color:#f472b6}

/* tanda "Diproses" untuk permintaan update */
.icw{position:relative}
.pstrip{position:absolute;left:50%;transform:translateX(-50%);bottom:5px;display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:99px;background:rgba(10,14,20,.88);color:#f5b300;font-size:10px;line-height:1.2;font-weight:800;white-space:nowrap;border:1px solid rgba(245,179,0,.45)}
.pstrip i,.prbanner i{width:9px;height:9px;border-radius:50%;border:2px solid rgba(245,179,0,.35);border-top-color:#f5b300;animation:prspin .9s linear infinite;flex:none}
@keyframes prspin{to{transform:rotate(360deg)}}
.prbanner{display:flex;align-items:center;gap:12px;margin:12px 0;padding:12px 14px;border-radius:14px;background:rgba(245,179,0,.1);border:1px solid rgba(245,179,0,.4);color:#f5b300}
.prbanner i{width:18px;height:18px}.pstrip i{width:9px;height:9px;border-width:1.5px}.prbanner b{display:block;font-size:14px}.prbanner small{display:block;color:var(--mute);font-size:12.5px;margin-top:2px}
.kb.inl.k-proses{background:rgba(245,179,0,.16);color:#f5b300}
.mspec{display:inline-block;margin-left:6px;padding:3px 9px;border-radius:99px;background:var(--panel2);color:var(--mute);font-size:12px;font-weight:700}.mspec.pr{background:rgba(245,179,0,.16);color:#f5b300}
.prform{margin:10px 0 4px}.prform .btn{width:100%}

.dlfinal{margin:16px 0 8px}.dlfinal .btn{padding:15px;font-size:16px}
.dlproc{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;background:rgba(245,179,0,.1);border:1px solid rgba(245,179,0,.4);color:#f5b300}.dlproc i{width:18px;height:18px;border-radius:50%;border:2px solid rgba(245,179,0,.35);border-top-color:#f5b300;animation:prspin .9s linear infinite;flex:none}.dlproc b{display:block;font-size:14px}.dlproc small{display:block;color:var(--mute);font-size:12.5px;margin-top:2px}
.pradm{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.pradm .btn{flex:1 1 140px}

/* VIP di pojok kanan atas ikon */
.icw .kb.k-vip{left:auto;right:6px;top:6px}

.info{margin:6px 0 0}.info>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.info>div:last-child{border:0}.info dt{color:var(--mute);font-size:13.5px;flex:none}.info dd{margin:0;font-weight:700;text-align:right;min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;overflow-wrap:anywhere}.pkg{font:600 13px ui-monospace,Menlo,Consolas,monospace;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:3px 8px;word-break:break-all}
.info>div.pk{flex-direction:column;align-items:stretch;gap:8px}.info>div.pk dd{width:100%;justify-content:space-between;flex-wrap:nowrap;text-align:left;gap:10px}.info>div.pk .pkg{flex:1;min-width:0;overflow-wrap:anywhere;word-break:break-all;font-size:12.5px;padding:7px 10px}.info>div.pk .pkgcp{flex:none}
.chat,.ms-chat{max-height:min(60vh,520px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding-right:2px}
.chat::-webkit-scrollbar,.ms-chat::-webkit-scrollbar{width:6px}.chat::-webkit-scrollbar-thumb,.ms-chat::-webkit-scrollbar-thumb{background:var(--line);border-radius:6px}

/* Kartu pesan admin: ringkas & rapi */
.mopen .mlbl{display:none}
.mopen .mfrom{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 12px}
.mopen .mbody{display:block;max-width:94%;margin:0 0 10px;padding:10px 14px;background:var(--panel2);border:0;border-radius:6px 16px 16px 16px;font-size:14.5px;line-height:1.55;color:var(--text)}
.mopen .am-cw{margin:0}
.mopen .chat{gap:8px;padding-top:2px}
.mopen .bub{font-size:14.5px;line-height:1.5;padding:8px 13px}
.mopen .bub .bwho{font-size:11px;font-weight:600;opacity:.65}
.mopen .rform{display:flex;flex-direction:row;align-items:flex-end;gap:8px;margin:14px 0 0;padding-top:14px;border-top:1px solid var(--line)}
.mopen .rform textarea{flex:1;min-width:0;min-height:46px;max-height:140px;padding:11px 14px;border-radius:14px;font-size:14.5px;line-height:1.4;resize:none;overflow-y:auto}
.mopen .rform .btn{flex:none;width:auto;min-height:46px;padding:0 20px;border-radius:14px;font-size:14.5px}
.mopen .mnote{margin:8px 2px 12px;padding:0;background:none;border:0;border-radius:0;font-size:12px;line-height:1.5;color:var(--mute)}
.mopen .macts{display:flex;flex-wrap:wrap;gap:8px;padding:0}
.mopen .macts>.btn,.mopen .macts .sp{flex:0 1 auto;width:auto;margin:0}
.mopen .macts .sp form,.mopen .macts .btn{width:auto}
.mopen .macts .btn{padding:8px 14px;font-size:13px;border-radius:10px}
.mopen .macts .btn.ghost{background:transparent;border:1px solid var(--line);color:var(--mute)}
.mopen .macts .btn.ghost:hover{color:var(--text);background:var(--panel2)}

/* Percakapan admin: satu kotak jelas, pesan awal ikut di dalamnya */
.mopen .mdate{display:none}
.mopen .mfrom{margin:0 0 10px}
.mopen .mcchip{font-size:13px;padding:6px 12px;min-height:0}
.mopen .chat{max-height:min(58vh,480px);overflow-y:auto;gap:8px;padding:12px;background:rgba(0,0,0,.22);border:1px solid var(--line);border-radius:16px;scrollbar-width:thin}
.mopen .bub{max-width:88%}
.mopen .bub .bwho{margin-bottom:2px}
.mopen .rform{margin-top:12px;padding-top:0;border-top:0}

/* Mode desktop: menu bawah admin tetap tampil sebagai bilah melayang di tengah */
@media (min-width:700px){
  .adm-bnav{display:flex !important;left:50%;right:auto;bottom:14px;transform:translateX(-50%);width:min(520px,calc(100% - 32px));border:1px solid var(--line);border-radius:18px;padding-bottom:0;box-shadow:0 8px 30px rgba(0,0,0,.45)}
  .adm-bitem{padding:11px 2px 9px}
  .adm-bitem:hover{color:var(--g)}
  main.wrap.adm{padding-bottom:96px !important}
}

/* Pengumuman */
.annw{display:flex;flex-direction:column;gap:8px;margin-top:12px;margin-bottom:4px}
.ann{display:flex;align-items:flex-start;gap:10px;padding:12px 8px 12px 14px;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--g);border-radius:14px}
.ann.imp{border-left-color:#f5b300;background:rgba(245,179,0,.08)}
.ann .anntx{min-width:0;flex:1}.ann b{display:block;font-size:14.5px}
.ann p{margin:2px 0 0;color:var(--mute);font-size:13.5px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.ann .annx{flex:none;background:none;border:0;color:var(--mute);font-size:22px;line-height:1;cursor:pointer;padding:0 8px}
.annform{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px;margin:12px 0 18px}
.annform textarea{width:100%;min-height:96px}.annchk{display:flex;align-items:center;gap:8px;margin:4px 0 14px;color:var(--mute);font-size:13.5px}
.annform .btn{width:100%}.annh{font-size:15px;margin:6px 0 10px;color:var(--mute)}
.annrow{padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-bottom:10px}
.annrow.off{opacity:.6}.annrow p{margin:6px 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14.5px}
.annhead{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}.annact{display:flex;gap:8px;margin-top:10px}