.kls-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:11px}.kls-chip{border:1px solid var(--hairline-str);background:var(--bg-panel);border-radius:99px;padding:8px 14px;font-size:13px;font-weight:600;color:var(--text-soft);cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:border-color .15s,color .15s,background .15s}.kls-chip:hover{border-color:var(--green-light);color:var(--green)}.kls-chip .n{font-size:11.5px;font-weight:700;color:var(--text-soft);opacity:.75}.kls-chip[aria-pressed=true]{background:var(--green);border-color:var(--green);color:#fff}.kls-chip[aria-pressed=true] .n{color:#fff;opacity:.8}.kls-tools{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.kls-search{position:relative;flex:1 1 260px;min-width:200px}.kls-search input{width:100%;border:1px solid var(--hairline-str);background:var(--bg-panel);border-radius:99px;padding:10px 36px 10px 34px;font-size:13.5px;color:var(--text-dark);font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s}.kls-search input:focus{border-color:var(--green-light);box-shadow:0 0 0 3px #1b56b01a}.kls-search input::placeholder{color:var(--text-soft)}.kls-search .ic{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-soft);pointer-events:none;display:flex}.kls-search .clr{position:absolute;right:9px;top:50%;transform:translateY(-50%);border:0;background:var(--bg-frame-b);color:var(--text-soft);width:22px;height:22px;border-radius:50%;cursor:pointer;display:none;align-items:center;justify-content:center}.kls-search.ada .clr{display:flex}.kls-sel{border:1px solid var(--hairline-str);background:var(--bg-panel);border-radius:99px;padding:10px 14px;font-size:13px;font-weight:600;color:var(--text-soft);font-family:inherit;cursor:pointer;outline:none}.kls-seg{display:flex;border:1px solid var(--hairline-str);border-radius:99px;overflow:hidden;background:var(--bg-panel)}.kls-seg button{border:0;background:none;font-family:inherit;font-size:13px;font-weight:600;padding:9px 15px;color:var(--text-soft);cursor:pointer;transition:background .15s,color .15s}.kls-seg button:hover{color:var(--green)}.kls-seg button[aria-pressed=true]{background:#1b56b017;color:var(--green)}.kls-count{font-size:12px;color:var(--text-soft);margin:0 0 11px}.kls-grid{display:grid;gap:16px}.kls-grid.card{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.kls-grid.list,.kls-grid.ringkas{grid-template-columns:1fr;gap:10px}.kls-mod{position:relative;background:var(--bg-panel);border:1px solid var(--hairline);border-radius:20px;box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s var(--ease-out),border-color .2s,box-shadow .2s}@media (hover:hover) and (pointer:fine){.kls-mod:hover{transform:translateY(-4px);border-color:var(--hairline-str);box-shadow:var(--shadow-lift)}.kls-mod:hover .kls-cover-ic{transform:rotate(-6deg) scale(1.06)}.kls-mod:hover .kls-pola{transform:scale(1.06)}}.kls-mod:active{transform:translateY(-1px)}.kls-mod h3,.kls-mod p{margin:0}.kls-cover{position:relative;aspect-ratio:16/7;min-height:112px;overflow:hidden;flex-shrink:0;display:grid;place-items:center;color:#fff;--a:#0A1430;--b:#1C4FB8;--c:rgba(255,255,255,.14)}.kls-cover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--a),var(--b))}.kls-cover.p-navy{--a:#0A1430;--b:#1C4FB8}.kls-cover.p-biru{--a:#1C4FB8;--b:#4F9BFF}.kls-cover.p-jingga{--a:#E2550B;--b:#FFB020}.kls-cover.p-teal{--a:#0B6B5C;--b:#2BB673}.kls-cover.p-ungu{--a:#3B1F7A;--b:#7B5CE0}.kls-cover img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.kls-cover.ada-gambar:before{display:none}.kls-cover.ada-gambar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#0a14301f,#0a143000 35%,#0a143073)}.kls-cover.ada-gambar img{transition:transform .5s var(--ease-out)}@media (hover:hover) and (pointer:fine){.kls-mod:hover .kls-cover.ada-gambar img{transform:scale(1.04)}}.kls-pola{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition:transform .5s var(--ease-out)}.kls-pola circle{fill:none;stroke:var(--c);stroke-width:14}.kls-pola circle:nth-child(2){stroke-width:6}.kls-pola .titik circle{fill:#ffffff47;stroke:none}.kls-cover-ic{position:relative;width:62px;height:62px;border-radius:18px;display:grid;place-items:center;background:#fffffff5;color:var(--a);box-shadow:0 12px 26px -10px #00000073;transition:transform .3s var(--ease-pop,ease)}.kls-cover-foot{position:absolute;left:12px;right:12px;bottom:10px;display:flex;align-items:center;gap:8px;justify-content:space-between}.kls-label{max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 11px var(--font);letter-spacing:.08em;text-transform:uppercase;background:#0a1430d1;color:#fff;padding:5px 9px;border-radius:8px}.kls-durasi{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font:700 11.5px var(--font);background:#fffffff2;color:var(--text-dark);padding:5px 9px;border-radius:99px}.kls-stempel{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:5px;font:800 11.5px var(--font);padding:5px 10px 5px 8px;border-radius:99px;background:#146c43;color:#fff;box-shadow:0 4px 12px -4px #0006}.kls-stempel.kunci{background:#0a1430d9}.kls-cover.kecil{aspect-ratio:1;min-height:0;width:64px;border-radius:16px;flex:0 0 64px}.kls-cover.kecil .kls-cover-ic{width:36px;height:36px;border-radius:11px;box-shadow:none}.kls-star{position:absolute;top:10px;right:10px;z-index:3;width:36px;height:36px;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:#ffffffeb;color:var(--text-soft);box-shadow:0 4px 12px -4px #00000059;transition:color .15s,transform .15s}.kls-star:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}.kls-star:hover{color:var(--orange-dark);transform:scale(1.08)}.kls-star[aria-pressed=true]{color:var(--orange)}.kls-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:11px;flex:1}.kls-title{font:800 18px/1.25 var(--font-display);letter-spacing:-.015em;color:var(--text-dark);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-wrap:balance}.kls-fakta{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12.5px;font-weight:600;color:var(--text-mid)}.kls-fakta span{display:inline-flex;align-items:center;gap:5px}.kls-fakta svg{color:var(--text-soft)}.kls-mod .kls-sum{font-size:13.5px;line-height:1.55;color:var(--text-soft);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kls-out{display:flex;gap:9px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:#f2f6fe;color:var(--text-mid)}.kls-out svg{flex:none;margin-top:2px;color:var(--green)}.kls-mod .kls-out p{font-size:12.5px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.kls-out b{display:block;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--green);margin-bottom:1px}.kls-meta{display:flex;gap:6px;flex-wrap:wrap}.kls-tag{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;padding:4px 9px;border-radius:99px;background:var(--bg-frame-b);color:var(--text-mid)}.kls-tag.biru{background:#1c4fb817;color:var(--green)}.kls-tag.hijau{background:var(--success-tint);color:var(--success)}.kls-tag.jingga{background:var(--orange-tint);color:var(--orange-dark)}.kls-tag.xp{background:linear-gradient(135deg,#ffe29a,#ffc24d);color:#5a2a00}.kls-mod .kls-pre{font-size:12px;color:var(--text-soft);line-height:1.5}.kls-pre b{color:var(--text-mid);font-weight:700}.kls-pre .siap{color:var(--success);font-weight:700}.kls-pre .belum{color:var(--orange-dark);font-weight:700}.kls-prog{margin-top:auto;padding-top:2px}.kls-prog .t{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:12px;color:var(--text-soft);margin-bottom:6px}.kls-prog .t b{color:var(--text-dark);font-weight:800;font-size:12.5px}.kls-bar{height:7px;border-radius:99px;background:var(--bg-frame-b);overflow:hidden}.kls-bar>i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--green),var(--green-light));transition:width .5s var(--ease-out)}.kls-bar>i.penuh{background:linear-gradient(90deg,#146c43,#2bb673)}.kls-mod.st-selesai .kls-prog .t b{color:var(--success)}.kls-acts{display:flex;gap:8px;flex-wrap:nowrap}.kls-acts .btn-primary,.kls-acts .btn-ghost,.kls-acts .kls-kredit{min-height:44px;justify-content:center;font-size:13.5px}.kls-acts .kls-tutup{flex:1}.kls-acts .kls-atasnya{flex:0 0 auto}.kls-tutup{position:static}.kls-acts .kls-tutup:active,.kls-lanjut .kls-tutup:active{transform:none}.kls-tutup:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit}.kls-atasnya,.kls-star{position:relative;z-index:2}.kls-mod .kls-star{position:absolute}.kls-mod:has(.kls-tutup:focus-visible){outline:2px solid var(--green-dark);outline-offset:3px}.kls-kredit{display:inline-flex;align-items:center;gap:6px;background:var(--orange-tint);color:var(--orange-dark);border:0;border-radius:var(--radius-sm);padding:0 14px;font-weight:800;text-decoration:none;cursor:pointer}.kls-kredit:hover{background:#ffe3d1}.kls-mod.st-terkunci .kls-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0a143047}.kls-cover-foot,.kls-stempel,.kls-cover-ic{z-index:1}.kls-atas{display:grid;gap:12px;margin:2px 0 16px}@media (min-width:900px){.kls-atas{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}}.kls-lanjut{position:relative;display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:20px;background:var(--navy-deep);color:var(--ink-on-navy);box-shadow:var(--shadow-md);overflow:hidden}.kls-lanjut:before{content:"";position:absolute;right:-60px;top:-80px;width:220px;height:220px;border-radius:50%;border:34px solid rgba(255,107,26,.12);pointer-events:none}.kls-lanjut-isi{flex:1;min-width:0;display:grid;gap:5px}.kls-lanjut-eyebrow{margin:0;display:inline-flex;align-items:center;gap:6px;font:800 11px var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--orange-light)}.kls-lanjut h2{margin:0;font:800 16.5px/1.25 var(--font-display);color:var(--ink-on-navy);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kls-lanjut small{font-size:12px;color:var(--soft-on-navy)}.kls-bar.kecil{height:6px;background:#ffffff24;max-width:320px}.kls-bar.kecil>i{background:linear-gradient(90deg,var(--orange),#FFB020)}.kls-lanjut .btn-accent{position:static;flex:none}.kls-lanjut :focus-visible{outline-color:var(--orange)}.kls-stat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.kls-stat>div{display:grid;gap:2px;align-content:center;padding:12px;border-radius:16px;background:#fff;border:1px solid var(--hairline)}.kls-stat svg{color:var(--orange-dark);margin-bottom:2px}.kls-stat b{font:800 20px/1.1 var(--font-display);color:var(--text-dark)}.kls-stat b em{font-style:normal;font-size:14px;color:var(--text-soft)}.kls-stat span{font-size:11.5px;font-weight:600;color:var(--text-soft)}@media (max-width:560px){.kls-lanjut{flex-wrap:wrap}.kls-lanjut .btn-accent{width:100%;justify-content:center}}.kls-head{margin-bottom:14px;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-sm)}.kls-head .kls-cover{aspect-ratio:auto;height:150px}.kls-grid.list .kls-mod{flex-direction:row;align-items:stretch}.kls-grid.list .kls-cover{aspect-ratio:auto;width:190px;min-height:0;flex:0 0 190px}.kls-grid.list .kls-cover-ic{width:48px;height:48px;border-radius:14px}.kls-grid.list .kls-durasi{display:none}.kls-grid.list .kls-body{display:grid;grid-template-columns:minmax(0,1fr) 270px;column-gap:20px;row-gap:8px;grid-template-areas:"title prog" "fakta prog" "meta acts" "pre acts";padding:14px 18px;align-items:center}.kls-grid.list .kls-acts>*{white-space:nowrap}.kls-grid.list .kls-title{grid-area:title;font-size:16px;-webkit-line-clamp:2}.kls-grid.list .kls-fakta{grid-area:fakta}.kls-grid.list .kls-meta{grid-area:meta}.kls-grid.list .kls-pre{grid-area:pre}.kls-grid.list .kls-prog{grid-area:prog;margin:0}.kls-grid.list .kls-acts{grid-area:acts}.kls-grid.list .kls-sum,.kls-grid.list .kls-out{display:none}.kls-grid.list .kls-star{top:10px;right:auto;left:144px}.kls-grid.ringkas .kls-mod{flex-direction:row;align-items:center;box-shadow:none;border-radius:16px}.kls-grid.ringkas .kls-mod:hover{transform:none;box-shadow:var(--shadow-sm)}.kls-grid.ringkas .kls-cover{aspect-ratio:1;width:56px;min-height:0;flex:0 0 56px;margin:10px 0 10px 12px;border-radius:14px}.kls-grid.ringkas .kls-cover-ic{width:30px;height:30px;border-radius:9px;box-shadow:none}.kls-grid.ringkas .kls-cover-ic svg{width:16px;height:16px}.kls-grid.ringkas .kls-cover-foot,.kls-grid.ringkas .kls-stempel,.kls-grid.ringkas .kls-pola{display:none}.kls-grid.ringkas .kls-body{flex-direction:row;align-items:center;gap:14px;padding:10px 14px}.kls-grid.ringkas .kls-title{flex:1;min-width:0;font-size:14.5px;-webkit-line-clamp:2}.kls-grid.ringkas .kls-sum,.kls-grid.ringkas .kls-out,.kls-grid.ringkas .kls-meta,.kls-grid.ringkas .kls-fakta,.kls-grid.ringkas .kls-pre,.kls-grid.ringkas .kls-star{display:none}.kls-grid.ringkas .kls-prog{flex:0 0 150px;margin:0}.kls-grid.ringkas .kls-prog .t{white-space:nowrap}.kls-grid.ringkas .kls-acts{flex:0 0 auto}.kls-grid.ringkas .kls-acts .kls-atasnya{display:none}.kls-grid.ringkas .kls-acts>*{white-space:nowrap}.kls-grid.ringkas .kls-acts .kls-tutup{min-width:148px}@media (max-width:880px){.kls-grid.list .kls-mod{flex-direction:column}.kls-grid.list .kls-cover{width:auto;flex:none;height:96px}.kls-grid.list .kls-body{grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "fakta" "meta" "pre" "prog" "acts";padding:14px 16px}.kls-grid.list .kls-star{left:auto;right:10px}.kls-grid.ringkas .kls-body{flex-wrap:wrap}.kls-grid.ringkas .kls-prog{flex:1 1 100%;order:3}}@media (max-width:560px){.kls-acts-teks{display:none}.kls-acts .kls-atasnya{width:48px;padding:0}}@media (prefers-reduced-motion: reduce){.kls-mod,.kls-pola,.kls-cover-ic,.kls-bar>i,.kls-star{transition:none}.kls-mod:hover,.kls-mod:active{transform:none}}@media (max-width:560px){.kls-seg{width:100%}.kls-seg button{flex:1}.kls-sel{flex:1 1 100%}}.kls-empty{border:1px dashed var(--hairline-str);border-radius:var(--radius);padding:34px 20px;text-align:center;color:var(--text-soft);font-size:13.5px;background:var(--bg-panel)}.kls-syarat{padding:14px 16px;margin-bottom:14px}.kls-syarat h4{font-size:13px;font-weight:800;color:var(--text-dark);margin:0 0 3px}.kls-syarat p.k{font-size:12px;color:var(--text-soft);margin:0 0 11px;line-height:1.5}.kls-syarat .item{display:flex;gap:9px;align-items:flex-start;padding:7px 0;font-size:12.5px;color:var(--text-mid);line-height:1.5}.kls-syarat .item i{flex-shrink:0;margin-top:1px;display:flex}.kls-syarat .item.ok{color:#168a5a}.kls-syarat .sisa{font-size:11.5px;color:var(--text-soft);margin-top:2px}.kls-syarat .beres{display:flex;gap:9px;align-items:center;font-size:13px;font-weight:700;color:#168a5a}.kls-sejak{color:var(--text-soft)}.kls-grid.ringkas .kls-sejak{display:none}@media (max-width:400px){.kls-sejak{display:none}}@media (min-width: 700px){.app-content:has(.pb-page){max-width:1040px}}.pb-page{--reach: #1b56b0;--reach-bg: #e6eefb;--trust: #0f8b8d;--trust-bg: #def3f2;--jual: #d85a12;--jual-bg: #fdeadd}.pb-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.pb-top .btn-ghost-gold{flex:none;margin-top:4px}.pb-guest{color:var(--orange-dark);font-weight:600}.pb-skeleton{height:420px;border-radius:var(--radius);background:linear-gradient(90deg,var(--bg-frame-b),#f3f7fd,var(--bg-frame-b));background-size:200% 100%;animation:pbShimmer 1.2s infinite}.pb-wizard{max-width:680px}.pb-steps{display:flex;gap:4px;padding:12px 12px 0}.pb-step{flex:1;display:flex;align-items:center;gap:7px;padding:8px 10px 11px;border:0;background:none;border-bottom:3px solid var(--hairline);font:700 12.5px var(--font);color:var(--text-soft);cursor:default}.pb-step span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--bg-frame-b);font-size:11px;flex:none}.pb-step.on{color:var(--green);border-bottom-color:var(--green)}.pb-step.on span{background:var(--green);color:#fff}.pb-step.done{color:var(--text-mid);border-bottom-color:var(--green-light);cursor:pointer}.pb-step.done span{background:var(--green-light);color:#fff}.pb-wizard-body{padding:18px 16px 6px}.pb-q{margin-bottom:20px}.pb-q-title{font-size:15px;font-weight:800;color:var(--text-dark)}.pb-q-hint{font-size:12.5px;color:var(--text-soft);margin:3px 0 0;line-height:1.45}.pb-q .login-input{margin-top:9px;margin-bottom:0}.pb-other{font-size:13px!important}.pb-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.pb-chip{display:inline-flex;align-items:center;gap:5px;padding:8px 13px;border-radius:999px;cursor:pointer;border:1px solid var(--hairline-str);background:var(--bg-panel);font:600 13px var(--font);color:var(--text-mid);transition:background .12s,border-color .12s,color .12s}.pb-chip:hover:not(:disabled){border-color:var(--green-light)}.pb-chip.on{background:var(--green);border-color:var(--green);color:#fff}.pb-chip:disabled{opacity:.4;cursor:not-allowed}.pb-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.pb-card-opt{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;cursor:pointer;padding:11px 12px;border-radius:var(--radius-sm);border:1px solid var(--hairline-str);background:var(--bg-panel);font:inherit}.pb-card-opt b{font-size:13.5px;color:var(--text-dark)}.pb-card-opt small{font-size:11.5px;color:var(--text-soft);line-height:1.35}.pb-card-opt.on{border-color:var(--green);background:var(--bg-frame-b);box-shadow:inset 0 0 0 1px var(--green)}.pb-emoji{font-size:20px;margin-bottom:2px}.pb-err{background:#fdecec;color:var(--danger);border-radius:8px;padding:8px 11px;font-size:12.5px;font-weight:600;margin-bottom:10px}.pb-wizard-foot{display:flex;justify-content:space-between;gap:8px;padding:12px 16px;border-top:1px solid var(--hairline);background:#fafcff}.pb-gen{padding:16px;display:flex;flex-direction:column;gap:12px;margin-bottom:14px;max-width:680px}.pb-gen-row{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--text-soft)}.pb-gen-row.on{color:var(--text-dark);font-weight:700}.pb-gen-row.on svg{color:var(--green)}.pb-gen-row.done{color:var(--text-mid)}.pb-gen-row.done svg{color:#1d7a5c}.pb-gen-dot{width:17px;height:17px;border-radius:50%;border:2px solid var(--hairline-str);flex:none}.pb-spin{animation:pbSpin 1s linear infinite}.pb-result{display:flex;flex-direction:column;gap:14px}.pb-hero{position:relative;overflow:hidden;color:#fff;border-radius:var(--radius);padding:20px 20px 18px;background:linear-gradient(135deg,var(--green-dark) 0%,var(--green) 60%,var(--green-light) 100%);box-shadow:var(--shadow-md)}.pb-hero:after{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:#ffffff12}.pb-hero-top{display:flex;justify-content:space-between;align-items:center}.pb-eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-onblue-soft)}.pb-hero h2{font-size:26px;font-weight:800;letter-spacing:-.01em;margin:6px 0;line-height:1.15}.pb-positioning{font-size:15px;line-height:1.5;margin:0 0 12px;color:var(--text-onblue);max-width:640px}.pb-opener{display:inline-flex;gap:8px;align-items:flex-start;background:#ffffff1f;border-radius:10px;padding:9px 12px;font-size:14px;font-weight:700;margin-bottom:12px}.pb-opener svg{flex:none;margin-top:2px;color:var(--orange-light)}.pb-traits{display:flex;gap:6px;flex-wrap:wrap}.pb-traits span{font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--orange);color:#fff}.pb-not{font-size:12.5px;color:var(--text-onblue-soft);margin:12px 0 0;font-style:italic}.pb-hero .pb-copy{color:#fff;border-color:#ffffff4d;background:#ffffff14;position:relative;z-index:1}.pb-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pb-box{background:var(--bg-panel);border:1px solid var(--hairline);border-radius:var(--radius);padding:15px 16px;box-shadow:var(--shadow-sm);min-width:0}.pb-box h3,.pb-h3{display:flex;align-items:center;gap:7px;font-size:14.5px;font-weight:800;color:var(--text-dark);margin:0 0 4px}.pb-box h3 svg{color:var(--green)}.pb-h3{margin:4px 0 10px;font-size:16px}.pb-box-sub{font-size:12px;color:var(--text-soft);margin:0 0 8px}.pb-box-foot{font-size:12.5px;color:var(--text-mid);margin:10px 0 0;padding-top:10px;border-top:1px dashed var(--hairline-str);line-height:1.5}.pb-box.warn{background:#fffaf5;border-color:#fbe1cc}.pb-box.warn h3 svg{color:var(--orange-dark)}.pb-list{margin:8px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:7px;font-size:13.5px;line-height:1.5;color:var(--text-dark)}.pb-list.quote{list-style:none;padding-left:0}.pb-list.quote li{background:var(--bg-frame-b);border-radius:8px;padding:7px 10px;font-size:13px;color:var(--text-mid)}.pb-persona{display:flex;gap:10px;margin-top:10px}.pb-persona p{margin:2px 0 0;font-size:13px;color:var(--text-mid);line-height:1.45}.pb-persona b{font-size:14px;color:var(--text-dark)}.pb-avatar{width:38px;height:38px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--orange);color:#fff;font-weight:800}.pb-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pb-pillar{--c: var(--reach);--cbg: var(--reach-bg);background:var(--bg-panel);border:1px solid var(--hairline);border-top:4px solid var(--c);border-radius:var(--radius);padding:13px 14px;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);min-width:0}.pb-pillar.t-trust{--c: var(--trust);--cbg: var(--trust-bg)}.pb-pillar.t-jual{--c: var(--jual);--cbg: var(--jual-bg)}.pb-pillar-head{display:flex;align-items:center;gap:6px}.pb-num{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:var(--c);color:#fff;font-size:12px;font-weight:800}.pb-tag{font-size:10.5px;font-weight:800;color:var(--c);background:var(--cbg);padding:3px 8px;border-radius:999px}.pb-share{margin-left:auto;font-size:13px;font-weight:800;color:var(--c)}.pb-pillar-name{font-size:15.5px;color:var(--text-dark);margin:9px 0 6px}.pb-bar{height:5px;border-radius:9px;background:var(--cbg);overflow:hidden}.pb-bar span{display:block;height:100%;background:var(--c);border-radius:inherit}.pb-pillar p{font-size:13px;color:var(--text-mid);line-height:1.5;margin:9px 0 10px}.pb-ideas{display:flex;flex-direction:column;gap:6px;margin-top:auto}.pb-idea{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;cursor:pointer;background:var(--bg-frame-b);border:1px solid transparent;border-radius:9px;padding:8px 10px;font:inherit;color:var(--text-soft)}.pb-idea:hover{border-color:var(--c);color:var(--c);background:var(--bg-panel)}.pb-idea span{display:flex;flex-direction:column;min-width:0}.pb-idea b{font-size:12.5px;color:var(--text-dark);line-height:1.35}.pb-idea small{font-size:11px;color:var(--text-soft)}.pb-idea svg{flex:none}.pb-ideas-wait{margin-top:auto;font-size:12px;color:var(--text-soft);font-style:italic}.pb-hooks{margin:8px 0 0;padding:0;list-style:none;counter-reset:h;display:flex;flex-direction:column;gap:6px}.pb-hooks li{counter-increment:h;display:flex;align-items:flex-start;gap:8px;font-size:13.5px;line-height:1.45;color:var(--text-dark);padding:7px 0;border-bottom:1px dashed var(--hairline)}.pb-hooks li:before{content:counter(h);flex:none;width:20px;height:20px;border-radius:6px;background:var(--orange);color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center;margin-top:1px}.pb-hooks li span{flex:1}.pb-week{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:6px;margin:10px 0 12px}.pb-week div{background:var(--bg-frame-b);border-radius:9px;padding:8px;display:flex;flex-direction:column;gap:1px;min-width:0}.pb-week b{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--green)}.pb-week span{font-size:12.5px;font-weight:700;color:var(--text-dark);line-height:1.3}.pb-week small{font-size:11px;color:var(--text-soft)}.pb-wide{width:100%;justify-content:center}.pb-ratio{font-size:13px;font-weight:700;color:var(--text-mid);background:var(--bg-frame-b);border-radius:8px;padding:8px 10px;margin:8px 0 0}.pb-copy{display:inline-flex;align-items:center;gap:5px;flex:none;cursor:pointer;font:700 12.5px var(--font);color:var(--text-mid);background:var(--bg-panel);border:1px solid var(--hairline-str);border-radius:8px;padding:8px 12px}.pb-copy.sm{padding:5px 7px}.pb-copy:hover{color:var(--green);border-color:var(--green-light)}.pb-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:4px}.pb-when{margin-left:auto;font-size:12px;color:var(--text-soft)}.pb-retry{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13.5px;color:var(--text-mid)}.pb-upgrade{display:flex;align-items:center;gap:12px;background:#fff6ee;border:1px solid #fbd9c0;border-radius:var(--radius);padding:13px 15px;margin-bottom:12px;color:var(--orange-dark)}.pb-upgrade div{flex:1;display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--text-mid)}.pb-upgrade b{color:var(--text-dark)}.pb-legacy{padding:18px;font-size:14px;line-height:1.7}.pb-pdf .pb-actions,.pb-pdf .pb-retry,.pb-pdf .pb-gen,.pb-pdf .pb-copy,.pb-pdf .pb-wide,.pb-pdf .pb-idea svg{display:none!important}.pb-pdf .pb-box,.pb-pdf .pb-pillar,.pb-pdf .pb-hero{box-shadow:none}@keyframes pbSpin{to{transform:rotate(360deg)}}@keyframes pbShimmer{to{background-position:-200% 0}}@media (max-width: 759px){.pb-two,.pb-pillars{grid-template-columns:1fr}.pb-hero h2{font-size:22px}.pb-cards{grid-template-columns:1fr}.pb-step{font-size:12px;padding:8px 4px 10px;gap:5px}.pb-upgrade{flex-wrap:wrap}.pb-when{margin-left:0;width:100%}}@media (min-width: 700px){.app-content:has(.cx-page){max-width:820px}}.cx-version{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:#1d7a5c;background:#e2f4ec;border-radius:999px;padding:4px 10px;margin-bottom:12px}.cx-alert{background:#fff6ee;border:1px solid #fbd9c0;color:var(--orange-dark);border-radius:9px;padding:9px 12px;font-size:12.5px;margin-bottom:12px}.cx-main{padding:14px;margin-bottom:14px}.cx-opts{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px}.cx-opts label{display:block;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--text-soft);margin-bottom:5px}.cx-kat{flex:1;min-width:150px}.cx-seg{display:inline-flex;background:var(--bg-frame-b);border-radius:9px;padding:3px}.cx-seg button{border:0;background:none;font:700 12.5px var(--font);color:var(--text-soft);padding:7px 11px;border-radius:7px;cursor:pointer;white-space:nowrap}.cx-seg button.on{background:var(--bg-panel);color:var(--text-dark);box-shadow:var(--shadow-sm)}.cx-select{width:100%;font:600 13px var(--font);color:var(--text-mid);background:var(--bg-panel);border:1px solid var(--hairline-str);border-radius:9px;padding:8px 10px}.cx-area{position:relative;border:1px solid var(--hairline-str);border-radius:var(--radius-sm);background:var(--bg-panel)}.cx-area:focus-within{border-color:var(--green-light);box-shadow:0 0 0 3px #2f74d61f}.cx-back,.cx-input{box-sizing:border-box;width:100%;margin:0;border:0;padding:12px 13px;font:400 14.5px/1.65 var(--font);letter-spacing:0;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;-moz-tab-size:4;tab-size:4}.cx-back{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;color:transparent;pointer-events:none}.cx-back mark{color:transparent;background:#f370213d;border-radius:3px;box-shadow:0 2px 0 var(--orange)}.cx-back mark.hard{background:#d6454533;box-shadow:0 2px 0 var(--danger)}.cx-back mark.on{background:#f3702173}.cx-back mark.hard.on{background:#d6454566}.cx-input{position:relative;display:block;background:transparent;color:var(--text-dark);resize:vertical;min-height:calc(var(--rows, 6) * 1.65em + 24px);outline:none}.cx-input::placeholder{color:var(--text-soft);opacity:.7}.cx-status{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12.5px;font-weight:700;margin:8px 2px 10px}.cx-status span{display:inline-flex;align-items:center;gap:5px}.cx-status .warn{color:var(--orange-dark)}.cx-status .ok{color:#1d7a5c;font-weight:600}.cx-status .muted{color:var(--text-soft);font-weight:500}.cx-count{color:var(--text-soft);font-weight:500;font-size:11.5px}.cx-hits{display:flex;flex-direction:column;gap:7px;margin-bottom:12px}.cx-hits-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-mid)}.cx-hit{border:1px solid var(--hairline);border-left:3px solid var(--orange);border-radius:9px;padding:9px 11px;background:#fffaf5;transition:background .12s}.cx-hit.on{background:#fff0e2}.cx-hit-top{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:13px;color:var(--text-dark)}.cx-title{font-size:11.5px;color:var(--text-soft)}.cx-code{font:800 10.5px var(--font);color:var(--orange-dark);background:#fde6d3;border-radius:5px;padding:2px 6px;letter-spacing:.02em}.cx-code.hard{color:#fff;background:var(--danger)}.cx-why{font-size:12.5px;color:var(--text-mid);margin-top:3px;line-height:1.45}.cx-swap{margin-top:7px;display:inline-flex;align-items:center;gap:5px;font:700 12px var(--font);color:var(--green);background:var(--bg-panel);border:1px solid var(--hairline-str);border-radius:7px;padding:5px 9px;cursor:pointer}.cx-swap:hover{border-color:var(--green)}.cx-note{margin-top:6px;display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--text-soft)}.cx-link{display:inline-flex;align-items:center;gap:5px;background:none;border:0;padding:0;font:700 12px var(--font);color:var(--green);cursor:pointer}.cx-hits.compact .cx-hit{padding:7px 9px}.cx-deep{margin-top:2px}.cx-deep-sub{font-size:11.5px;color:var(--text-soft);text-align:center;margin:7px 0 0;line-height:1.45}.cx-result{padding:14px;margin-bottom:14px;--vc: #1d7a5c;--vbg: #e2f4ec}.cx-result.warn{--vc: var(--orange-dark);--vbg: #fdeadd}.cx-result.bad{--vc: var(--danger);--vbg: #fdecec}.cx-result.stale{opacity:.6}.cx-verdict{display:flex;align-items:center;gap:11px;background:var(--vbg);color:var(--vc);border-radius:10px;padding:11px 13px;margin-bottom:12px}.cx-verdict div{display:flex;flex-direction:column}.cx-verdict b{font-size:16px}.cx-verdict span{font-size:12px;color:var(--text-mid)}.cx-find{border-bottom:1px dashed var(--hairline-str);padding:10px 0}.cx-find-top{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:13.5px;color:var(--text-dark)}.cx-risk{margin-left:auto;font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:999px;text-transform:capitalize}.cx-risk.r-tinggi{color:#fff;background:var(--danger)}.cx-risk.r-sedang{color:var(--orange-dark);background:#fde6d3}.cx-risk.r-rendah{color:var(--text-mid);background:var(--bg-frame-b)}.cx-quote{font-size:13px;color:var(--text-dark);background:var(--bg-frame-b);border-radius:7px;padding:6px 9px;margin-top:7px;font-style:italic}.cx-fix{font-size:13px;color:var(--text-dark);background:#e2f4ec;border-radius:7px;padding:7px 9px;margin-top:7px}.cx-fix span{display:block;font-size:10.5px;font-weight:800;color:#1d7a5c;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.cx-rewrite{margin-top:12px;background:var(--bg-frame-b);border-radius:10px;padding:11px 13px}.cx-rewrite-head{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-dark)}.cx-rewrite p{white-space:pre-wrap;font-size:13.5px;line-height:1.6;color:var(--text-dark);margin:7px 0 10px}.cx-manual{margin-top:12px;font-size:13px;color:var(--text-dark)}.cx-manual b{display:flex;align-items:center;gap:6px}.cx-manual ul{margin:6px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:4px;color:var(--text-mid)}.cx-disclaimer{font-size:11px;color:var(--text-soft);margin:12px 0 0}.cx-fold{margin-bottom:12px}.cx-fold-head{width:100%;display:flex;justify-content:space-between;align-items:center;padding:13px 14px;background:none;border:0;cursor:pointer;font:700 13.5px var(--font);color:var(--text-dark)}.cx-fold-head span{display:inline-flex;align-items:center;gap:7px}.cx-fold-head svg.up{transform:rotate(180deg)}.cx-ref{padding:0 14px 12px}.cx-ref h4{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--text-soft);margin:10px 0 6px}.cx-ref-item{display:flex;gap:9px;padding:7px 0;border-bottom:1px solid var(--hairline)}.cx-ref-item .cx-code{flex:none;height:fit-content;margin-top:1px}.cx-ref-item b{font-size:13px;color:var(--text-dark)}.cx-ref-item p{margin:2px 0 0;font-size:12.5px;color:var(--text-mid);line-height:1.45}.cx-inline{margin-top:10px;border:1px solid #fbe1cc;background:#fffaf5;border-radius:10px;padding:10px 12px}.cx-inline.clean{border-color:#b9e2cf;background:#f2fbf7;color:#1d7a5c;font-size:12.5px;font-weight:700;display:flex;align-items:center;gap:6px}.cx-inline-head{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12.5px;color:var(--orange-dark);font-weight:700;margin-bottom:6px}@media (max-width: 600px){.cx-opts{flex-direction:column;gap:10px}.cx-seg{width:100%}.cx-seg button{flex:1}}.cx-mark{color:inherit;background:#f3702138;border-radius:3px;box-shadow:0 2px 0 var(--orange)}.cx-dna{color:var(--green);background:var(--bg-frame-b)}@media (min-width: 700px){.app-content:has(.cc-page){max-width:1280px}}.cc-page{--s-idea: #b7791f;--s-idea-bg: #fdf3dc;--s-draft: #1b56b0;--s-draft-bg: #e6eefb;--s-scheduled: #7a4cc2;--s-scheduled-bg: #f0e9fb;--s-published: #1d7a5c;--s-published-bg: #e2f4ec}.cc-head{display:flex;gap:16px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;margin-bottom:14px}.cc-sub{color:var(--text-onpage-soft);font-size:13.5px;margin:0}.cc-only-narrow{display:none}.cc-head-side{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.cc-pulse{display:flex;gap:9px;align-items:center;padding:8px 12px;min-width:210px;background:#fff6ee;border:1px solid #fbd9c0;border-radius:var(--radius-sm);color:var(--orange-dark)}.cc-pulse-top{font-size:12px;color:var(--text-dark)}.cc-pulse-sub{font-size:10.5px;color:var(--text-soft);margin-top:3px}.cc-pulse-bar{height:5px;border-radius:9px;background:#fde4d1;margin-top:4px;overflow:hidden}.cc-pulse-bar span{display:block;height:100%;background:var(--orange);border-radius:inherit;transition:width .3s}.cc-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.cc-search{display:flex;align-items:center;gap:7px;flex:1 1 220px;min-width:0;background:var(--bg-panel);border:1px solid var(--hairline-str);border-radius:var(--radius-sm);padding:0 11px;color:var(--text-soft)}.cc-search input{border:0;outline:0;background:none;padding:9px 0;font:inherit;font-size:13px;width:100%;color:var(--text-dark)}.cc-search:focus-within{border-color:var(--green-light);box-shadow:0 0 0 3px #2f74d61f}.cc-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:600 12.5px var(--font);color:var(--text-mid);cursor:pointer;background:var(--bg-panel) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%235b7196' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 10px center;border:1px solid var(--hairline-str);border-radius:var(--radius-sm);padding:9px 28px 9px 11px}.cc-reset{background:none;border:0;color:var(--orange-dark);font:700 12.5px var(--font);cursor:pointer;padding:6px}.cc-seg{display:inline-flex;background:var(--bg-frame-b);border-radius:var(--radius-sm);padding:3px;margin-left:auto}.cc-seg button{display:inline-flex;align-items:center;gap:5px;border:0;background:none;cursor:pointer;font:700 12px var(--font);color:var(--text-soft);padding:6px 11px;border-radius:7px}.cc-seg button.on{background:var(--bg-panel);color:var(--text-dark);box-shadow:var(--shadow-sm)}.cc-count{font-size:11.5px;color:var(--text-soft);margin:7px 2px 10px}.cc-monthnav{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.cc-month{font-size:18px;font-weight:800;color:var(--text-dark);min-width:150px;text-align:center}.cc-icon{width:32px;height:32px;display:grid;place-items:center;flex:none;cursor:pointer;background:var(--bg-panel);border:1px solid var(--hairline-str);border-radius:8px;color:var(--text-mid)}.cc-icon:hover{border-color:var(--green-light);color:var(--green)}.cc-icon.danger{color:var(--danger)}.cc-today{font:700 12px var(--font);padding:7px 12px;border-radius:8px;border:1px solid var(--hairline-str);background:var(--bg-panel);color:var(--text-mid);cursor:pointer}.cc-legend{display:flex;gap:12px;flex-wrap:wrap;margin-left:auto;font-size:11.5px;color:var(--text-soft)}.cc-legend span{display:inline-flex;align-items:center;gap:5px}.cc-legend i{width:8px;height:8px;border-radius:50%;display:inline-block}.cc-card{position:relative;background:var(--bg-panel);border:1px solid var(--hairline);border-left:3px solid var(--brand);border-radius:8px;padding:7px 8px 6px;cursor:pointer;text-align:left;box-shadow:0 1px 2px #14294d0a;transition:box-shadow .15s,transform .1s,opacity .15s}.cc-card:hover{box-shadow:var(--shadow-md)}.cc-card:focus-visible{outline:2px solid var(--green-light);outline-offset:1px}.cc-card[draggable=true]{cursor:grab}.cc-card.is-dragging{opacity:.4}.cc-card-title{font-size:12px;font-weight:700;color:var(--text-dark);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cc-card-meta{display:flex;align-items:center;gap:5px;font-size:10.5px;color:var(--text-soft);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-dot{width:6px;height:6px;border-radius:50%;background:var(--brand);flex:none}.cc-card-foot{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:6px}.cc-link{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:700;color:var(--text-dark);text-decoration:none;white-space:nowrap}.cc-link:hover{color:var(--green)}.cc-link.muted{color:var(--text-soft);font-weight:600}.cc-pill{font-size:10px;font-weight:700;padding:2px 8px;border-radius:999px;white-space:nowrap;border:1px solid transparent}.s-idea.cc-pill{color:var(--s-idea);background:var(--s-idea-bg)}.s-draft.cc-pill{color:var(--s-draft);background:var(--s-draft-bg)}.s-scheduled.cc-pill{color:var(--s-scheduled);background:var(--s-scheduled-bg)}.s-published.cc-pill{color:var(--s-published);background:var(--s-published-bg);border-color:#b9e2cf}.cc-tray{background:#fff8f1;border:1px solid #fbe1cc;border-radius:var(--radius);padding:10px 12px 12px;margin-bottom:12px;transition:background .15s,border-color .15s}.cc-tray.is-over{background:#ffefe0;border-color:var(--orange-light);border-style:dashed}.cc-tray-head{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;font-weight:700;color:var(--text-mid);margin-bottom:8px}.cc-tray-head span:first-child{display:inline-flex;align-items:center;gap:6px}.cc-badge{font-size:10.5px;font-weight:700;color:var(--text-soft);background:var(--bg-panel);border:1px solid var(--hairline-str);padding:2px 9px;border-radius:999px}.cc-tray-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scroll-snap-type:x proximity}.cc-tray-row .cc-card{flex:0 0 210px;scroll-snap-align:start}.cc-tray-empty{width:100%;text-align:left;background:none;border:1px dashed #f5c9a6;border-radius:8px;padding:10px 12px;font:500 12px var(--font);color:var(--text-soft);cursor:pointer}.cc-tray-empty b{color:var(--orange-dark)}.cc-grid-wrap{background:var(--bg-panel);border:1px solid var(--hairline);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.cc-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.cc-dow div{padding:8px 10px;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-soft);background:var(--bg-frame-b);border-bottom:1px solid var(--hairline)}.cc-cell{min-height:132px;padding:6px;border-right:1px solid var(--hairline);border-bottom:1px solid var(--hairline);display:flex;flex-direction:column;gap:5px;min-width:0;transition:background .12s}.cc-cell:nth-child(7n){border-right:0}.cc-cell.out{background:#f8fafd}.cc-cell.out .cc-daynum{color:var(--text-soft);opacity:.45}.cc-cell.is-over{background:var(--bg-frame-b);box-shadow:inset 0 0 0 2px var(--green-light)}.cc-cell-head{display:flex;justify-content:space-between;align-items:center}.cc-daynum{font-size:12px;font-weight:700;color:var(--text-mid);width:24px;height:24px;display:grid;place-items:center;border-radius:50%}.cc-cell.today .cc-daynum{background:var(--green);color:#fff}.cc-add{opacity:0;width:22px;height:22px;display:grid;place-items:center;border-radius:6px;border:0;background:var(--bg-frame-b);color:var(--green);cursor:pointer;transition:opacity .12s}.cc-cell:hover .cc-add,.cc-add:focus-visible{opacity:1}.cc-cell-cards{display:flex;flex-direction:column;gap:5px;min-width:0}.cc-more{background:none;border:0;text-align:left;font:700 11px var(--font);color:var(--green);cursor:pointer;padding:2px 4px}.cc-cell-bars,.cc-agenda{display:none}.cc-agenda-head{display:flex;justify-content:space-between;align-items:center;margin:14px 0 8px;font-size:13.5px;color:var(--text-dark)}.cc-agenda-list{display:flex;flex-direction:column;gap:8px}.cc-empty{color:var(--text-soft);font-size:13px;margin:0}.cc-list section{margin-bottom:16px}.cc-list h3{font-size:12px;font-weight:800;color:var(--text-soft);text-transform:uppercase;letter-spacing:.05em;margin:0 0 6px}.cc-row{width:100%;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer;background:var(--bg-panel);border:1px solid var(--hairline);border-left:3px solid var(--brand);border-radius:9px;padding:10px 12px;margin-bottom:6px;font:inherit}.cc-row:hover{box-shadow:var(--shadow-md)}.cc-row-time{font:700 12px var(--font);color:var(--text-soft);width:42px;flex:none;font-variant-numeric:tabular-nums}.cc-row-main{flex:1;min-width:0;display:flex;flex-direction:column}.cc-row-main b{font-size:13.5px;color:var(--text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-row-main small{font-size:11.5px;color:var(--text-soft)}.cc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#14294d52;display:flex;justify-content:flex-end;animation:ccFade .15s}.cc-drawer{width:min(440px,100%);height:100%;background:var(--bg-panel);display:flex;flex-direction:column;box-shadow:var(--shadow-lift);animation:ccSlide .2s ease-out}.cc-drawer-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--hairline);font-size:15px;color:var(--text-dark)}.cc-drawer-body{flex:1;overflow-y:auto;padding:14px 16px 6px}.cc-drawer-foot{display:flex;gap:8px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--hairline)}.cc-2col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cc-chips{display:flex;gap:6px;flex-wrap:wrap;margin:5px 0 12px}.cc-chip{font:700 12px var(--font);padding:6px 12px;border-radius:999px;cursor:pointer;background:var(--bg-panel);border:1px solid var(--hairline-str);color:var(--text-soft)}.cc-chip.s-idea.on{background:var(--s-idea-bg);color:var(--s-idea);border-color:var(--s-idea)}.cc-chip.s-draft.on{background:var(--s-draft-bg);color:var(--s-draft);border-color:var(--s-draft)}.cc-chip.s-scheduled.on{background:var(--s-scheduled-bg);color:var(--s-scheduled);border-color:var(--s-scheduled)}.cc-chip.s-published.on{background:var(--s-published-bg);color:var(--s-published);border-color:var(--s-published)}.cc-textbtn{display:inline-flex;align-items:center;gap:5px;background:none;border:0;padding:0;margin:-6px 0 12px;font:700 12px var(--font);color:var(--green);cursor:pointer}.cc-draft{margin:-4px 0 12px}.cc-draft .cc-textbtn{margin:0 0 6px}.cc-draft pre{white-space:pre-wrap;font:12.5px/1.55 var(--font);background:var(--bg-frame-b);border-radius:8px;padding:10px 12px;margin:0;max-height:240px;overflow-y:auto;color:var(--text-dark)}.cc-hint{font-weight:500;color:var(--text-soft)}.cc-err{background:#fdecec;color:var(--danger);border-radius:8px;padding:8px 11px;font-size:12.5px;font-weight:600;margin-bottom:8px}.cc-skeleton{height:520px;border-radius:var(--radius);background:linear-gradient(90deg,var(--bg-frame-b),#f3f7fd,var(--bg-frame-b));background-size:200% 100%;animation:ccShimmer 1.2s infinite}@keyframes ccFade{0%{opacity:0}}@keyframes ccSlide{0%{transform:translate(24px);opacity:0}}@keyframes ccShimmer{to{background-position:-200% 0}}@media (max-width: 759px){.cc-only-wide{display:none}.cc-only-narrow{display:inline}.cc-pulse{flex:1}.cc-head-side{width:100%}.cc-head-side .btn-primary{flex:none}.cc-toolbar .cc-select{flex:1 1 calc(50% - 8px)}.cc-seg{margin-left:0;width:100%}.cc-seg button{flex:1;justify-content:center}.cc-month{font-size:16px;min-width:0;flex:1}.cc-legend{margin-left:0;width:100%}.cc-tray-row .cc-card{flex-basis:180px}.cc-dow div{padding:6px 0;text-align:center;letter-spacing:0}.cc-cell{min-height:54px;padding:4px 3px;align-items:center;cursor:pointer;gap:4px}.cc-cell-head{justify-content:center}.cc-add,.cc-cell-cards{display:none}.cc-cell.sel{background:var(--bg-frame-b)}.cc-cell-bars{display:flex;flex-direction:column;gap:2px;width:70%}.cc-cell-bars i{height:3px;border-radius:3px}.cc-cell-bars i:not(.s-published){opacity:.45}.cc-agenda{display:block}.cc-overlay{align-items:flex-end}.cc-drawer{height:92%;border-radius:16px 16px 0 0;animation:ccUp .2s ease-out}}@keyframes ccUp{0%{transform:translateY(30px);opacity:0}}@media (min-width: 700px){.app-content:has(.adm-page){max-width:1320px}}.adm-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px;align-items:start}.adm-main{min-width:0}.adm-nav{background:var(--bg-panel);border:1px solid var(--hairline);border-radius:var(--radius);padding:12px 8px;box-shadow:var(--shadow-sm)}.adm-nav-title{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--orange);padding:2px 10px 10px}.adm-nav-group+.adm-nav-group{margin-top:10px;padding-top:10px;border-top:1px solid var(--hairline)}.adm-nav-label{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-soft);padding:0 10px 5px}.adm-nav-item{width:100%;display:flex;align-items:center;gap:9px;padding:8px 10px;border:0;border-radius:9px;background:none;font:600 13px var(--font);color:var(--text-mid);cursor:pointer;text-align:left}.adm-nav-item span{flex:1}.adm-nav-item:hover{background:var(--bg-frame-b);color:var(--text-dark)}.adm-nav-item.on{background:var(--green);color:#fff}.adm-nav-item em{font-style:normal;font-size:10.5px;font-weight:800;min-width:18px;height:18px;padding:0 5px;border-radius:9px;display:grid;place-items:center;background:var(--orange);color:#fff}.adm-overview{display:flex;flex-direction:column;gap:14px}.adm-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.adm-stat{--c: var(--green);text-align:left;cursor:pointer;background:var(--bg-panel);border:1px solid var(--hairline);border-top:3px solid var(--c);border-radius:var(--radius-sm);padding:12px 14px;display:flex;flex-direction:column;gap:4px;font:inherit;box-shadow:var(--shadow-sm)}.adm-stat:hover{box-shadow:var(--shadow-md)}.adm-stat span{font-size:12px;color:var(--text-soft);font-weight:600}.adm-stat b{font-size:26px;color:var(--text-dark);line-height:1.1}.adm-stat.t-green{--c: #1d7a5c}.adm-stat.t-orange{--c: var(--orange)}.adm-stat.t-grey{--c: var(--hairline-str)}.adm-panel{background:var(--bg-panel);border:1px solid var(--hairline);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow-sm)}.adm-panel h3{font-size:14.5px;font-weight:800;color:var(--text-dark);margin:0 0 8px}.adm-todo{width:100%;display:flex;align-items:center;gap:10px;padding:10px 4px;border:0;border-bottom:1px dashed var(--hairline-str);background:none;font:500 13.5px var(--font);color:var(--text-mid);cursor:pointer;text-align:left}.adm-todo:last-child{border-bottom:0}.adm-todo svg:first-child{color:var(--orange-dark);flex:none}.adm-todo b{font-size:15px;color:var(--text-dark);min-width:22px}.adm-todo span{flex:1}.adm-todo:hover{color:var(--green)}.adm-clear{display:flex;align-items:center;gap:8px;color:#1d7a5c;font-size:13.5px;font-weight:600;padding:6px 0}.adm-shortcuts{display:flex;gap:8px;flex-wrap:wrap}.adm-shortcuts button{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border-radius:9px;border:1px solid var(--hairline-str);background:var(--bg-frame-b);font:700 13px var(--font);color:var(--green);cursor:pointer}.adm-shortcuts button:hover{background:var(--green);color:#fff;border-color:var(--green)}.adm-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.adm-search{flex:1 1 260px;display:flex;align-items:center;gap:7px;padding:0 11px;background:var(--bg-panel);border:1px solid var(--hairline-str);border-radius:var(--radius-sm);color:var(--text-soft)}.adm-search:focus-within{border-color:var(--green-light);box-shadow:0 0 0 3px #2f74d61f}.adm-search input{flex:1;border:0;outline:0;background:none;padding:10px 0;font:400 13.5px var(--font);color:var(--text-dark);min-width:0}.adm-search button{border:0;background:none;color:var(--text-soft);cursor:pointer;display:grid}.adm-select{font:600 13px var(--font);color:var(--text-mid);background:var(--bg-panel);border:1px solid var(--hairline-str);border-radius:var(--radius-sm);padding:0 12px;min-height:40px}.adm-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.adm-chips button{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;border:1px solid var(--hairline-str);background:var(--bg-panel);font:600 12.5px var(--font);color:var(--text-mid);cursor:pointer}.adm-chips button span{font-size:11px;font-weight:800;color:var(--text-soft);background:var(--bg-frame-b);border-radius:9px;padding:0 6px}.adm-chips button.on{background:var(--green);border-color:var(--green);color:#fff}.adm-chips button.on span{background:#fff3;color:#fff}.adm-table{background:var(--bg-panel);border:1px solid var(--hairline);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.adm-tr{width:100%;display:grid;grid-template-columns:minmax(0,2.4fr) minmax(0,1.3fr) minmax(0,1fr) minmax(0,.8fr) minmax(0,1fr) 18px;gap:12px;align-items:center;padding:10px 14px;border:0;border-bottom:1px solid var(--hairline);background:none;font:inherit;text-align:left;cursor:pointer}.adm-tr:last-child{border-bottom:0}.adm-tr:hover:not(.adm-th){background:#f7faff}.adm-tr.on{background:var(--bg-frame-b)}.adm-th{cursor:default;background:var(--bg-frame-b);font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--text-soft);padding:9px 14px}.adm-user{display:flex;align-items:center;gap:10px;min-width:0}.adm-user>i{width:32px;height:32px;flex:none;border-radius:50%;background:var(--green-light);color:#fff;display:grid;place-items:center;font:800 13px var(--font);font-style:normal}.adm-user>span{display:flex;flex-direction:column;min-width:0}.adm-user b{font-size:13.5px;color:var(--text-dark);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.adm-user small,.adm-cell small{font-size:11.5px;color:var(--text-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adm-cell{display:flex;flex-direction:column;align-items:flex-start;gap:3px;font-size:12.5px;color:var(--text-dark);min-width:0}.adm-cell b{font-size:13px}.adm-page .muted{color:var(--text-soft)}.adm-page .warn{color:var(--orange-dark)!important}.adm-page .bad{color:var(--danger)!important}.adm-go{color:var(--text-soft)}.adm-foot{font-size:12px;color:var(--text-soft);margin:8px 2px 0}.adm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#14294d52;display:flex;justify-content:flex-end;animation:admFade .15s}.adm-drawer{width:min(560px,100%);height:100%;background:var(--bg-page);display:flex;flex-direction:column;box-shadow:var(--shadow-lift);animation:admSlide .2s ease-out}.adm-drawer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:14px 16px;background:var(--bg-panel);border-bottom:1px solid var(--hairline)}.adm-drawer-head div{display:flex;flex-direction:column;min-width:0}.adm-drawer-head b{font-size:16px;color:var(--text-dark)}.adm-drawer-head small{font-size:12px;color:var(--text-soft)}.adm-x{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:8px;border:1px solid var(--hairline-str);background:var(--bg-panel);color:var(--text-mid);cursor:pointer}.adm-drawer-body{flex:1;overflow-y:auto;padding:14px 16px 24px}.adm-drawer-body>section+section{margin-top:14px}.adm-drawer-body h4{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-soft);margin:0 0 8px}.adm-drawer-body>section:first-child{background:var(--bg-panel);border:1px solid var(--hairline);border-radius:var(--radius);padding:14px}.adm-quick{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.adm-quick button{padding:8px 12px;font-size:12px}.adm-sub{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--text-soft);border-top:1px solid var(--hairline);padding-top:12px;margin-bottom:9px}.adm-seg{display:flex;gap:4px;padding:10px 16px 0}.adm-seg button{flex:1;display:inline-flex;justify-content:center;align-items:center;gap:6px;padding:8px;border-radius:9px;border:1px solid var(--hairline-str);background:var(--bg-panel);font:700 12.5px var(--font);color:var(--text-mid);cursor:pointer}.adm-seg button.on{background:var(--green);border-color:var(--green);color:#fff}@keyframes admFade{0%{opacity:0}}@keyframes admSlide{0%{transform:translate(24px);opacity:0}}@media (max-width: 1100px){.adm-tr{grid-template-columns:minmax(0,2fr) minmax(0,1.2fr) minmax(0,1fr) 18px}.adm-tr>:nth-child(3),.adm-tr>:nth-child(4){display:none}}@media (max-width: 759px){.adm-layout{grid-template-columns:1fr;gap:12px}.adm-nav{display:flex;gap:4px;overflow-x:auto;overflow-y:hidden;padding:6px;border-radius:12px;max-height:none;scrollbar-width:none;margin:0 -2px}.adm-nav::-webkit-scrollbar{display:none}.adm-nav-title,.adm-nav-label{display:none}.adm-nav-group{display:contents}.adm-nav-group+.adm-nav-group{margin:0;padding:0;border:0}.adm-nav-item{width:auto;flex:none;white-space:nowrap;padding:8px 11px}.adm-stats{grid-template-columns:1fr 1fr}.adm-search{flex-basis:100%}.adm-select{flex:1;min-width:0}.adm-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px 12px;padding:0 16px}.adm-chips::-webkit-scrollbar{display:none}.adm-chips button{flex:none}.adm-tr{grid-template-columns:minmax(0,1fr) auto 16px;padding:10px 12px}.adm-tr>:nth-child(3),.adm-tr>:nth-child(4),.adm-tr>:nth-child(5){display:none}.adm-th{display:none}.adm-cell{align-items:flex-end}.adm-drawer{width:100%}}:root{--navy-deep: #0A1430;--navy-raised: #13224B;--ink-on-navy: #F5F2EB;--soft-on-navy: #AFBAD6;--bg-page: #F3F5FA;--bg-panel: #ffffff;--bg-frame-a: #ffffff;--bg-frame-b: #EAEFF8;--action: #1C4FB8;--action-dark: #123C80;--action-light: #3268D6;--edge: #C9D5EC;--edge-mid: #8FA3CC;--edge-vivid: #4F7FE0;--gold: var(--edge);--gold-dark: var(--edge-mid);--gold-light: var(--edge-vivid);--green: var(--action);--green-dark: var(--action-dark);--green-light: var(--action-light);--orange: #FF6B1A;--orange-dark: #B8430A;--orange-light: #FF8240;--orange-tint: #FFF1E8;--on-orange: #1C0D03;--blue: var(--action);--amber: #C9480B;--text-dark: #0F1D3D;--text-mid: #2E3E62;--text-soft: #5A6788;--text-onpage: #0F1D3D;--text-onpage-soft: #5A6788;--text-onblue: #F5F2EB;--text-onblue-soft: #AFBAD6;--danger: #C62F2F;--success: #146C43;--success-tint: #E3F3EA;--radius: 18px;--radius-sm: 12px;--hairline: #E1E7F2;--hairline-str: #CCD6E8;--shadow-sm: 0 1px 2px rgba(15,29,61,.05), 0 2px 6px -2px rgba(15,29,61,.06);--shadow-md: 0 2px 4px rgba(15,29,61,.05), 0 10px 24px -8px rgba(15,29,61,.12);--shadow-lift: 0 4px 10px rgba(15,29,61,.07), 0 22px 44px -14px rgba(15,29,61,.22);--font: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-display: "Bricolage Grotesque", "Plus Jakarta Sans", system-ui, sans-serif;--ease-out: cubic-bezier(.23, 1, .32, 1)}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fffffff0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--hairline);padding:6px 2px calc(8px + env(safe-area-inset-bottom))}.tabbar-inner{display:flex;justify-content:space-around;align-items:center;max-width:720px;margin:0 auto}.tab-item{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:56px;min-height:48px;padding:4px 6px;border:none;background:none;font:600 9.5px var(--font);color:var(--text-soft);text-decoration:none;cursor:pointer}.tab-item.active{color:var(--green);font-weight:800}@media (min-width:700px){.tabbar{display:none}}.streak-chip{display:inline-flex;align-items:center;gap:5px;flex:none;background:#fff2e8;color:var(--orange-dark);font:800 11.5px var(--font);padding:6px 10px;border-radius:999px}.header-icon-btn{width:32px;height:32px;flex:none;border-radius:9px;display:grid;place-items:center;color:var(--text-onblue-soft);border:1px solid rgba(255,255,255,.22);background:#ffffff0f;text-decoration:none}.avatar-chip{position:relative;width:32px;height:32px;flex:none;border-radius:50%;background:var(--green-light);color:#fff;display:grid;place-items:center;font:800 13px var(--font);text-decoration:none}.avatar-chip .role-dot{position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border-radius:50%;background:var(--orange);border:1.5px solid #fff}.sec-head{display:flex;align-items:center;gap:8px;margin:22px 0 10px}.sec-head span{font:800 11.5px var(--font);letter-spacing:.05em;text-transform:uppercase;color:var(--text-mid)}.sec-head i{flex:1;height:1px;background:var(--hairline-str)}.search-field{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--hairline);border-radius:12px;padding:10px 13px;box-shadow:var(--shadow-sm);margin-bottom:14px;color:var(--text-soft)}.search-field input{flex:1;min-width:0;border:none;outline:none;background:none;font:14px var(--font);color:var(--text-dark)}.search-field button{border:none;background:none;color:var(--text-soft);cursor:pointer;padding:2px}.tool-list{display:flex;flex-direction:column;gap:9px}.tool-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#fff;border:1px solid var(--hairline);border-radius:14px;padding:13px 14px;box-shadow:var(--shadow-sm);cursor:pointer;min-height:48px}.tool-row:hover{box-shadow:var(--shadow-md)}.tool-row.locked{opacity:.72}.tool-row-icon{width:40px;height:40px;flex:0 0 40px;border-radius:12px;display:grid;place-items:center}.tool-row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.tool-row-title{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font:800 14px var(--font);color:var(--text-dark)}.tool-row-sub{font:11.5px/1.5 var(--font);color:var(--text-soft);text-wrap:pretty}.tool-badge{display:inline-flex;align-items:center;gap:4px;background:#fff2e8;color:var(--orange-dark);font:800 9.5px var(--font);padding:3px 7px;border-radius:999px;letter-spacing:.03em}.tool-row-arrow{color:var(--text-soft);flex:none}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14294d73;z-index:50}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:51;background:#fff;border-radius:20px 20px 0 0;padding:10px 18px calc(20px + env(safe-area-inset-bottom));max-width:720px;margin:0 auto;box-shadow:var(--shadow-lift)}.sheet-handle{width:40px;height:4px;border-radius:999px;background:var(--hairline-str);margin:0 auto 14px}.sheet-title{font:800 16px var(--font);color:var(--text-dark);margin-bottom:8px}.sheet-body{font:13px/1.65 var(--font);color:var(--text-soft);margin:0 0 10px;text-wrap:pretty}.sheet-actions{display:flex;flex-direction:column;gap:8px;margin-top:14px}.sheet-actions .block{width:100%;justify-content:center;text-decoration:none}.xp-card{padding:16px}.xp-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.xp-level{font:700 11px var(--font);color:var(--text-soft);letter-spacing:.03em}.xp-num{font:800 22px var(--font);color:var(--text-dark);margin-top:2px}.streak-badge{display:inline-flex;align-items:center;gap:6px;flex:none;background:#fff2e8;color:var(--orange-dark);font:800 12px var(--font);padding:7px 12px;border-radius:999px}.xp-bar{height:9px;background:var(--bg-frame-b);border-radius:999px;overflow:hidden}.xp-bar>div{height:100%;background:linear-gradient(90deg,var(--green),var(--green-light))}.xp-foot{font:11.5px var(--font);color:var(--text-soft);margin-top:7px}.misi-list{display:flex;flex-direction:column;gap:9px}.misi-row{padding:13px 14px}.misi-top{display:flex;align-items:center;gap:11px;min-width:0}.misi-ic{width:32px;height:32px;flex:0 0 32px;border-radius:10px;display:grid;place-items:center;background:#fff2e8;color:var(--orange-dark)}.misi-ic.done{background:#e6f4ee;color:#168a5a}.misi-title{font:800 13px var(--font);color:var(--text-dark)}.misi-sub{font:11px var(--font);color:var(--text-soft);margin-top:2px}.misi-btn{flex:none;border:none;border-radius:999px;padding:7px 13px;min-height:34px;font:800 11px var(--font);background:var(--bg-frame-b);color:var(--text-soft)}.misi-btn.claim{background:var(--orange);color:#fff;cursor:pointer}.misi-btn.done{background:#e6f4ee;color:#168a5a}.misi-bar{height:6px;background:var(--bg-frame-b);border-radius:999px;overflow:hidden;margin-top:10px}.misi-bar>div{height:100%}.board{padding:6px 14px}.board-row{display:flex;align-items:center;gap:11px;padding:9px 0;min-width:0;border-top:1px solid var(--hairline)}.board-row:first-child{border-top:none}.board-row.me{font-weight:800}.board-rank{width:22px;text-align:center;font:800 12.5px var(--font);color:var(--text-soft)}.board-ini{width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:var(--bg-frame-b);color:var(--green);display:grid;place-items:center;font:800 11px var(--font)}.board-name{flex:1;min-width:0;font:13px var(--font);color:var(--text-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-val{flex:none;font:800 12.5px var(--font);color:var(--green)}.tier-ladder{display:flex;flex-direction:column;gap:9px}.tier-step{padding:14px;opacity:.72}.tier-step.on{opacity:1}.tier-head{display:flex;align-items:center;gap:10px;margin-bottom:9px}.tier-medal{width:28px;height:28px;flex:none;border-radius:50%;background:var(--bg-frame-b);color:var(--green);display:grid;place-items:center;font:800 12px var(--font)}.tier-step.on .tier-medal{background:var(--green);color:#fff}.tier-label{flex:1;min-width:0;font:800 13px var(--font);color:var(--text-dark)}.tier-state{display:inline-flex;align-items:center;gap:4px;font:800 10px var(--font);color:var(--text-soft);background:var(--bg-frame-b);padding:4px 9px;border-radius:999px}.tier-state.on{background:#e6f4ee;color:#168a5a}.tier-perks{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px}.tier-perks li{font:12.5px/1.5 var(--font);color:var(--text-mid)}.fineprint{display:flex;align-items:center;gap:6px;font:11.5px/1.6 var(--font);color:var(--text-soft);margin:14px 0 0}.perf-grid-wrap{display:flex;flex-direction:column;gap:12px;min-width:0}.perf-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap}.perf-title{font:800 18px var(--font);color:var(--text-dark)}.perf-sub{font:12.5px var(--font);color:var(--text-soft);margin-top:3px}.perf-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.perf-periods{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid var(--hairline);border-radius:14px;padding:11px 14px;box-shadow:var(--shadow-sm)}.perf-plabel{font:800 10px var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--text-mid);flex:none}.perf-pills{display:flex;gap:5px;flex-wrap:wrap;min-width:0}.perf-pill{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;cursor:pointer;border:1px solid var(--gold);background:#fff;color:var(--text-mid);border-radius:999px;padding:7px 13px;min-height:36px;font:700 12px var(--font)}.perf-pill.on{background:var(--green);border-color:var(--green);color:#fff;font-weight:800}.perf-pill .dot{width:6px;height:6px;border-radius:50%;background:var(--gold-dark);flex:none}.perf-pill .dot.lock{background:#9aa5b1}.perf-pill.on .dot{background:#fffc}.perf-hint{margin-left:auto;font:11.5px var(--font);color:var(--text-soft)}.perf-tabs{display:flex;gap:6px;border-bottom:1px solid var(--hairline-str)}.perf-tab{border:none;background:none;cursor:pointer;padding:10px 16px 11px;font:800 13px var(--font);color:var(--text-soft);border-bottom:3px solid transparent}.perf-tab.on{color:var(--green);border-bottom-color:var(--green)}.perf-banner{display:flex;align-items:flex-start;gap:11px;border-radius:14px;padding:13px 15px;border:1px solid}.perf-banner .pb-ic{width:26px;height:26px;flex:0 0 26px;border-radius:50%;display:grid;place-items:center}.perf-banner .pb-title{font:800 12.5px var(--font)}.perf-banner .pb-text{font:11.5px/1.6 var(--font);color:var(--text-mid);margin-top:3px;text-wrap:pretty}.perf-banner.biru{background:#f2f7fe;border-color:#b9d0f0}.perf-banner.biru .pb-ic{background:#e7f0fb;color:var(--green)}.perf-banner.biru .pb-title{color:var(--green)}.perf-banner.oranye{background:#fff8f3;border-color:#ffd9c0}.perf-banner.oranye .pb-ic{background:#fff2e8;color:var(--orange-dark)}.perf-banner.oranye .pb-title{color:var(--orange-dark)}.perf-banner.kuning{background:#fdf6e6;border-color:#f0dda8}.perf-banner.kuning .pb-ic{background:#fdf0c8;color:#8a6a00}.perf-banner.kuning .pb-title{color:#7a5a00}.perf-banner.abu{background:#f6f8fc;border-color:#dbe3ee}.perf-banner.abu .pb-ic{background:#eef1f5;color:#6b7a90}.perf-banner.abu .pb-title{color:#3d4d63}.perf-paste{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid var(--hairline);border-radius:14px;padding:12px 15px;box-shadow:var(--shadow-sm)}.perf-paste .pp-ic{width:32px;height:32px;flex:0 0 32px;border-radius:10px;background:var(--bg-frame-b);color:var(--green);display:grid;place-items:center;font:800 11px var(--font)}.perf-paste .pp-title{font:800 12.5px var(--font);color:var(--text-dark)}.perf-paste .pp-sub{font:11.5px/1.55 var(--font);color:var(--text-soft);margin-top:2px;text-wrap:pretty}.pp-input{flex:none;width:180px;border:1px dashed var(--gold-dark);border-radius:9px;padding:9px 11px;font:12px var(--font);color:var(--text-dark);background:#fbfdff;outline:none}.pp-input:focus{border-color:var(--green);background:#f2f7fe}.perf-table-card{background:#fff;border:1px solid var(--hairline);border-radius:14px;box-shadow:var(--shadow-sm);overflow:hidden;min-width:0}.perf-table{width:100%;border-collapse:collapse;font:12px var(--font);min-width:900px}.perf-table th{text-align:right;padding:10px 12px;white-space:nowrap;background:var(--bg-page);font:800 10px var(--font);letter-spacing:.05em;text-transform:uppercase;color:var(--text-mid)}.perf-table th.sticky-col{text-align:left;min-width:180px}.perf-table th.sticky-col,.perf-table td.sticky-col{position:sticky;left:0;z-index:1}.perf-table th.sticky-col{background:var(--bg-page)}.perf-table td{padding:7px 8px;text-align:right;border-top:1px solid var(--hairline)}.perf-table td.sticky-col{text-align:left;min-width:180px;background:#fff;display:table-cell}.perf-table td.sticky-col .pc-ini{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--bg-frame-b);color:var(--green);font:800 10px var(--font);margin-right:9px;vertical-align:middle}.perf-table td.sticky-col .pc-name{font:700 12px var(--font);color:var(--text-dark);vertical-align:middle}.perf-table tr.r-edit td,.perf-table tr.r-edit td.sticky-col{background:#fbfdff}.perf-table tr.r-empty td,.perf-table tr.r-empty td.sticky-col{background:#fffaf6}.perf-table tr.r-lock td,.perf-table tr.r-lock td.sticky-col{background:#fcfdfe}.pc-cell{width:100%;min-width:74px;text-align:right;border:1px solid var(--hairline);border-radius:7px;padding:7px 9px;font:700 12px var(--font);color:var(--text-dark);background:#fff;outline:none}.pc-cell:focus{border-color:var(--green);background:#f2f7fe}.pc-cell.kosong{background:#fff8f3;border-color:#ffd9c0}.pc-cell[readonly]{background:#f6f8fc;border-color:#f6f8fc;color:#6b7a90}.pc-st{font:800 10px var(--font);padding:4px 9px;border-radius:999px;white-space:nowrap}.pc-st.saved{background:#e6f4ee;color:#168a5a}.pc-st.edit{background:#e7f0fb;color:var(--green)}.pc-st.empty{background:#fff2e8;color:var(--orange-dark)}.pc-st.lock{background:#eef1f5;color:#6b7a90}.perf-foot{display:flex;align-items:center;gap:14px;padding:11px 15px;border-top:1px solid var(--hairline);flex-wrap:wrap;font:11.5px var(--font);color:var(--text-soft)}.perf-foot .legend{margin-left:auto;display:flex;gap:14px;flex-wrap:wrap;font:700 11px var(--font)}.perf-foot .l-empty{color:var(--orange-dark)}.perf-foot .l-edit{color:var(--green)}.perf-foot .l-saved{color:#168a5a}.confirm-card{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:51;width:min(440px,calc(100vw - 32px));background:var(--green-dark);color:var(--text-onblue);border-radius:18px;padding:18px 20px;box-shadow:var(--shadow-lift)}.confirm-card .cc-title{font:800 14px var(--font);color:#fff}.confirm-card .cc-body{font:12.5px/1.65 var(--font);color:#cddffa;margin-top:7px;text-wrap:pretty}.confirm-card .cc-actions{display:flex;gap:9px;margin-top:14px;flex-wrap:wrap}.spin{animation:spin 1s linear infinite}@media (max-width:699px){.header-nav{display:none}}.sb-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent}.sb-scroll::-webkit-scrollbar{width:6px}.sb-scroll::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:999px}.sb-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff57}.sb-scroll::-webkit-scrollbar-track{background:transparent}.sb-scroll .sb-nav{flex:none}.sb-toggle{width:100%;cursor:pointer;border:none;background:none;font-family:inherit;text-align:left}.sb-section.sb-toggle:after{display:none}.sb-toggle .sb-rule{flex:1;height:1px;background:#ffffff24;border-radius:2px}.sb-toggle:hover{color:var(--text-onblue)}.sb-toggle:hover .sb-rule{background:#ffffff47}.sb-toggle .sb-chev{flex:none;transition:transform .18s ease;opacity:.8}.sb-toggle.buka .sb-chev{transform:rotate(180deg)}.sb-count{flex:none;background:#ffffff24;color:var(--text-onblue);font-size:9.5px;font-weight:800;padding:2px 7px;border-radius:999px;letter-spacing:0}.sb-here{flex:none;width:6px;height:6px;border-radius:50%;background:var(--orange)}.er-mode-label{font:800 10px var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--text-mid);margin-bottom:7px}.er-modes{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:16px}.er-mode{display:flex;flex-direction:column;gap:2px;align-items:flex-start;cursor:pointer;border:1px solid var(--hairline-str);background:#fff;border-radius:12px;padding:11px 13px;min-height:48px;text-align:left}.er-mode b{font:800 13.5px var(--font);color:var(--text-dark)}.er-mode span{font:11px var(--font);color:var(--text-soft)}.er-mode.on{border-color:var(--green);background:#f2f7fe;box-shadow:var(--shadow-sm)}.er-mode.on b{color:var(--green)}.er-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:9px}.er-label{font:700 11px var(--font);color:var(--text-soft)}.er-hint{font:10.5px/1.45 var(--font);color:var(--text-soft);margin-bottom:10px;text-wrap:pretty}.er-hasil{padding:20px 18px;margin-bottom:12px;border-width:1.5px}.er-angka{font:800 44px/1 var(--font);letter-spacing:-.02em}.er-angka span{font-size:22px;margin-left:3px}.er-judul{font:700 13.5px var(--font);color:var(--text-mid);margin-top:7px}.er-rumus{font:11.5px var(--font);color:var(--text-soft);margin-top:5px}.er-catatan{display:flex;gap:8px;align-items:flex-start;margin-top:12px;background:var(--bg-frame-b);border-radius:10px;padding:10px 12px;font:11.5px/1.6 var(--font);color:var(--text-mid);text-wrap:pretty}.er-catatan svg{flex:none;margin-top:2px;color:var(--green)}.er-skala{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:12px}.er-tick{font:700 11px var(--font);white-space:nowrap}.er-periode-info{font:11.5px/1.55 var(--font);color:var(--text-mid);background:var(--bg-frame-b);border-radius:9px;padding:8px 11px;margin:2px 0 4px;text-wrap:pretty}.er-galat{display:flex;align-items:center;gap:7px;font:700 11.5px var(--font);color:var(--orange-dark);background:#fff2e8;border:1px solid #ffd9c0;border-radius:9px;padding:8px 11px;margin:2px 0 4px}.er-galat svg{flex:none}.er-dasar{font:11.5px/1.6 var(--font);color:var(--text-mid);margin-top:8px;text-wrap:pretty}.er-panduan{display:flex;flex-direction:column;gap:9px}.er-guide{padding:0;overflow:hidden}.er-guide-head{display:flex;align-items:center;width:100%;cursor:pointer;border:none;background:none;padding:13px 15px;font:800 13px var(--font);color:var(--text-dark);text-align:left}.er-guide-head b{flex:1;min-width:0}.er-guide-chev{flex:none;color:var(--text-soft);transition:transform .18s ease}.er-guide-head.buka .er-guide-chev{transform:rotate(180deg)}.er-steps{margin:0;padding:0 16px 14px 34px;display:flex;flex-direction:column;gap:6px;font:12.5px/1.55 var(--font);color:var(--text-mid)}.er-steps li{text-wrap:pretty}.er-disclaimer{padding:15px 16px;margin-top:12px;background:var(--bg-frame-b);border-color:var(--hairline-str)}.er-disc-head{display:flex;align-items:center;gap:7px;font:800 12.5px var(--font);color:var(--text-dark);margin-bottom:8px}.er-disc-head svg{flex:none;color:var(--green)}.er-disclaimer p{font:12/1.65 var(--font);color:var(--text-mid);margin:0 0 8px;text-wrap:pretty}.er-disclaimer p:last-child{margin-bottom:0}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font);background:var(--bg-page);color:var(--text-onpage);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit}.app-shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.app-main{flex:1;display:flex;flex-direction:column;min-width:0}.app-content{flex:1;padding:20px 16px 56px;width:100%;max-width:720px;margin:0 auto;min-width:0;overflow-x:hidden}.header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#123c80;border-bottom:1px solid rgba(255,255,255,.12);position:sticky;top:0;z-index:20;gap:8px}.header-left{display:flex;align-items:center;gap:6px;min-width:0;flex-shrink:1}.brand-pill{display:flex;align-items:center;gap:7px;white-space:nowrap}.brand-pill .sb-name{font-weight:800;font-size:12px;color:var(--text-onblue);white-space:nowrap}.header-nav{display:flex;gap:6px;align-items:center;min-width:0;overflow-x:auto;scrollbar-width:none}.header-nav::-webkit-scrollbar{display:none}.header-link{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;color:var(--text-onblue);white-space:nowrap;border:1.5px solid rgba(255,255,255,.22);background:#ffffff0f;transition:background .12s,color .12s,border-color .12s}.header-link:hover{background:#ffffff29;border-color:#fff6;color:#fff}.header-link.active{background:#fff;color:var(--green);border-color:#fff;font-weight:800}.header-link-cta{background:var(--orange);color:#fff;font-weight:700;border-color:var(--orange-dark)}.header-link-cta:hover{background:var(--orange-light);color:#fff;border-color:var(--orange-dark)}.header-link-cta.active{background:var(--orange);color:#fff;border-color:var(--orange-dark)}.header-link-cta .cta-label{display:inline}@media (max-width:520px){.header-link-cta .cta-label{display:none}}.header-link svg{flex:0 0 auto}.header-auth{display:flex;align-items:center;gap:6px;flex:0 0 auto}.user-chip{font-size:11px;font-weight:700;color:var(--text-onblue);display:flex;align-items:center;gap:6px}.role-badge{font-size:8px;font-weight:800;text-transform:uppercase;background:var(--gold);color:var(--text-dark);padding:1px 6px;border-radius:10px}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:20;background:#123c80;border-top:1px solid rgba(255,255,255,.12);padding:6px 0 calc(8px + env(safe-area-inset-bottom))}.bottom-nav-inner{display:flex;justify-content:space-around;align-items:center}.bnav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 8px;border-radius:8px;color:var(--text-onblue-soft);font-size:10px;font-weight:700;transition:color .12s;min-width:56px}.bnav-item.active{color:#a7e8cf}.bnav-item svg{flex:0 0 auto}.sidebar{width:218px;flex:0 0 218px;background:#123c80;border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;height:100dvh;z-index:10}.sb-brand{display:flex;align-items:center;gap:10px;padding:18px 16px 14px}.sb-name{font-weight:800;font-size:13px;color:var(--text-onblue)}.sb-sub{font-size:9px;color:var(--text-onblue-soft);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.sb-section{font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--gold);padding:12px 16px 6px;display:flex;align-items:center;gap:6px}.sb-section:after{content:"";flex:1;height:1px;background:#ffffff24;border-radius:2px}.sb-nav{display:flex;flex-direction:column;gap:2px;padding:0 10px;flex:1}.sb-item{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:var(--radius-sm);color:var(--text-onblue-soft);font-size:13px;font-weight:600;width:100%;text-align:left;transition:background .12s,color .12s}.sb-item:hover{background:#ffffff1a;color:var(--text-onblue)}.sb-item.active{background:#2f74d64d;color:#a7e8cf;border:1px solid var(--green)}.sb-item.locked{color:#6b5a3a}.sb-item .lock-ic{margin-left:auto;opacity:.6}.sb-dot{width:6px;height:6px;border-radius:50%;flex:0 0 6px}.sb-dot.g{background:var(--green-light)}.sb-dot.b{background:#5a9fd8}.sb-dot.y{background:var(--gold-light)}.sb-footer{padding:14px 16px;border-top:1px solid rgba(255,255,255,.12);margin-top:auto}.sb-user{display:flex;align-items:center;gap:9px}.sb-avatar{width:32px;height:32px;border-radius:50%;flex:0 0 32px;background:var(--orange);color:var(--on-orange);display:grid;place-items:center;font-size:13px;font-weight:800}.sb-uname{font-size:12px;font-weight:700;color:var(--text-onblue);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-tier{font-size:9px;font-weight:800;background:var(--gold);color:var(--text-dark);padding:1px 7px;border-radius:10px}.btn-logout{font-size:11px;color:var(--text-onblue-soft);font-weight:700;padding:6px 0 0;width:100%;text-align:left}.btn-logout:hover{color:var(--text-onblue)}.frame{border:1px solid var(--hairline);border-radius:var(--radius);background:var(--bg-panel);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.frame.admin{background:#f7fbff;border-color:var(--hairline-str)}.ribbon{background:var(--green);color:#fff;text-align:center;padding:8px 0;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;position:relative}.ribbon:before,.ribbon:after{content:"";position:absolute;top:0;width:0;height:0;border-style:solid}.ribbon:before{left:-13px;border-width:0 13px 15px 0;border-color:transparent var(--green-dark) transparent transparent}.ribbon:after{right:-13px;border-width:15px 13px 0 0;border-color:var(--green-dark) transparent transparent transparent}.btn-primary{display:inline-flex;align-items:center;gap:7px;justify-content:center;background:var(--green);color:#fff;border:1px solid var(--green);padding:11px 18px;border-radius:var(--radius-sm);font-weight:700;font-size:14px;box-shadow:var(--shadow-sm);transition:background .15s,box-shadow .15s,transform .1s}.btn-primary:hover{background:var(--green-light);box-shadow:var(--shadow-md)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-primary.block{width:100%;padding:12px}.btn-ghost{display:inline-flex;align-items:center;gap:6px;background:var(--bg-panel);border:1px solid var(--hairline-str);color:var(--text-soft);padding:9px 14px;border-radius:var(--radius-sm);font-weight:600;font-size:13px;transition:border-color .15s,color .15s,background .15s}.btn-ghost:hover{background:#1b56b00d;border-color:var(--green-light);color:var(--green)}.btn-ghost-gold{display:inline-flex;align-items:center;gap:6px;background:#1b56b00f;border:1px solid var(--hairline-str);color:var(--green);padding:9px 14px;border-radius:var(--radius-sm);font-weight:700;font-size:13px;transition:background .15s,color .15s}.btn-ghost-gold:hover{background:var(--green);color:#fff}.btn-google{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:var(--bg-panel);color:var(--text-dark);border:1px solid var(--hairline-str);padding:12px;border-radius:var(--radius-sm);font-weight:700;font-size:14px;box-shadow:var(--shadow-sm)}.btn-google:hover{background:#fff}.btn-google:disabled{opacity:.45;cursor:not-allowed}.eyebrow{color:var(--orange);font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px}.page h1{font-size:22px;font-weight:800;letter-spacing:-.01em;margin:0 0 8px;line-height:1.2;color:var(--text-onpage)}.hero-sub{color:var(--text-onpage-soft);font-size:14px;max-width:100%;margin:0 0 18px;line-height:1.55}.guest-note{margin-top:14px;font-size:13px;color:var(--text-onpage-soft)}.guest-note a{color:var(--gold-light);font-weight:700}.player-frame{padding:14px;margin-bottom:14px}.player-head{display:flex;align-items:center;gap:12px}.p-medallion{width:52px;height:52px;border-radius:50%;flex:0 0 52px;position:relative;background:var(--navy-deep);border:none;color:var(--ink-on-navy);display:grid;place-items:center;font-size:19px;font-weight:800}.p-name{font-size:16px;font-weight:800;color:var(--text-dark)}.p-alias{font-size:11px;color:var(--text-soft);margin:2px 0 7px;font-weight:600}.p-xpbar{height:8px;background:var(--bg-frame-b);border:none;border-radius:6px;overflow:hidden}.p-xpfill{height:100%;background:linear-gradient(90deg,var(--green),var(--green-light))}.p-xptxt{font-size:10px;color:var(--text-mid);margin-top:4px;font-weight:700}.p-tiermedal{width:52px;height:52px;flex:0 0 52px;border-radius:50%;background:var(--orange-tint);border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 3px var(--bg-panel) inset}.p-tiermedal .tl{font-size:9px;font-weight:800;color:var(--text-mid)}.p-tiermedal .tv{font-size:16px;font-weight:800;color:var(--text-dark)}.p-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.p-stat{background:var(--bg-panel);border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:10px 11px;text-align:center}.p-stat .l{font-size:10px;font-weight:800;color:var(--text-soft);letter-spacing:.04em;text-transform:uppercase}.p-stat .v{font-size:13px;font-weight:800;color:var(--text-dark);margin-top:2px}.mod-grid{display:grid;grid-template-columns:1fr;gap:9px}.mod-card{position:relative;display:flex;align-items:center;gap:13px;background:var(--bg-panel);border:1px solid var(--hairline);border-radius:var(--radius);padding:15px 16px;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .14s,box-shadow .14s,border-color .14s}.mod-card.locked{opacity:.6}.mod-card.span2{grid-column:span 1}.mod-card.komisi{background:linear-gradient(160deg,#fdf0c8,#f6dca0)}.mod-icon{width:40px;height:40px;border-radius:12px;flex:0 0 40px;display:grid;place-items:center;font-size:18px;border:none;background:#1b56b012}.mod-title{font-weight:800;font-size:14px;color:var(--text-dark);display:flex;align-items:center;gap:6px}.mod-sub{font-size:11px;color:var(--text-soft);margin-top:2px}.mod-arrow{margin-left:auto;color:var(--gold);flex:0 0 auto}.sec-t{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--text-mid);margin:14px 0 8px;display:flex;align-items:center;gap:8px}.sec-t:before,.sec-t:after{content:"";flex:1;height:2px;background:var(--gold);border-radius:2px}.month-card,.feat-card{padding:14px;margin-bottom:12px}.bar-area{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;align-items:end;height:56px;margin-bottom:5px;padding:0 2px}.bar-w{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}.bar{width:70%;border-radius:5px 5px 0 0;background:var(--bg-frame-b);border:none}.bar.hi{background:var(--green);border-color:var(--green-dark)}.bl{font-size:9px;color:var(--text-soft);margin-top:3px;font-weight:700}.chip{font-size:10px;font-weight:700;padding:4px 10px;border:1px solid;border-radius:14px;display:inline-block;margin:2px 3px 0 0}.chip-g{color:var(--green-dark);border-color:var(--green);background:#fff}.chip-y{color:var(--amber);border-color:var(--gold);background:#fff}.tbl-s{overflow-x:auto;margin-top:8px;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;font-size:11px}th{color:var(--text-soft);font-weight:800;font-size:9px;letter-spacing:.03em;padding:5px;border-bottom:2px solid var(--gold);text-align:left}td{padding:5px;border-bottom:1px solid var(--bg-frame-b);color:var(--text-dark);font-weight:600}tr:last-child td{border-bottom:none}.tg{color:var(--green-dark);font-weight:800}.ach-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:6px}.ach{background:var(--bg-panel);border:1px solid var(--hairline);border-radius:50%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.ach-ic{font-size:16px;color:var(--green)}.ach-nm{font-size:7px;font-weight:700;color:var(--text-mid);text-align:center;padding:0 3px}.ach-ct{font-size:9px;color:var(--green-dark);font-weight:800}.feat-row{display:flex;align-items:flex-start;gap:9px;padding:7px 0;border-bottom:1px solid var(--bg-frame-b)}.feat-row:last-child{border-bottom:none}.feat-dot{width:7px;height:7px;border-radius:50%;flex:0 0 7px;margin-top:4px}.feat-name{font-size:12px;font-weight:700;color:var(--text-dark);flex:1}.feat-sub{font-size:11px;color:var(--text-soft)}.feat-time{font-size:10px;color:var(--text-soft);white-space:nowrap}.login-grid{display:grid;grid-template-columns:1fr;gap:14px;max-width:480px;margin:0 auto}.login-cardhead{display:flex;align-items:center;gap:10px;padding:14px 16px 10px}.login-icon{width:36px;height:36px;border-radius:11px;flex:0 0 36px;display:grid;place-items:center;font-size:16px;border:none;background:#1b56b012}.login-cardtitle{font-weight:800;font-size:14px;color:var(--text-dark)}.login-cardsub{font-size:10px;color:var(--text-soft);margin-top:1px}.login-body{padding:0 16px 16px}.login-label{font-size:12px;font-weight:700;color:var(--text-mid);display:block;margin-bottom:5px}.login-input{display:block;width:100%;margin-top:5px;padding:12px 13px;border:1px solid var(--hairline-str);border-radius:var(--radius-sm);background:var(--bg-panel);font-size:14px;color:var(--text-dark);margin-bottom:12px;transition:border-color .15s,box-shadow .15s}.login-input:focus{outline:none;border-color:var(--green-light);box-shadow:0 0 0 3px #2f74d61f}.hint-txt{font-size:11px;color:var(--text-soft);margin:10px 0 0;line-height:1.5;text-align:center}.form-err{color:var(--danger);font-size:12px;margin-bottom:10px;font-weight:600}.banner{padding:10px 13px;border-radius:8px;font-size:12px;margin-bottom:12px;border:2px solid}.banner.warn{background:#fdf0c8;color:var(--text-mid);border-color:var(--gold)}.placeholder-card{background:var(--bg-panel);border:2px dashed var(--gold-dark);border-radius:var(--radius);padding:28px 16px;text-align:center;margin-top:14px;color:var(--text-soft);font-size:13px}.route-loading{padding:40px;text-align:center;color:var(--text-onpage-soft)}@media (min-width:700px){.app-shell{flex-direction:row}.app-main{flex-direction:column}.app-content{padding:24px 28px 48px;max-width:960px}.sidebar{display:flex}.bottom-nav{display:none!important}.header .brand-pill{display:none}.mod-grid{grid-template-columns:1fr 1fr}.mod-card.span2{grid-column:span 2}.login-grid{grid-template-columns:1fr 1fr;max-width:680px}.page h1{font-size:24px}}@media (max-width:699px){.sidebar{display:none!important}.bottom-nav{display:block}.app-content{padding:16px 14px calc(84px + env(safe-area-inset-bottom))}.p-stats{grid-template-columns:repeat(3,1fr)}.header-nav .header-link.nav-dup{display:none}.header-nav{gap:6px}.header{padding:10px 12px;gap:6px}.header-link{padding:6px 10px}}@media (max-width:400px){.header .brand-pill .sb-name{display:none}.header-link span:not(.cta-label){font-size:11.5px}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:20px;height:20px;border-radius:50%;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;animation:spin .7s linear infinite;display:inline-block;vertical-align:middle}.spinner.dark{border-color:#2f74d640;border-top-color:var(--green)}.input-err{border-color:var(--danger)!important}.field-err{color:var(--danger);font-size:11px;margin-top:-6px;margin-bottom:8px;font-weight:600}.result-box{white-space:pre-wrap;font-size:13px;line-height:1.75;color:var(--text-dark);padding:14px;background:var(--bg-panel);border-radius:8px;border:1px solid var(--gold-dark)}.char-count{font-size:10px;color:var(--text-soft);text-align:right;margin-top:-6px;margin-bottom:8px}.char-count.warn{color:var(--danger)}.btn-accent{display:inline-flex;align-items:center;gap:7px;justify-content:center;background:var(--orange);color:#fff;border:2px solid var(--orange-dark);padding:10px 16px;border-radius:8px;font-weight:800;font-size:14px;transition:background .12s}.btn-accent:hover{background:var(--orange-light)}.btn-accent.block{width:100%;padding:12px}.badge-accent{background:var(--orange);color:#fff;font-weight:800;font-size:10px;padding:2px 9px;border-radius:12px;text-transform:uppercase;letter-spacing:.03em}.komisi-hero{display:flex;align-items:center;gap:16px;background:linear-gradient(100deg,var(--orange),var(--orange-dark));border-radius:14px;padding:18px 20px;margin-bottom:18px;text-decoration:none;transition:transform .12s,box-shadow .12s;box-shadow:0 3px 12px #f3702147}.komisi-hero:hover{transform:translateY(-2px);box-shadow:0 6px 18px #f3702161}.komisi-icon{width:52px;height:52px;border-radius:12px;flex:0 0 52px;display:grid;place-items:center;background:#ffffff38;color:#fff}.komisi-title{font-weight:800;font-size:17px;color:#fff;line-height:1.25}.komisi-sub{font-size:12.5px;color:#ffffffeb;margin-top:3px;line-height:1.45}.komisi-cta{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;background:#fff;color:var(--orange-dark);font-weight:800;font-size:13px;padding:9px 16px;border-radius:9px}@media (max-width:560px){.komisi-hero{padding:15px;gap:12px;flex-wrap:wrap}.komisi-icon{width:44px;height:44px;flex:0 0 44px}.komisi-title{font-size:15px}.komisi-cta{width:100%;justify-content:center}}.badge-guest{background:#fff2e8;color:var(--orange-dark);font-weight:800;font-size:10.5px;padding:2px 9px;border-radius:20px;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.badge-member{background:#e7f0fb;color:var(--green);font-weight:800;font-size:10.5px;padding:2px 9px;border-radius:20px;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.artikel{color:var(--text-dark);font-size:14px;line-height:1.75}.artikel h1,.artikel h2,.artikel h3{color:var(--green-dark);font-weight:800;margin:18px 0 8px;line-height:1.3}.artikel h1{font-size:19px}.artikel h2{font-size:17px}.artikel h3{font-size:15px}.artikel h1:first-child,.artikel h2:first-child,.artikel h3:first-child{margin-top:0}.artikel p{margin-bottom:12px}.artikel ul,.artikel ol{margin:0 0 12px 20px}.artikel li{margin-bottom:6px}.artikel strong{color:var(--text-dark);font-weight:800}.artikel a{color:var(--green);font-weight:600}.artikel blockquote{border-left:3px solid var(--orange);padding:8px 14px;margin:12px 0;background:#f370210f;border-radius:0 8px 8px 0;color:var(--text-mid)}.artikel code{background:var(--bg-frame-b);padding:2px 6px;border-radius:5px;font-size:13px}.artikel pre{background:var(--bg-frame-b);padding:12px 14px;border-radius:9px;overflow-x:auto;margin-bottom:12px}.artikel pre code{background:none;padding:0}.artikel img{max-width:100%;border-radius:9px;margin:8px 0}.artikel hr{border:0;border-top:1px solid var(--gold);margin:18px 0}html{overflow-x:hidden}body{max-width:100%}.page{min-width:0}.frame table{width:100%}.frame>table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-sm)}.mod-card,.mod-card>*,.player-head,.player-head>*{min-width:0}.mod-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--hairline-str)}.btn-primary:active,.btn-accent:active{transform:translateY(1px)}body{font-family:var(--font);background:var(--bg-page);color:var(--text-dark);letter-spacing:.002em}::selection{background:var(--orange);color:var(--on-orange)}:focus-visible{outline:2px solid var(--green-dark);outline-offset:2px;border-radius:6px}.sidebar :focus-visible,.home-hero :focus-visible{outline-color:var(--orange)}@media (max-width: 699px){.header :focus-visible{outline-color:var(--orange)}}.hit44{position:relative}.hit44:before{content:"";position:absolute;left:50%;top:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eyebrow{color:var(--orange-dark);font-weight:800;font-size:11px;letter-spacing:.14em;margin:0 0 8px}.page h1{font-family:var(--font-display);font-weight:800;font-size:28px;line-height:1.05;letter-spacing:-.025em;margin:0 0 10px;text-wrap:balance;color:var(--text-dark)}.hero-sub{font-size:14.5px;line-height:1.6;color:var(--text-soft);text-wrap:pretty;margin-bottom:20px}@media (min-width: 700px){.page h1{font-size:34px}}.frame{border-radius:var(--radius);border-color:var(--hairline);box-shadow:var(--shadow-sm)}.ribbon{background:var(--navy-deep);letter-spacing:.12em}.ribbon:before{border-color:transparent #050B1E transparent transparent}.ribbon:after{border-color:#050B1E transparent transparent transparent}.btn-primary{background:var(--green);border-color:var(--green);border-radius:var(--radius-sm);font-weight:700;box-shadow:inset 0 1px #ffffff2e,var(--shadow-sm);transition:background-color .16s var(--ease-out),box-shadow .16s var(--ease-out),transform .12s var(--ease-out)}.btn-primary:hover{background:var(--green-light);border-color:var(--green-light)}.btn-accent{background:var(--orange);color:var(--on-orange);border:0;border-radius:var(--radius-sm);font-weight:800;padding:11px 17px;box-shadow:inset 0 1px #ffffff59,0 2px 4px #7828002e,0 10px 20px -10px #ff6b1a99;transition:background-color .16s var(--ease-out),transform .12s var(--ease-out)}.btn-accent:hover{background:var(--orange-light);color:var(--on-orange)}.badge-accent{background:var(--orange);color:var(--on-orange)}.btn-ghost,.btn-ghost-gold{border-radius:var(--radius-sm)}.btn-primary:active,.btn-accent:active,.btn-ghost:active{transform:scale(.97)}.misi-btn.claim{background:var(--orange);color:var(--on-orange)}.login-input{border-radius:var(--radius-sm)}.login-input:focus{border-color:var(--green);box-shadow:0 0 0 3px #1c4fb824}.sidebar{width:236px;flex:0 0 236px;background:var(--navy-deep);background-image:none;border-right:0}.sb-brand{padding:22px 18px 18px;gap:11px}.sb-name{font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:-.01em;color:var(--ink-on-navy)}.sb-sub{font-size:9.5px;letter-spacing:.14em;color:var(--soft-on-navy)}.sb-section{color:var(--soft-on-navy);font-size:10px;letter-spacing:.14em;padding:16px 20px 7px;opacity:.8}.sb-section:after,.sb-toggle .sb-rule{background:#ffffff14}.sb-nav{padding:0 12px;gap:1px}.sb-nav[hidden]{display:none}.sb-item{position:relative;padding:9px 11px;border-radius:10px;border:0!important;color:var(--soft-on-navy);font-weight:600;font-size:13.5px;transition:background-color .14s var(--ease-out),color .14s var(--ease-out)}.sb-item svg{opacity:.85}.sb-item:hover{background:#ffffff0f;color:var(--ink-on-navy)}.sb-item.active{background:#ffffff17;color:#fff}.sb-item.active svg{color:var(--orange);opacity:1}.sb-item.active:before{content:"";position:absolute;left:-12px;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:var(--orange)}.sb-item.locked{color:#afbad6b8}.sb-dot{display:none}.sb-count{background:#ffffff1a}.sb-footer{border-top:1px solid rgba(255,255,255,.08);padding:14px 18px 16px}.sb-uname{color:var(--ink-on-navy)}.sb-tier{background:#ffffff1f;color:var(--ink-on-navy);letter-spacing:.06em}.header{background:var(--navy-deep);border-bottom:1px solid rgba(255,255,255,.06);padding:12px 16px}@media (min-width: 700px){.header{background:#f3f5fadb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--hairline);padding:12px 28px;justify-content:flex-end}.header .header-icon-btn{color:var(--text-soft);border-color:var(--hairline-str);background:#fff}.header .header-icon-btn:hover{color:var(--green);border-color:var(--green)}}.avatar-chip{background:var(--orange);color:var(--on-orange)}.avatar-chip .role-dot{background:var(--green)}.streak-chip{background:var(--orange-tint);color:var(--orange-dark)}.tabbar{background:#fffffff5;border-top:1px solid var(--hairline)}.tab-item{font-size:11px;color:var(--text-soft)}.tab-item.active{color:var(--text-dark)}.tab-item.active svg{color:var(--orange)}@media (min-width: 700px){.app-content{padding:30px 36px 56px;max-width:1040px}}.sec-head{margin:30px 0 12px}.sec-head span{font-size:11px;letter-spacing:.14em;color:var(--text-soft)}.sec-head i{background:var(--hairline-str)}.sec-t:before,.sec-t:after{height:1px;background:var(--hairline-str)}th{border-bottom:1px solid var(--hairline-str)}.result-box{border-color:var(--hairline-str);border-radius:var(--radius-sm)}.banner{border-width:1px;border-radius:var(--radius-sm)}.placeholder-card{border-width:1px}.p-tiermedal .tv{font-family:var(--font-display);color:var(--orange-dark)}.p-name,.xp-num{font-family:var(--font-display);letter-spacing:-.015em}.p-xpfill,.xp-bar>div{background:linear-gradient(90deg,var(--green),var(--green-light))}.komisi-hero{background:var(--orange-tint);border:1px solid #FFD5BC;box-shadow:none;border-radius:var(--radius);padding:16px 18px;margin-bottom:0}.komisi-hero:hover{transform:none;box-shadow:var(--shadow-md)}.komisi-icon{background:var(--orange);color:var(--on-orange);width:46px;height:46px;flex-basis:46px;border-radius:14px}.komisi-title{color:var(--text-dark);font-family:var(--font-display);font-size:17px;letter-spacing:-.01em}.komisi-sub{color:var(--text-mid)}.komisi-cta{background:#fff;color:var(--orange-dark);border:1px solid #FFD5BC}.home{display:flex;flex-direction:column;gap:18px}.home-hero{position:relative;overflow:hidden;border-radius:24px;padding:28px 26px 26px;background:var(--navy-deep);color:var(--ink-on-navy);box-shadow:var(--shadow-md)}.home-hero:after{content:"";position:absolute;right:-80px;top:-120px;width:340px;height:340px;border-radius:50%;border:46px solid rgba(255,107,26,.13);pointer-events:none}.home-hero .eyebrow{color:var(--orange-light)}.home-hero h1{font-family:var(--font-display);font-weight:800;color:var(--ink-on-navy);font-size:32px;line-height:1.02;letter-spacing:-.03em;margin:0;text-wrap:balance}.home-hero h1 em{font-style:normal;color:var(--orange)}.home-hero p{margin:12px 0 0;max-width:34rem;color:var(--soft-on-navy);font-size:14.5px;line-height:1.6}.home-hero__acts{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:20px}.home-hero__link{color:var(--ink-on-navy);font-weight:700;font-size:14px;text-decoration:underline;text-decoration-color:#ff6b1ab3;text-underline-offset:.3em}.home-hero__link:hover{text-decoration-color:var(--orange)}.home-hero__meta{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.home-hero__meta span{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:#ffffff12;color:var(--ink-on-navy);font-size:12px;font-weight:600}.home-hero__meta svg{color:var(--orange)}@media (min-width: 700px){.home-hero{padding:36px 36px 32px}.home-hero h1{font-size:42px}}.continue{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--radius);background:#fff;border:1px solid var(--hairline);box-shadow:var(--shadow-sm);text-align:left;width:100%;cursor:pointer;transition:box-shadow .16s var(--ease-out)}.continue:hover{box-shadow:var(--shadow-md)}.continue small{display:block;font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--text-soft)}.continue b{display:block;font-family:var(--font-display);font-size:17px;color:var(--text-dark);letter-spacing:-.01em;margin-top:2px}.tgroup{display:flex;flex-direction:column;gap:12px}.tgroup__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:10px}.tgroup__head h2{margin:0;font-family:var(--font-display);font-weight:800;font-size:21px;letter-spacing:-.02em;color:var(--text-dark)}.tgroup__head p{margin:0;font-size:13px;color:var(--text-soft)}.tgrid{display:grid;grid-template-columns:1fr;gap:10px}@media (min-width: 700px){.tgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tgrid>:last-child:nth-child(odd){grid-column:1 / -1}}.tcard{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;text-align:left;width:100%;padding:16px 16px 15px;border-radius:var(--radius);background:#fff;border:1px solid var(--hairline);box-shadow:var(--shadow-sm);cursor:pointer;color:inherit;font:inherit;transition:box-shadow .16s var(--ease-out),border-color .16s var(--ease-out),transform .16s var(--ease-out)}@media (hover: hover) and (pointer: fine){.tcard:hover{box-shadow:var(--shadow-md);border-color:var(--hairline-str);transform:translateY(-1px)}.tcard:hover .tcard__go{color:var(--orange-dark);transform:translate(2px)}}.tcard:active{transform:scale(.99)}.tcard__top{display:flex;align-items:center;gap:12px;min-width:0}.tcard__icon{width:42px;height:42px;flex:0 0 42px;border-radius:13px;display:grid;place-items:center;background:#eaf0fc;color:var(--green)}.tcard__icon--warm{background:var(--orange-tint);color:var(--orange-dark)}.tcard__name{flex:1;min-width:0;font-family:var(--font-display);font-weight:700;font-size:17px;line-height:1.15;letter-spacing:-.015em;color:var(--text-dark)}.tcard__go{flex:none;color:var(--text-soft);transition:transform .16s var(--ease-out),color .16s}.tcard__desc{margin:0;font-size:13px;line-height:1.55;color:var(--text-soft);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-wrap:pretty}.tcard--locked{background:#fbfcfe}.tcard--locked .tcard__icon{background:var(--bg-frame-b);color:var(--text-soft)}.tier-chip{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.01em;white-space:nowrap}.tier-chip--free{background:#eaf0fc;color:var(--green)}.tier-chip--paid{background:var(--orange-tint);color:var(--orange-dark)}.upsell{display:grid;gap:16px;align-items:center;padding:20px;border-radius:var(--radius);background:#fff;border:1px solid var(--hairline);box-shadow:var(--shadow-sm)}.upsell h3{margin:0;font-family:var(--font-display);font-weight:800;font-size:19px;letter-spacing:-.02em;color:var(--text-dark)}.upsell p{margin:6px 0 0;font-size:13.5px;line-height:1.6;color:var(--text-soft)}.upsell__acts{display:flex;flex-wrap:wrap;gap:8px}@media (min-width: 700px){.upsell{grid-template-columns:1fr auto;padding:22px 24px}}.search-field{border-radius:14px;padding:12px 14px;border-color:var(--hairline-str);margin-bottom:6px}.search-field:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #1c4fb81f}.tool-row{border-radius:var(--radius);padding:14px 16px}.tool-row-title{font-family:var(--font-display);font-weight:700;font-size:15.5px;letter-spacing:-.01em}.tool-row.locked{opacity:1}.tool-row-arrow{color:var(--text-soft)}.sheet{border-radius:24px 24px 0 0}.sheet-title{font-family:var(--font-display);font-size:19px;letter-spacing:-.015em}@media (prefers-reduced-motion: reduce){.tcard,.tcard__go,.continue,.btn-primary,.btn-accent{transition:none}.tcard:hover,.tcard:active{transform:none}}:root{--ease-pop: cubic-bezier(.34, 1.56, .64, 1);--gold-xp: #FFB020}.page .btn-ghost,.page .btn-ghost-gold,.page .btn-primary,.page .btn-accent{min-height:44px}.xp-chips{position:fixed;left:50%;top:calc(66px + env(safe-area-inset-top));transform:translate(-50%);z-index:95;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}@media (min-width: 700px){.xp-chips{left:calc(50% + 118px);top:78px}}.xp-chip{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:999px;background:var(--navy-deep);color:var(--ink-on-navy);font:600 13px var(--font);box-shadow:0 10px 28px -8px #0a14308c,0 0 0 1px #ffffff0f inset;animation:xpChip 3.2s var(--ease-out) both;white-space:nowrap;max-width:92vw}.xp-chip b{font:800 13px var(--font-display);letter-spacing:-.01em;color:var(--on-orange);background:linear-gradient(135deg,var(--gold-xp),var(--orange));padding:5px 10px;border-radius:999px}.xp-chip span{overflow:hidden;text-overflow:ellipsis}@keyframes xpChip{0%{opacity:0;transform:translateY(14px) scale(.85)}12%{opacity:1;transform:translateY(0) scale(1.04)}18%{transform:translateY(0) scale(1)}82%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-14px)}}.cel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;place-items:center;padding:20px;background:#0810289e;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:celFade .2s ease both}.cel-card{position:relative;overflow:hidden;width:100%;max-width:380px;text-align:center;background:#fff;border-radius:26px;padding:30px 22px 20px;box-shadow:0 30px 70px -20px #00000080;animation:celPop .45s var(--ease-pop) both}.cel-medal{position:relative;width:104px;height:104px;margin:14px auto 26px;border-radius:50%;display:grid;place-items:center;color:var(--navy-deep);background:radial-gradient(circle at 32% 28%,#FFE29A,var(--gold-xp) 45%,var(--orange) 100%);box-shadow:0 0 0 8px #fff1e8,0 14px 30px -10px #ff6b1ab3;animation:celMedal .7s .1s var(--ease-pop) both}.cel-medal:after{content:"";position:absolute;top:-18px;right:-18px;bottom:-18px;left:-18px;border-radius:50%;border:2px dashed rgba(255,107,26,.35);animation:celSpin 9s linear infinite}.cel-medal--badge{background:radial-gradient(circle at 32% 28%,#3E6FD8,var(--navy-raised) 60%,var(--navy-deep));color:var(--gold-xp);box-shadow:0 0 0 8px #eaf0fc,0 14px 30px -10px #0a143099}.cel-num{font:800 50px/1 var(--font-display);letter-spacing:-.04em}.cel-eyebrow{margin:0 0 4px;font:800 11px var(--font);letter-spacing:.16em;text-transform:uppercase;color:var(--orange-dark)}.cel-card h2{margin:0;font:800 24px/1.15 var(--font-display);letter-spacing:-.02em;color:var(--text-dark);text-wrap:balance}.cel-desc{margin:8px auto 0;max-width:28ch;font-size:14px;line-height:1.55;color:var(--text-mid)}.cel-next{margin:18px 4px 0;text-align:left}.cel-next small{display:block;margin-top:6px;font-size:12px;font-weight:600;color:var(--text-soft);text-align:center}.cel-bar,.sb-xp-bar,.slots-bar{display:block;height:8px;border-radius:99px;background:var(--bg-frame-b);overflow:hidden}.cel-bar i,.sb-xp-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold-xp),var(--orange));transform-origin:left}.cel-bar i{animation:isiBar .9s .35s var(--ease-out) both}.cel-acts{display:grid;gap:8px;margin-top:20px}.cel-acts .btn-accent,.cel-acts .btn-ghost{justify-content:center;min-height:46px;font-size:14px}.konfeti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.cel-card>:not(.konfeti){position:relative;z-index:1}.konfeti i{position:absolute;top:-14px;width:8px;height:12px;opacity:0;animation-name:jatuh;animation-timing-function:cubic-bezier(.25,.6,.45,1);animation-fill-mode:forwards}@keyframes jatuh{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(var(--dx),440px) rotate(var(--rot))}}@keyframes celFade{0%{opacity:0}}@keyframes celPop{0%{opacity:0;transform:translateY(18px) scale(.9)}}@keyframes celMedal{0%{transform:scale(.4) rotate(-20deg)}}@keyframes celSpin{to{transform:rotate(360deg)}}@keyframes isiBar{0%{transform:scaleX(0)}}.avatar-chip.has-ring{overflow:visible}.avatar-letter{position:relative;z-index:1}.xp-ring{position:absolute;left:50%;top:50%;width:42px;height:42px;transform:translate(-50%,-50%) rotate(-90deg);pointer-events:none}.xp-ring circle{fill:none;stroke-width:3}.xp-ring-bg{stroke:#ffffff2e}.xp-ring-fg{stroke:var(--gold-xp);stroke-linecap:round;transition:stroke-dashoffset .8s var(--ease-out)}@media (min-width: 700px){.xp-ring-bg{stroke:var(--hairline-str)}.xp-ring-fg{stroke:var(--orange)}}.lv-pill{position:absolute;z-index:2;right:-9px;bottom:-7px;min-width:18px;height:18px;padding:0 5px;border-radius:99px;display:grid;place-items:center;font:800 10.5px var(--font);background:var(--navy-raised);color:#fff;box-shadow:0 0 0 2px var(--navy-deep)}@media (min-width: 700px){.lv-pill{background:var(--navy-deep);box-shadow:0 0 0 2px #fff}}.avatar-chip.has-ring .role-dot{right:auto;left:-3px;bottom:auto;top:-3px;z-index:2}.sb-xp{display:block;margin:10px 0 2px;padding:9px 10px 10px;min-height:44px;border-radius:10px;background:#ffffff0f;text-decoration:none;transition:background .15s}.sb-xp:hover{background:#ffffff1a}.sb-xp-top{display:flex;align-items:baseline;gap:6px;margin-bottom:7px;font-size:12px;font-weight:600;color:var(--ink-on-navy)}.sb-xp-top b{font-family:var(--font-display);color:var(--gold-xp)}.sb-xp-top em{margin-left:auto;font-style:normal;font-size:11px;color:var(--soft-on-navy)}.sb-xp-bar{height:6px;background:#ffffff1f}.gen{position:relative;overflow:hidden;padding:16px;margin-bottom:12px;border-radius:var(--radius);background:#fff;border:1px solid var(--hairline);box-shadow:var(--shadow-sm)}.gen:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,transparent,var(--orange),var(--gold-xp),transparent);background-size:50% 100%;background-repeat:no-repeat;animation:genScan 1.4s linear infinite}.gen-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.gen-orb{width:34px;height:34px;flex:none;border-radius:11px;display:grid;place-items:center;background:var(--orange-tint);color:var(--orange-dark);animation:genOrb 1.6s ease-in-out infinite}.gen-head b{display:block;font:700 14.5px var(--font-display);color:var(--text-dark)}.gen-tip{display:block;min-height:1.4em;font-size:12.5px;color:var(--text-soft);animation:genTip .45s var(--ease-out) both}.gen-rows{display:grid;gap:8px}.gen-row{height:52px;border-radius:12px;border:1px solid var(--hairline);background:linear-gradient(90deg,#f1f4fa,#f8fafd,#f1f4fa 80%);background-size:200% 100%;animation:shimmer 1.3s linear infinite,genRow .4s var(--ease-out) both}.gen-row:nth-child(2){animation-delay:0s,.12s;width:92%}.gen-row:nth-child(3){animation-delay:0s,.24s;width:84%}@keyframes genScan{0%{background-position:-50% 0}to{background-position:150% 0}}@keyframes genOrb{50%{transform:rotate(8deg) scale(1.08)}}@keyframes genTip{0%{opacity:0;transform:translateY(4px)}}@keyframes genRow{0%{opacity:0;transform:translateY(6px)}}.opts-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.opts-head h3{margin:0;font:800 15px var(--font-display);letter-spacing:-.01em;color:var(--text-dark)}.opts-head h3 small{display:block;margin-top:1px;font:600 12px var(--font);color:var(--text-soft)}.reroll{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;border-radius:11px;border:1px solid var(--hairline-str);background:#fff;color:var(--green);font:700 12.5px var(--font);flex:none}.reroll:hover:not(:disabled){border-color:var(--green);background:#f4f7fd}.reroll:disabled{opacity:.55;cursor:wait}.reroll svg{transition:transform .5s var(--ease-out)}.reroll:hover:not(:disabled) svg{transform:rotate(180deg)}.opts{display:grid;gap:8px}.opt{position:relative;display:flex;align-items:flex-start;gap:11px;width:100%;text-align:left;padding:12px;border-radius:13px;border:1.5px solid var(--hairline-str);background:#fff;font:500 13.5px/1.55 var(--font);color:var(--text-dark);cursor:pointer;animation:optIn .38s var(--ease-out) both;transition:border-color .15s,background-color .15s,box-shadow .15s,transform .12s}.opt:nth-child(2){animation-delay:.08s}.opt:nth-child(3){animation-delay:.16s}.opt:hover{border-color:var(--green-light);box-shadow:var(--shadow-sm)}.opt:active{transform:scale(.99)}.opt-no{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;margin-top:1px;background:var(--bg-frame-b);color:var(--text-mid);font:800 12px var(--font);transition:background-color .15s,color .15s}.opt.on{border-color:var(--green);background:#f2f6fe;box-shadow:0 0 0 3px #1c4fb81a}.opt.on .opt-no{background:var(--green);color:#fff;animation:optCheck .4s var(--ease-pop) both}@keyframes optIn{0%{opacity:0;transform:translateY(8px)}}@keyframes optCheck{0%{transform:scale(.4)}}.slots{padding:14px 16px 2px}.slots-top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:9px}.slots-top b{font:800 15px var(--font-display);color:var(--text-dark)}.slots-top span{font-size:12.5px;font-weight:700;color:var(--text-soft)}.slots-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.slot{display:flex;flex-direction:column;gap:6px;font-size:11.5px;font-weight:700;color:var(--text-soft);min-width:0}.slot i{display:block;height:7px;border-radius:99px;background:var(--bg-frame-b);overflow:hidden;position:relative}.slot i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,var(--green),var(--green-light));transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease-out)}.slot.on{color:var(--green)}.slot.on i:after{transform:scaleX(1)}.slot.lock{color:var(--text-soft)}.slot span{display:flex;align-items:center;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lengkap{display:flex;align-items:center;gap:12px;margin:12px 16px 0;padding:12px 14px;border-radius:14px;background:linear-gradient(120deg,#fff4e6,#fff1e8);border:1px solid #FFD5BC;color:var(--text-dark);animation:celPop .45s var(--ease-pop) both}.lengkap-ic{flex:none;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--orange);color:var(--on-orange)}.lengkap b{display:block;font:800 14.5px var(--font-display)}.lengkap small{display:block;font-size:12.5px;color:var(--text-mid)}.xp-tag{display:inline-flex;align-items:center;margin-left:4px;padding:2px 7px;border-radius:99px;font:800 11px var(--font);background:#1c0d031f;color:inherit}.mod-card{text-align:left}.mod-card.mod-card--lock{border-style:dashed;border-color:var(--hairline-str);background:#fbfcfe;box-shadow:none}.mod-card.mod-card--lock .mod-icon{background:var(--bg-frame-b);color:var(--text-soft)}.pb-chip{min-height:44px;padding:9px 14px}.pb-chips{gap:8px}.pb-step,.er-guide-head{min-height:44px}.pb-chip.on{animation:optCheck .3s var(--ease-pop)}.idea-starters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.idea-starter{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:9px 14px;border-radius:14px;border:1px solid var(--hairline-str);background:#fff;color:var(--text-dark);font:600 13px/1.35 var(--font);text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .12s}.idea-starter svg{color:var(--orange-dark);flex:none}.idea-starter:hover{border-color:var(--green-light);box-shadow:var(--shadow-sm)}.idea-starter:active{transform:scale(.98)}.idea-frame{flex:1;display:flex;flex-direction:column;padding:14px}.idea-log{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:14px;margin-bottom:12px;min-height:200px}.msg{font-size:14px;line-height:1.65;border-radius:16px;padding:10px 14px;animation:msgIn .3s var(--ease-out) both;overflow-wrap:anywhere}.msg--me{align-self:flex-end;max-width:85%;white-space:pre-wrap;background:var(--green);color:#fff;border-bottom-right-radius:6px}.msg-row{display:flex;align-items:flex-start;gap:9px;max-width:92%}.msg-ava{flex:none;width:30px;height:30px;margin-top:2px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold-xp),var(--orange));color:var(--on-orange)}.msg-col{min-width:0;display:flex;flex-direction:column;gap:6px}.msg--ai{background:#fff;color:var(--text-dark);border:1px solid var(--hairline-str);border-top-left-radius:6px}.msg-acts{display:flex;gap:6px;flex-wrap:wrap}.msg-acts button{display:inline-flex;align-items:center;gap:5px;min-height:36px;padding:0 11px;border-radius:10px;border:1px solid var(--hairline);background:var(--bg-page);color:var(--text-mid);font:700 12px var(--font);cursor:pointer;position:relative}.msg-acts button:before{content:"";position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}.msg-acts button:hover{color:var(--green);border-color:var(--green-light);background:#fff}.msg--typing{display:inline-flex;align-items:center;gap:10px;color:var(--text-soft);font-size:13px}.dots{display:inline-flex;gap:4px}.dots i{width:7px;height:7px;border-radius:50%;background:var(--orange);animation:dot 1.1s ease-in-out infinite}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes dot{0%,80%,to{transform:translateY(0);opacity:.45}40%{transform:translateY(-5px);opacity:1}}@keyframes msgIn{0%{opacity:0;transform:translateY(8px)}}.md-chat>:first-child{margin-top:0}.md-chat>:last-child{margin-bottom:0}.md-chat p{margin:0 0 .7em}.md-chat strong{font-weight:800;color:var(--text-dark)}.md-chat em{font-style:italic}.md-chat h1,.md-chat h2,.md-chat h3,.md-chat h4{margin:1em 0 .4em;font:800 15.5px/1.3 var(--font-display);letter-spacing:-.01em;color:var(--text-dark)}.md-chat ol,.md-chat ul{margin:.2em 0 .8em;padding-left:1.35em}.md-chat li{margin:.3em 0;padding-left:.15em}.md-chat li::marker{color:var(--orange-dark);font-weight:800}.md-chat li>p{margin:0 0 .3em}.md-chat li>ul,.md-chat li>ol{margin:.2em 0 .3em}.md-chat blockquote{margin:.6em 0;padding:8px 12px;border-left:3px solid var(--orange);background:var(--orange-tint);border-radius:0 10px 10px 0;color:var(--text-mid)}.md-chat code{font-size:.9em;padding:1px 5px;border-radius:5px;background:var(--bg-frame-b)}.md-chat pre{overflow-x:auto;padding:10px 12px;border-radius:10px;background:var(--bg-frame-b)}.md-chat pre code{padding:0;background:none}.md-chat hr{border:0;border-top:1px solid var(--hairline-str);margin:1em 0}.md-chat a{color:var(--green);text-decoration:underline;text-underline-offset:2px}.md-chat table{width:100%;border-collapse:collapse;margin:.6em 0;font-size:13px;display:block;overflow-x:auto}.md-chat th,.md-chat td{border:1px solid var(--hairline-str);padding:6px 8px;text-align:left}.idea-input{display:flex;gap:8px;align-items:flex-end}.idea-input textarea{flex:1;margin:0;resize:vertical;min-height:48px}.idea-input-acts{display:flex;flex-direction:column;gap:6px}.idea-input-acts button{width:48px;min-height:44px;padding:0;justify-content:center}.idea-hist-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0810288c;animation:celFade .2s ease both}.idea-hist{position:fixed;top:0;right:0;bottom:0;z-index:61;width:min(420px,92vw);display:flex;flex-direction:column;background:var(--navy-deep);color:var(--ink-on-navy);box-shadow:-12px 0 30px #00000059;animation:histIn .28s var(--ease-out) both}.idea-hist :focus-visible{outline-color:var(--orange)}.idea-hist-head{display:flex;align-items:center;justify-content:space-between;padding:14px 12px 14px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.idea-hist-head h2{display:flex;align-items:center;gap:8px;margin:0;font:800 16px var(--font-display);color:var(--ink-on-navy)}.idea-hist-head h2 svg{color:var(--orange)}.idea-hist-x{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;color:var(--soft-on-navy)}.idea-hist-x:hover{background:#ffffff14;color:#fff}.idea-hist-body{flex:1;overflow-y:auto;padding:12px}.idea-hist-empty{margin:24px 12px;text-align:center;font-size:13px;color:var(--soft-on-navy)}.idea-hist-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.idea-hist-list li{display:flex;align-items:stretch;gap:4px;border-radius:12px;background:#ffffff0f}.idea-hist-open{flex:1;min-width:0;display:flex;align-items:flex-start;gap:10px;padding:11px 12px;text-align:left;border-radius:12px;color:inherit}.idea-hist-open:hover{background:#ffffff0f}.idea-hist-open svg{flex:none;margin-top:2px;color:var(--orange)}.idea-hist-open span{min-width:0}.idea-hist-open b{display:block;font-size:13.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.idea-hist-open small{display:block;margin-top:3px;font-size:11.5px;color:var(--soft-on-navy)}.idea-hist-del{flex:none;width:44px;display:grid;place-items:center;border-radius:12px;color:var(--soft-on-navy)}.idea-hist-del:hover{background:#c62f2f40;color:#fff}@keyframes histIn{0%{transform:translate(30px);opacity:0}}@media (prefers-reduced-motion: reduce){.xp-chip{animation:xpChipDiam 3.2s linear both}@keyframes xpChipDiam{0%,to{opacity:0}5%,92%{opacity:1}}.konfeti{display:none}.cel,.cel-card,.cel-medal,.cel-bar i,.lengkap,.opt,.opt.on .opt-no,.gen:before,.gen-orb,.gen-tip,.gen-row,.pb-chip.on,.msg,.dots i,.idea-hist,.idea-hist-bg{animation:none!important}.cel-medal:after{animation:none}.xp-ring-fg,.slot i:after,.reroll svg{transition:none}}