:root{--bg: #FFFFFF;--surface: #FFFFFF;--surface-glass: rgba(255, 255, 255, .78);--surface-alt: #F8F9FB;--surface-alt-glass: rgba(248, 249, 251, .75);--ink: #10131C;--ink-soft: #6B7280;--teal: #0EA5A0;--teal-deep: #0B7F7B;--murah: #FFC93C;--murah-ink: #7A5200;--border: #EEEFF2;--border-glass: rgba(238, 239, 242, .85);--danger: #E23D3D;--danger-bg: #FEF2F2;--success: #1E9E5A;--success-bg: #ECFDF5;--pending-bg: #FFFBEB;--radius: 16px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.4,0,.2,1);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .4s}@media (prefers-color-scheme: dark){:root{--bg: #0B0E14;--surface: #141821;--surface-glass: rgba(20, 24, 33, .75);--surface-alt: #1C2130;--surface-alt-glass: rgba(28, 33, 48, .75);--ink: #F0F1F4;--ink-soft: #8B93A6;--teal-deep: #0EA5A0;--border: #252B3B;--border-glass: rgba(37, 43, 59, .8);--danger-bg: #2D1518;--success-bg: #0d2818;--pending-bg: #2B2414;--murah-ink: #E0B44A}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}html,body{background-color:var(--bg)}body{color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}h1,h2,h3{font-family:Sora,sans-serif;letter-spacing:-.025em;line-height:1.2}a{text-decoration:none;color:inherit;outline:none}a:focus,a:active{outline:none}button{font-family:Inter,sans-serif;cursor:pointer;border:none;background:none;outline:none;color:inherit;-webkit-tap-highlight-color:transparent}button:focus,button:focus-visible,button:active{outline:none}img{display:block}.cyl-wrap{position:relative;height:38vh;min-height:200px;max-height:360px;margin:12px 0 0;overflow:hidden}.cyl-canvas{display:block;width:100%;height:100%}.cyl-arrow{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;transform:translateY(-55%);width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:#0000006b;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-size:22px;line-height:1;cursor:pointer;z-index:20;transition:background .15s ease,transform .15s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.cyl-arrow:hover{background:#0000009e}.cyl-arrow:active{transform:translateY(-55%) scale(.9)}.cyl-arrow--prev{left:10px}.cyl-arrow--next{right:10px}@media (prefers-color-scheme: dark){.cyl-arrow{background:#ffffff24;border-color:#ffffff2e}.cyl-arrow:hover{background:#ffffff42}}@media (min-width: 640px){.cyl-wrap{height:40vh;min-height:240px;max-height:380px}.cyl-arrow{width:38px;height:38px;font-size:24px}.cyl-arrow--prev{left:14px}.cyl-arrow--next{right:14px}}@media (min-width: 1024px){.cyl-wrap{height:42vh;min-height:300px;max-height:420px}}.hero-dots{display:flex;justify-content:center;gap:6px;padding:6px 0 2px}.hero-dots span{width:7px;height:7px;border-radius:50%;background:var(--border);transition:background .15s ease,transform .15s ease;cursor:pointer}.hero-dots span.active{background:var(--teal);transform:scale(1.25);width:18px;border-radius:4px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.header-container{position:sticky;top:0;left:0;right:0;width:100%;z-index:50;display:flex;justify-content:center;pointer-events:none}header.navbar{pointer-events:auto;width:100%;margin:0;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--surface-glass);border:1px solid transparent;border-bottom:1px solid var(--border);border-radius:0;box-shadow:none;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:width .28s cubic-bezier(.25,1,.5,1),margin .28s cubic-bezier(.25,1,.5,1),padding .28s cubic-bezier(.25,1,.5,1),border-radius .28s cubic-bezier(.25,1,.5,1),border-color .2s ease,box-shadow .28s cubic-bezier(.25,1,.5,1)}header.navbar.navbar-pill{width:calc(100% - 24px);max-width:600px;margin:10px auto 0;padding:10px 18px;border-radius:9999px;border:1px solid var(--border);box-shadow:0 8px 24px -4px #00000029}@media (min-width: 900px){header.navbar{padding:18px 24px}header.navbar.navbar-pill{width:calc(100% - 48px);max-width:860px;margin:14px auto 0;padding:12px 24px}}.header-left{display:flex;align-items:center;gap:12px}.logo{font-family:Sora,sans-serif;font-weight:800;font-size:22px;letter-spacing:-.02em;color:var(--ink);display:inline-flex;align-items:baseline;transition:font-size var(--duration-fast) ease}.navbar-pill .logo{font-size:20px}.logo span{color:var(--teal)}.header-actions{display:flex;align-items:center;gap:10px}.back-btn,.icon-btn{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--surface-alt);border:1px solid var(--border);color:var(--ink);cursor:pointer;transition:background var(--duration-fast) ease,border-color var(--duration-fast) ease,transform var(--duration-fast) ease}.back-btn:hover,.icon-btn:hover{background:var(--border)}.back-btn:active,.icon-btn:active{transform:scale(.94)}.back-btn svg,.icon-btn svg{width:18px;height:18px;stroke:var(--ink)}.page{max-width:640px;margin:0 auto;padding:20px 20px 90px}@media (min-width: 900px){.page{max-width:900px;padding:32px 20px 60px}}.page-title{font-size:22px;font-weight:700;margin-bottom:4px;letter-spacing:-.025em}.page-sub{font-size:13.5px;color:var(--ink-soft);margin-bottom:28px;line-height:1.5}.section{padding:32px 0 12px}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px}.section-head h3{font-size:18px;font-weight:700;letter-spacing:-.02em}.section-head .see-all{font-size:13px;color:var(--teal-deep);font-weight:600;transition:opacity var(--duration-fast) ease}.section-head .see-all:hover{opacity:.7}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media (max-width: 480px){.grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 900px){.grid{grid-template-columns:repeat(6,1fr)}}.card{position:relative;border-radius:14px;overflow:hidden;background:var(--surface);border:1px solid var(--border);aspect-ratio:3/4;display:flex;align-items:flex-end;transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-base) ease;box-shadow:none}.card:hover{box-shadow:0 2px 12px #0000000f;transform:translateY(-2px)}.card:active{transform:scale(.97)}.card-img{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1a1d2e,#33395b 140%)}.card-bg-img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s ease}.card-bg-img.loaded{opacity:1}.card-label{position:relative;z-index:2;width:100%;padding:10px 8px;background:linear-gradient(0deg,#10131cc7,#10131c00);color:#fff}.card-label .name{font-size:12px;font-weight:600;line-height:1.2;display:block;margin-bottom:2px}.card-label .price{font-size:11px;opacity:.8;font-weight:500}.badge{position:absolute;top:8px;left:8px;z-index:3;background:var(--murah);color:var(--murah-ink);font-size:9px;font-weight:800;letter-spacing:.04em;padding:3px 8px;border-radius:6px;text-transform:uppercase}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0e1473;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .25s ease,backdrop-filter .25s ease;z-index:90}.overlay.show{opacity:1;pointer-events:auto}.sidebar{position:fixed;top:0;right:0;height:100%;width:78%;max-width:320px;background:var(--surface-glass);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);border-left:1px solid var(--border-glass);z-index:95;transform:translate(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:-8px 0 30px #0003}.sidebar.show{transform:translate(0)}.sidebar-head{padding:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-glass)}.sidebar-head .logo{font-family:Sora,sans-serif;font-weight:800;font-size:19px;letter-spacing:-.02em;color:var(--ink)}.sidebar-head .logo span{color:var(--teal)}.sidebar-close{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--surface-alt-glass);border:1px solid var(--border-glass);cursor:pointer;transition:background var(--duration-fast) ease,border-color var(--duration-fast) ease}.sidebar-close:hover{background:var(--border)}.sidebar-close svg{width:16px;height:16px;stroke:var(--ink)}.sidebar-nav{padding:10px 8px;display:flex;flex-direction:column;gap:2px}.sidebar-nav a{padding:14px 12px;border-radius:10px;font-weight:600;font-size:15px;color:var(--ink);display:flex;align-items:center;justify-content:space-between;transition:background var(--duration-fast) ease,color var(--duration-fast) ease}.sidebar-nav a.active{background:var(--surface-alt-glass);color:var(--teal-deep)}.sidebar-nav a:active,.sidebar-nav a:hover{background:var(--surface-alt-glass)}.sidebar-nav a .chev{color:var(--ink-soft);font-size:15px}.sidebar-foot{margin-top:auto;padding:18px 20px;border-top:1px solid var(--border-glass);font-size:12px;color:var(--ink-soft);letter-spacing:.01em}.nav-search-inline{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:8px;z-index:10;padding:0 12px}.nav-search-input-wrap{flex:1;max-width:480px;display:flex;align-items:center;gap:8px;background:var(--surface-alt);border:1.5px solid var(--border);border-radius:10px;padding:8px 12px;transition:border-color .2s ease}.nav-search-input-wrap:focus-within{border-color:var(--teal)}.nav-search-input-wrap svg{width:16px;height:16px;stroke:var(--ink-soft);flex-shrink:0}.nav-search-input-wrap input{flex:1;border:none;background:transparent;outline:none;font-family:Inter,sans-serif;font-size:14px;color:var(--ink);min-width:0}.nav-search-input-wrap input::placeholder{color:var(--ink-soft)}.nav-search-close{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--surface-alt);border:1px solid var(--border);color:var(--ink);cursor:pointer;flex-shrink:0;transition:background .15s ease}.nav-search-close:hover{background:var(--border)}.nav-search-close svg{width:16px;height:16px;stroke:var(--ink)}.nav-search-dropdown{position:absolute;top:calc(100% + 10px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 40px -8px #0000002e;max-height:320px;overflow-y:auto;padding:6px;z-index:99;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.nav-search-dropdown .search-result-item{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-radius:10px;font-size:14px;font-weight:500;transition:background .15s ease;border-bottom:none;text-decoration:none;color:var(--ink)}.nav-search-dropdown .search-result-item:hover{background:var(--surface-alt)}.nav-search-dropdown .search-result-item .price{color:var(--ink-soft);font-size:12px;font-weight:500}.nav-search-dropdown .search-empty{padding:20px 12px;font-size:13px;color:var(--ink-soft);text-align:center}.navbar-pill .nav-search-inline{padding:0 14px}.skeleton{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,var(--surface-alt) 8%,var(--border) 18%,var(--surface-alt) 33%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}.skel-block{position:relative;overflow:hidden;border-radius:8px;background:var(--surface-alt)}.content-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;margin-bottom:16px}.content-card h3{font-size:15px;margin-bottom:8px}.content-card p{font-size:13.5px;color:var(--ink-soft);line-height:1.65}.empty-state{text-align:center;padding:64px 20px;color:var(--ink-soft)}.empty-state svg{width:48px;height:48px;margin-bottom:16px;opacity:.3}.empty-state p{font-size:14px;line-height:1.6}.riwayat-search-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px 18px;margin-bottom:20px}.riwayat-field-wrap{position:relative;display:flex;align-items:center}.riwayat-field-icon{position:absolute;left:13px;color:var(--ink-soft);display:flex;align-items:center}.riwayat-field{width:100%;padding:12px 14px 12px 40px;border:1.5px solid var(--border);border-radius:10px;font-size:15px;font-family:Inter,sans-serif;outline:none;color:var(--ink);background:var(--bg);transition:border-color var(--duration-fast) ease;-moz-appearance:textfield}.riwayat-field::-webkit-outer-spin-button,.riwayat-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.riwayat-field:focus{border-color:var(--teal)}.riwayat-field.input-error{border-color:var(--danger)!important}.riwayat-field.input-success{border-color:var(--success)!important}.riwayat-search-btn{width:100%;margin-top:12px;padding:12px;border:none;border-radius:10px;cursor:pointer;background:var(--teal);color:#fff;font-size:14px;font-weight:600;font-family:Inter,sans-serif;display:flex;align-items:center;justify-content:center;gap:7px;transition:opacity var(--duration-fast) ease,transform .1s ease}.riwayat-search-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.riwayat-search-btn:not(:disabled):hover{opacity:.85}.riwayat-search-btn:not(:disabled):active{transform:scale(.98)}.riwayat-count{font-size:13px;color:var(--ink-soft);margin-bottom:10px;padding-left:2px}.tx-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border)}.tx-row:last-child{border-bottom:none}.tx-left .tx-name{font-size:13.5px;font-weight:600}.tx-left .tx-date{font-size:11.5px;color:var(--ink-soft);margin-top:3px}.tx-right{text-align:right}.tx-right .tx-amount{font-size:13.5px;font-weight:700}.tx-status{font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:20px;margin-top:4px;display:inline-flex;align-items:center;gap:3px;letter-spacing:.02em}.tx-status.success{background:var(--success-bg);color:var(--success)}.tx-status.pending{background:var(--pending-bg);color:var(--murah-ink)}.tx-status.failed{background:var(--danger-bg);color:var(--danger)}.member-hero{background:linear-gradient(135deg,#123b3a,#0ea5a0 130%);color:#fff;border-radius:18px;padding:28px 24px;margin-bottom:22px}.member-hero .price{font-size:30px;font-weight:800;font-family:Sora,sans-serif;letter-spacing:-.02em}.member-hero .price span{font-size:14px;font-weight:500;opacity:.8}.member-benefit{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--border)}.member-benefit:last-child{border-bottom:none}.member-benefit svg{width:18px;height:18px;flex-shrink:0;margin-top:2px;color:var(--teal)}.member-benefit .txt{font-size:13.5px;font-weight:500}.member-step-num{width:22px;height:22px;border-radius:50%;background:var(--teal);color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.cta-btn{width:100%;padding:14px;border:none;border-radius:12px;background:var(--teal);color:#fff;font-size:15px;font-weight:700;margin-top:18px;cursor:pointer;transition:opacity var(--duration-fast) ease,transform .1s ease;display:flex;align-items:center;justify-content:center;gap:8px}.cta-btn:hover{opacity:.9}.cta-btn:active{transform:scale(.98)}.cta-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.tier-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.tier-card{position:relative;border:1.5px solid var(--border);border-radius:14px;padding:16px 14px;background:var(--surface);text-align:left;cursor:pointer;transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.tier-card.selected{border-color:var(--teal);background:#0ea5a008}.tier-card:active{transform:scale(.98)}.tier-recommended{position:absolute;top:-9px;left:50%;transform:translate(-50%);background:#1c2130;color:#fff;font-size:9.5px;font-weight:700;padding:3px 10px;border-radius:20px;white-space:nowrap;letter-spacing:.05em;text-transform:uppercase}.tier-name{font-size:13px;font-weight:700;margin-bottom:6px;color:var(--ink)}.tier-price{font-size:19px;font-weight:800;font-family:Sora,sans-serif;color:var(--teal-deep);margin-bottom:10px;letter-spacing:-.02em}.tier-price span{font-size:11.5px;font-weight:500;color:var(--ink-soft);font-family:Inter,sans-serif}.tier-benefits{display:flex;flex-direction:column;gap:5px}.tier-benefit-row{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--ink-soft);font-weight:500}.tier-benefit-row svg{color:var(--teal);flex-shrink:0}.member-active-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;margin-bottom:16px}.member-active-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px;gap:10px}.member-active-badge{font-size:10.5px;font-weight:700;letter-spacing:.08em;color:var(--teal);text-transform:uppercase;margin-bottom:4px}.member-active-exp{font-size:12.5px;color:var(--ink-soft)}.member-coupon-count{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--teal-deep);background:#0ea5a00f;padding:5px 10px;border-radius:8px;white-space:nowrap;flex-shrink:0}.member-coupon-bar{height:4px;background:var(--surface-alt);border-radius:10px;margin-bottom:6px;overflow:hidden}.member-coupon-fill{height:100%;background:var(--teal);border-radius:10px;transition:width .3s ease}.member-coupon-label{font-size:12px;color:var(--ink-soft);margin-bottom:14px}.member-toggle-btn{width:100%;padding:10px;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--ink);font-size:13px;font-weight:600;cursor:pointer;transition:background var(--duration-fast) ease}.member-toggle-btn:hover{background:var(--surface-alt)}.google-login-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border-radius:12px;border:1.5px solid var(--border);background:var(--surface);color:var(--ink);font-size:15px;font-weight:600;cursor:pointer;transition:background var(--duration-fast) ease,border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease,transform .1s ease;box-shadow:0 1px 3px #0000000f;margin-top:8px}.google-login-btn:hover{background:var(--surface-alt);border-color:#0ea5a059;box-shadow:0 4px 12px #0ea5a01f}.google-login-btn:active{transform:scale(.98)}.member-user-row{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:4px}.member-user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1.5px solid var(--border);flex-shrink:0}.member-user-name{font-size:14px;font-weight:600;color:var(--ink);line-height:1.2}.member-user-email{font-size:12px;color:var(--ink-soft);margin-top:2px}.member-benefit-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;margin-bottom:20px}.member-benefit-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px;gap:10px}.member-badge-label{font-size:10.5px;font-weight:700;letter-spacing:.08em;color:var(--teal);text-transform:uppercase;margin-bottom:4px}.member-price-display{font-size:20px;font-weight:800;color:var(--ink);letter-spacing:-.03em;white-space:nowrap}.member-price-display span{font-size:12px;font-weight:500;color:var(--ink-soft);margin-left:3px}.member-benefit-list{display:flex;flex-direction:column;gap:8px}.member-benefit-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink)}.member-benefit-row svg{color:var(--teal);flex-shrink:0}.member-coupon-list{margin-top:14px;display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto}.coupon-item{display:flex;align-items:center;gap:10px;background:var(--surface-alt);border-radius:8px;padding:10px 12px}.coupon-code{font-size:13px;font-weight:700;letter-spacing:.06em;font-family:Inter,monospace;flex:1;color:var(--ink)}.coupon-disc{font-size:11px;font-weight:700;color:#fff;background:var(--teal);padding:2px 7px;border-radius:5px;flex-shrink:0}.coupon-copy{width:28px;height:28px;border:1px solid var(--border);border-radius:6px;background:var(--surface);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background var(--duration-fast) ease}.coupon-copy:hover{background:var(--border)}.coupon-copy svg{width:13px;height:13px;stroke:var(--ink-soft)}.otp-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px 20px;text-align:center;margin-bottom:16px}.otp-icon{width:52px;height:52px;border-radius:50%;background:#0ea5a014;color:var(--teal);display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.otp-desc{font-size:13.5px;color:var(--ink-soft);line-height:1.6;margin-bottom:20px}.otp-input{width:180px;text-align:center;font-size:26px;font-weight:800;letter-spacing:.2em;font-family:Sora,sans-serif;border:1.5px solid var(--border);border-radius:12px;padding:14px 12px;outline:none;color:var(--ink);background:var(--bg);transition:border-color var(--duration-fast) ease;-moz-appearance:textfield}.otp-input::-webkit-outer-spin-button,.otp-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.otp-input:focus{border-color:var(--teal)}.otp-resend{margin-top:16px;font-size:13px;color:var(--ink-soft)}.otp-resend-btn{background:none;border:none;color:var(--teal-deep);font-weight:700;font-size:13px;cursor:pointer;text-decoration:underline}.otp-resend-btn:disabled{opacity:.4;cursor:not-allowed}.faq-item{border-bottom:1px solid var(--border)}.faq-q{padding:16px 4px;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600;cursor:pointer;gap:12px}.faq-q .plus{transition:transform .2s ease;color:var(--ink-soft);font-size:16px;flex-shrink:0}.faq-item.open .faq-q .plus{transform:rotate(45deg);color:var(--teal)}.faq-a{max-height:0;overflow:hidden;transition:max-height var(--duration-base) ease}.faq-item.open .faq-a{max-height:200px}.faq-a p{font-size:13.5px;color:var(--ink-soft);padding:0 4px 16px;line-height:1.7}.bottom-space{height:40px}.product-head{display:flex;align-items:center;gap:16px;margin-bottom:20px}.product-thumb{width:72px;height:72px;border-radius:14px;flex-shrink:0;overflow:hidden;position:relative;background:var(--surface-alt)}.product-thumb img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1;opacity:0;transition:opacity .35s ease}.product-thumb img.loaded{opacity:1}.product-info .tag{display:inline-block;background:#0ea5a014;color:var(--teal-deep);font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;margin-bottom:5px;letter-spacing:.02em}.product-info h1{font-size:18px;font-weight:700;letter-spacing:-.02em}.product-info .sub{font-size:12.5px;color:var(--ink-soft);margin-top:2px}.trust-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.trust-badge{display:flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:8px 12px;font-size:12px;font-weight:500;color:var(--ink-soft)}.trust-badge svg{width:14px;height:14px;flex-shrink:0;color:var(--teal)}.notice{display:flex;gap:12px;align-items:flex-start;background:var(--surface-alt);border:1px solid var(--border);border-radius:14px;padding:14px 16px;margin-bottom:24px}.notice svg{width:20px;height:20px;flex-shrink:0;margin-top:1px;color:var(--danger)}.notice p{font-size:13.5px;font-weight:500;line-height:1.5;color:var(--ink-soft)}.section-title{font-size:15px;font-weight:700;margin-bottom:12px;letter-spacing:-.01em}.dc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.dc-card{width:100%;aspect-ratio:280 / 340;background-color:#fff;border:3px solid #0284c7;border-radius:28px;position:relative;overflow:hidden;box-shadow:0 20px 35px #0284c74d,0 0 20px #38bdf866;display:flex;flex-direction:column;align-items:center;transition:transform .3s ease,box-shadow .3s ease,border-color .2s ease;cursor:pointer;color:inherit;font:inherit;padding:0;text-align:center}.dc-card:hover{transform:translateY(-5px);box-shadow:0 25px 45px #0284c773,0 0 30px #38bdf899}.dc-card:active{transform:translateY(0) scale(.97)}.dc-card--selected{border-color:#0369a1;box-shadow:0 25px 45px #0284c773,0 0 30px #38bdf899}.dc-card--skel{min-height:200px;border-color:var(--border);box-shadow:none;cursor:default}.dc-bg-svg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.dc-content{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding-top:14%}.dc-title{font-size:clamp(12px,3.2vw,22px);font-weight:800;color:#0f172a;letter-spacing:-.5px;margin-bottom:6%;position:relative;line-height:1.2}.dc-title:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:70%;height:3px;background:linear-gradient(90deg,#00c6ff,#0072ff);border-radius:2px}.dc-diamond{width:32%;display:flex;justify-content:center;align-items:center;filter:drop-shadow(0px 8px 18px rgba(0,198,255,.45));animation:dcFloat 3s ease-in-out infinite}.dc-diamond svg{width:100%;height:auto}@keyframes dcFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.dc-price-wrap{position:absolute;bottom:8%;width:84%}.dc-price-btn{width:100%;padding:7% 0;background:linear-gradient(135deg,#00c6ff,#0072ff);border-radius:35px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-size:clamp(10px,2.8vw,20px);font-weight:700;letter-spacing:-.5px;box-shadow:0 6px #7dd3fc,0 8px 15px #0072ff66;-webkit-user-select:none;user-select:none;transition:all .12s ease;line-height:1.2}.dc-card:hover .dc-price-btn{background:linear-gradient(135deg,#38bdf8,#0284c7);box-shadow:0 6px #bae6fd,0 10px 20px #00c6ff80}.dc-card:active .dc-price-btn{transform:translateY(4px);box-shadow:0 2px #7dd3fc,0 4px 10px #0072ff4d}.dc-price-old{font-size:.7em;text-decoration:line-through;opacity:.6}@media (prefers-color-scheme: dark){.dc-card{background-color:#0f172a}.dc-title{color:#f0f9ff}.dc-card--skel{background-color:var(--surface);border-color:var(--border)}}@media (prefers-reduced-motion: reduce){.dc-diamond{animation:none}}.item-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:24px}@media (min-width: 600px){.item-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 600px){.dc-grid{grid-template-columns:repeat(3,1fr)}}.item-card{background:var(--surface);border:2px solid var(--border);border-radius:16px;overflow:hidden;text-align:center;color:var(--ink);transition:border-color var(--duration-fast) ease,transform .15s var(--ease-out),box-shadow .2s ease;cursor:pointer;position:relative;display:flex;flex-direction:column}.item-card:active{transform:scale(.97)}.item-card.selected{border-color:var(--teal);box-shadow:0 4px 16px #0ea5a02e}.item-top{padding:16px 12px 12px;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;background:linear-gradient(180deg,rgba(14,165,160,.06) 0%,transparent 100%);flex:1}.item-top:after{content:"";position:absolute;bottom:0;left:0;right:0;height:20px;background:var(--surface);border-radius:50% 50% 0 0/100% 100% 0 0;pointer-events:none}.item-icon{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#0ea5a01f,#0ea5a00a);display:flex;align-items:center;justify-content:center;color:var(--teal);flex-shrink:0;position:relative;z-index:1}.item-icon svg{width:16px;height:16px}.item-card.selected .item-icon{background:linear-gradient(135deg,var(--teal),var(--teal-deep));color:#fff;box-shadow:0 4px 12px #0ea5a04d}.item-name{font-size:13px;font-weight:700;letter-spacing:-.01em;position:relative;z-index:1;line-height:1.3}.item-price{background:var(--surface-alt);color:var(--teal-deep);font-family:Sora,sans-serif;font-size:13px;font-weight:700;padding:10px 12px;margin:0 10px 10px;border-radius:12px;letter-spacing:-.01em;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.item-card.selected .item-price{background:var(--teal);color:#fff;box-shadow:0 3px 0 var(--teal-deep),0 4px 10px #0ea5a040}.item-price-old{font-size:.8em;text-decoration:line-through;color:var(--ink-soft);margin-right:4px}.item-price-sale{color:var(--danger);font-weight:700}.item-card.selected .item-price-old{color:#fff9}.item-card.selected .item-price-sale{color:#fff}.sale-badge{display:inline-block;background:var(--danger);color:#fff;font-size:.7em;font-weight:700;padding:2px 8px;border-radius:8px;margin-left:8px;vertical-align:middle}.coupon-summary{margin-top:10px;padding:10px 12px;background:var(--surface-alt);border-radius:10px}.coupon-row{display:flex;justify-content:space-between;font-size:12.5px;margin-bottom:4px}.coupon-row--total{font-size:14px;font-weight:700;color:var(--teal-deep);border-top:1px solid var(--border);padding-top:6px;margin-bottom:0}.coupon-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.coupon-header h3{margin:0;font-size:14px;font-weight:700}.coupon-header span{font-size:11.5px;color:var(--ink-soft);font-weight:400}.coupon-input-wrap{position:relative}.coupon-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--ink-soft);padding:2px;display:flex}.coupon-status{display:flex;align-items:center;gap:6px;margin-top:7px;font-size:12.5px}.coupon-status--checking{color:var(--ink-soft)}.coupon-status--valid{color:var(--success);font-weight:600}.coupon-status .loading-spin{width:12px;height:12px;border-width:2px}.form-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px;margin-bottom:20px}.form-card h3{font-size:15px;margin-bottom:12px;letter-spacing:-.01em}.field-label{font-size:12.5px;font-weight:600;color:var(--ink-soft);margin-bottom:5px;display:block}.field-input{width:100%;padding:12px 14px;border:1.5px solid var(--border);border-radius:10px;font-size:15px;font-family:Inter,sans-serif;outline:none;color:var(--ink);background:var(--bg);transition:border-color var(--duration-fast) ease}.field-input:focus{border-color:var(--teal)}.field-input.input-error{border-color:var(--danger)!important}.field-input.input-success{border-color:var(--success)!important}.field-hint{display:block;font-size:11.5px;color:var(--ink-soft);margin-bottom:8px;line-height:1.5}.field-hint code{background:var(--surface-alt);padding:1px 5px;border-radius:4px;font-family:Inter,monospace;font-size:11px}.userid-format-error{display:flex;align-items:flex-start;gap:6px;margin-top:8px;padding:8px 12px;background:var(--danger-bg);border:1px solid rgba(226,61,61,.15);border-radius:8px;color:var(--danger);font-size:12px;font-weight:500;white-space:pre-line;line-height:1.5}.rate-limit-banner{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:12px 16px;background:var(--pending-bg);border:1px solid var(--murah);border-radius:12px}.rate-limit-icon{font-size:20px;line-height:1;flex-shrink:0}.rate-limit-text{display:flex;flex-direction:column;gap:2px}.rate-limit-msg{font-size:12.5px;color:#92400e;font-weight:500}.rate-limit-timer{font-size:13px;color:#78350f}.countdown-num{font-size:17px;font-weight:800;color:#d97706;font-variant-numeric:tabular-nums;animation:pulse-num .9s ease-in-out infinite}@keyframes pulse-num{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.08)}}.confirm-row{display:flex;margin-top:14px;background:var(--surface-alt);border-radius:10px;padding:14px;align-items:center;gap:10px;flex-wrap:wrap}.confirm-row .txt{font-size:13px;font-weight:500;flex:1;min-width:180px}.confirm-row .txt b{display:block;font-size:14px;margin-top:2px}.btn-yn{padding:8px 16px;border-radius:8px;border:none;font-size:13px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:opacity var(--duration-fast) ease}.btn-yn:active{transform:scale(.97)}.btn-yes{background:var(--teal);color:#fff}.btn-no{background:var(--surface);color:var(--ink);border:1px solid var(--border)}.pay-btn{width:100%;padding:14px;border:none;border-radius:12px;background:var(--teal);color:#fff;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:opacity var(--duration-fast) ease,transform .1s ease}.pay-btn:hover{opacity:.9}.pay-btn:active{transform:scale(.98)}.pay-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.sticky-pay-bar{position:fixed;bottom:0;left:0;right:0;z-index:40;background:var(--surface-glass);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border-top:1px solid var(--border-glass);padding:10px 20px calc(10px + env(safe-area-inset-bottom,0px))}.sticky-pay-inner{max-width:640px;margin:0 auto;display:flex;gap:12px;align-items:center}.sticky-pay-info{display:flex;flex-direction:column;min-width:0;flex-shrink:1}.sticky-pay-item{font-size:12px;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticky-pay-price{font-family:Sora,sans-serif;font-size:15px;font-weight:700;color:var(--ink)}.sticky-pay-bar .pay-btn{flex:1;min-width:0;white-space:nowrap}.qris-page{text-align:center;padding-top:8px}.qris-order-info{background:var(--surface-alt);border:1px solid var(--border);border-radius:14px;padding:12px 16px;margin-bottom:16px;font-size:13.5px;text-align:left}.qris-order-title{font-weight:600;color:var(--ink)}.qris-order-uid{color:var(--ink-soft);margin-top:2px}.qris-order-oid{color:var(--ink-soft);font-size:12px;margin-top:2px}.qris-timer{display:inline-flex;align-items:center;gap:7px;background:var(--danger-bg);color:var(--danger);font-weight:700;font-size:13.5px;padding:7px 16px;border-radius:20px;margin-bottom:20px}.qris-box{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px;max-width:340px;margin:0 auto 18px}.qris-img-wrap{width:100%;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:var(--surface-alt);position:relative;margin-bottom:16px}.qris-img-wrap img{width:100%;height:100%;object-fit:contain;background:#fff;position:relative;z-index:1}.qris-total{font-size:22px;font-weight:800;font-family:Sora,sans-serif;letter-spacing:-.02em}.qris-sub{font-size:12.5px;color:var(--ink-soft);margin-top:4px}.qris-note{font-size:12.5px;color:var(--ink-soft);max-width:340px;margin:0 auto;line-height:1.6}.receipt-page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;background:var(--bg);animation:fadeInOverlay .35s ease forwards}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.receipt-toast{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-12px);background:#1c2130;color:#fff;padding:10px 20px;border-radius:50px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:100;box-shadow:0 8px 24px #00000026}.receipt-toast--show{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.receipt-toast svg{color:var(--success);flex-shrink:0}.receipt-card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:24px;overflow:hidden;box-shadow:0 4px 24px #0000000f}.receipt-header{padding:32px 24px 24px;text-align:center;background:var(--success-bg);position:relative}.receipt-check-wrap{width:80px;height:80px;margin:0 auto 16px;border-radius:50%;background:var(--surface);border:3px solid var(--success);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #1e9e5a2e;animation:popIn .5s var(--ease-out) forwards;opacity:0}@keyframes popIn{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.receipt-check-svg{width:44px;height:44px;display:block;stroke-width:3;stroke:#fff;stroke-miterlimit:10}.receipt-check-circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:3;stroke:var(--success);fill:var(--success);animation:strokeCircle .6s cubic-bezier(.65,0,.45,1) forwards}@keyframes strokeCircle{to{stroke-dashoffset:0}}.receipt-check-path{stroke-dasharray:48;stroke-dashoffset:48;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;animation:drawCheck .4s cubic-bezier(.65,0,.45,1) .5s forwards}@keyframes drawCheck{to{stroke-dashoffset:0}}.receipt-title{font-family:Sora,sans-serif;font-size:22px;font-weight:800;color:var(--ink);letter-spacing:-.025em;margin-bottom:4px;animation:slideUp .4s ease .5s both}.receipt-sub{font-size:13.5px;color:var(--ink-soft);animation:slideUp .4s ease .6s both}@keyframes slideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.receipt-amount-wrap{display:inline-flex;flex-direction:column;align-items:center;margin-top:20px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:12px 24px;animation:slideUp .4s ease .65s both}.receipt-amount-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--success);margin-bottom:2px}.receipt-amount-value{font-family:Sora,sans-serif;font-size:26px;font-weight:800;color:var(--ink);letter-spacing:-.025em}.receipt-divider{display:flex;align-items:center;padding:0;position:relative}.receipt-notch{width:16px;height:32px;background:var(--bg);flex-shrink:0;z-index:1}.receipt-notch--left{border-radius:0 50% 50% 0;margin-left:-1px;border-right:1px solid var(--border);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.receipt-notch--right{border-radius:50% 0 0 50%;margin-right:-1px;border-left:1px solid var(--border);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.receipt-dashed{flex:1;border-bottom:2px dashed var(--border)}.receipt-body{padding:20px 24px;animation:slideUp .4s ease .75s both}.receipt-details{background:var(--surface-alt);border-radius:14px;padding:4px 16px;margin-bottom:16px}.receipt-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--border);font-size:13px}.receipt-row--last{border-bottom:none}.receipt-label{color:var(--ink-soft);font-weight:500}.receipt-val{font-weight:600;color:var(--ink);text-align:right}.receipt-val--mono{font-size:12px;word-break:break-all;font-family:SF Mono,Cascadia Code,Consolas,monospace}.receipt-val--ok{color:var(--success);display:flex;align-items:center;gap:5px}.receipt-copy-btn{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;padding:4px;border:none;background:transparent;color:var(--ink-soft);border-radius:6px;cursor:pointer;transition:color var(--duration-fast) ease,background var(--duration-fast) ease;vertical-align:middle}.receipt-copy-btn:hover{color:var(--teal);background:var(--surface-alt)}.receipt-copy-btn:active{transform:scale(.92)}.receipt-secure{display:flex;align-items:flex-start;gap:12px;padding:14px;background:var(--success-bg);border-radius:12px;border:1px solid rgba(30,158,90,.12);font-size:12px;color:var(--ink);line-height:1.4}.receipt-secure svg{color:var(--success);flex-shrink:0;margin-top:1px}.receipt-secure strong{display:block;font-weight:700;margin-bottom:2px}.receipt-secure p{color:var(--ink-soft);margin:0}.receipt-actions{padding:0 24px 20px;animation:slideUp .4s ease .85s both}.receipt-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 24px;border-radius:12px;font-size:14px;font-weight:700;text-decoration:none;transition:opacity var(--duration-fast) ease,transform var(--duration-fast) ease;cursor:pointer;border:none}.receipt-btn--primary{background:#1c2130;color:#fff;box-shadow:0 4px 12px #0000001a}.receipt-btn--primary:hover{opacity:.88}.receipt-btn--primary:active{transform:scale(.98)}.receipt-footer{padding:12px 24px;text-align:center;font-size:11px;color:var(--ink-soft);border-top:1px solid var(--border);background:var(--surface-alt)}.receipt-footer strong{color:var(--ink)}.expired-page{text-align:center;padding:40px 20px}.expired-icon{width:64px;height:64px;border-radius:50%;background:var(--danger-bg);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.expired-title{font-family:Sora,sans-serif;font-size:18px;font-weight:700;margin-bottom:8px}.expired-desc{color:var(--ink-soft);font-size:13.5px;margin-bottom:20px;line-height:1.5}.expired-btn{display:inline-block;background:var(--teal);color:#fff;padding:12px 28px;border-radius:12px;font-weight:700;font-size:14px;text-decoration:none;transition:opacity var(--duration-fast) ease,transform var(--duration-fast) ease}.expired-btn:hover{opacity:.85}.expired-btn:active{transform:scale(.97)}.error-page{text-align:center;padding:40px 20px}.error-page-icon{opacity:.4;margin-bottom:12px}.error-page-text{color:var(--ink-soft);font-size:14px;margin-bottom:12px}.error-page-link{color:var(--teal-deep);font-weight:700;font-size:13.5px}.expired-icon svg{color:var(--danger)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skel-order-info{height:68px;border-radius:14px;margin-bottom:16px}.skel-timer-wrap{display:flex;justify-content:center;margin-bottom:20px}.skel-timer-pill{height:32px;width:180px;border-radius:20px}.skel-qr{position:relative}.skel-total{height:28px;width:140px;border-radius:6px;margin:16px auto 0}.skel-sub{height:14px;width:240px;border-radius:6px;margin:8px auto 0}@media (prefers-reduced-motion: reduce){.receipt-page,.receipt-check-wrap,.receipt-title,.receipt-sub,.receipt-amount-wrap,.receipt-body,.receipt-actions{animation:none!important;opacity:1!important;transform:none!important}.receipt-check-circle,.receipt-check-path{animation:none!important;stroke-dashoffset:0!important}}.error-banner{background:var(--danger-bg);color:var(--danger);border-radius:10px;padding:11px 14px;font-size:13px;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:10px}.loading-spin{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--teal);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-loading{display:flex;align-items:center;justify-content:center;padding:80px 0;gap:10px;color:var(--ink-soft);font-size:14px}@media (max-width: 639px) and (orientation: landscape){.page{padding:12px 16px 48px}header{padding:10px 16px}.logo{font-size:18px}.grid{grid-template-columns:repeat(4,1fr);gap:8px}.item-grid,.dc-grid{grid-template-columns:repeat(3,1fr)}.page-title{font-size:18px}.page-sub{font-size:12.5px;margin-bottom:18px}.sidebar{max-width:280px}}@media (min-width: 640px) and (max-width: 1023px){.page{max-width:720px;padding:24px 24px 80px}header{padding:16px 24px}.logo{font-size:22px}.grid{grid-template-columns:repeat(4,1fr);gap:12px}.item-grid{grid-template-columns:repeat(3,1fr);gap:10px}.dc-grid{grid-template-columns:repeat(3,1fr);gap:14px}.sidebar{max-width:340px}.page-title{font-size:24px}.section-head h3{font-size:19px}}@media (min-width: 1024px) and (max-width: 1279px){.page{max-width:960px;padding:28px 32px 80px}header{padding:16px 32px}.logo{font-size:23px}.grid{grid-template-columns:repeat(5,1fr);gap:12px}.item-grid{grid-template-columns:repeat(4,1fr);gap:10px}.dc-grid{grid-template-columns:repeat(4,1fr);gap:14px}.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.product-head{grid-column:1 / -1}.sidebar{max-width:320px}.page-title{font-size:26px}.section-head h3{font-size:20px}.card{aspect-ratio:4/5}}@media (min-width: 1280px){.sidebar{position:fixed;top:0;left:0;height:100vh;width:240px;max-width:240px;transform:translate(0)!important;border-right:1px solid var(--border);border-left:none;box-shadow:none;z-index:40;background:var(--surface)}.icon-btn[aria-label=Menu],.sidebar-close{display:none}.sidebar-nav a{font-size:15px;padding:14px 16px}header{padding:18px 28px 18px 268px}.page{margin-left:240px;max-width:1200px;padding:36px 40px 80px}.overlay{display:none!important}.grid{grid-template-columns:repeat(6,1fr);gap:14px}.item-grid{grid-template-columns:repeat(4,1fr);gap:12px}.dc-grid{grid-template-columns:repeat(4,1fr);gap:16px}.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.product-head{grid-column:1 / -1}.card{aspect-ratio:4/5;border-radius:16px}.page-title{font-size:28px}.section-head h3{font-size:21px}}@media (min-width: 1280px) and (max-width: 1535px){.page{max-width:1040px}}@media (min-width: 640px){.nav-search-dropdown{max-width:500px}}@media (min-width: 1280px){.nav-search-dropdown{max-width:560px}}.adm-wrap{min-height:100vh;background:var(--surface-alt);font-family:Inter,sans-serif}.adm-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--surface-alt);padding:20px}.adm-login-box{background:var(--surface);border-radius:20px;padding:36px;width:100%;max-width:340px;box-shadow:0 8px 40px #0000001a}.adm-login-title{font-family:Sora,sans-serif;font-size:22px;font-weight:800;margin-bottom:6px;color:var(--ink)}.adm-login-sub{font-size:14px;color:var(--ink-soft);margin-bottom:24px}.adm-login-err{background:var(--danger-bg);color:var(--danger);border-radius:10px;padding:10px 14px;font-size:13px;margin-bottom:14px}.adm-login-input{width:100%;box-sizing:border-box;padding:12px 14px;border:1.5px solid var(--border);border-radius:12px;font-size:15px;margin-bottom:12px;outline:none;background:var(--surface);color:var(--ink)}.adm-login-btn{width:100%;padding:13px;background:var(--teal);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer}.adm-loading{min-height:100vh;display:flex;align-items:center;justify-content:center}.adm-header{background:var(--surface);border-bottom:1px solid var(--border);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;gap:12px}.adm-logo{font-family:Sora,sans-serif;font-size:18px;font-weight:800;color:var(--ink);white-space:nowrap}.adm-logo .teal,.adm-login-title .teal,.adm-cs-preview-logo .teal{color:var(--teal)}.adm-logo-sub{font-size:13px;font-weight:500;color:var(--ink-soft);margin-left:10px}.adm-header-actions{display:flex;gap:10px;align-items:center}.adm-btn-refresh{background:var(--surface-alt);border:1px solid var(--border);border-radius:10px;padding:8px 14px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--ink)}.adm-btn-logout{background:var(--danger-bg);color:var(--danger);border:none;border-radius:10px;padding:8px 14px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600}.adm-tabs{background:var(--surface);border-bottom:1px solid var(--border);padding:0 24px;display:flex;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.adm-tab{padding:14px 20px;border:none;background:none;cursor:pointer;font-size:14px;font-weight:600;white-space:nowrap;color:var(--ink-soft);border-bottom:2.5px solid transparent}.adm-tab.active{color:var(--teal);border-bottom-color:var(--teal)}.adm-content{max-width:1100px;margin:0 auto;padding:24px 20px 60px}.adm-card{background:var(--surface);border-radius:18px;padding:20px 22px;border:1px solid var(--border)}.adm-card-title{font-family:Sora,sans-serif;font-size:15px;font-weight:700;margin-bottom:16px;color:var(--ink)}.adm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.adm-stat-icon{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.adm-stat-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.adm-stat-label{font-size:12.5px;color:var(--ink-soft);font-weight:500}.adm-stat-val{font-family:Sora,sans-serif;font-size:22px;font-weight:800;color:var(--ink)}.adm-stat-sub{font-size:11.5px;color:var(--ink-soft);margin-top:4px}.adm-acct{display:grid;grid-template-columns:1fr 1fr;gap:10px 32px}.adm-acct-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--surface-alt);font-size:13.5px}.adm-acct-label{color:var(--ink-soft)}.adm-acct-val{font-weight:700}.adm-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px}.adm-chart-toggles{display:flex;gap:8px}.adm-chart-btn{padding:6px 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--ink-soft);font-size:12px;font-weight:600;cursor:pointer}.adm-chart-btn.active{background:var(--teal);color:#fff;border-color:var(--teal)}.adm-chart-sub{font-family:Sora,sans-serif;font-size:14px;font-weight:700;margin:20px 0 12px;color:var(--ink)}.adm-top-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:13.5px}.adm-top-item:not(:last-child){border-bottom:1px solid var(--surface-alt)}.adm-top-left{display:flex;align-items:center;gap:12px;min-width:0}.adm-top-rank{width:26px;height:26px;border-radius:8px;background:#0ea5a014;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:var(--teal);flex-shrink:0}.adm-top-name{font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adm-top-slug{font-size:11.5px;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adm-top-right{text-align:right;flex-shrink:0}.adm-top-rev{font-weight:700;color:var(--success)}.adm-top-count{font-size:11.5px;color:var(--ink-soft)}.adm-img-grid{display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:start}.adm-img-label{font-size:12.5px;font-weight:600;color:var(--ink-soft);display:block;margin-bottom:6px}.adm-img-select{width:100%;padding:10px 12px;border:1.5px solid var(--border);border-radius:10px;font-size:14px;background:var(--surface);color:var(--ink)}.adm-img-drop{border:2px dashed var(--border);border-radius:14px;padding:24px;text-align:center;cursor:pointer;margin-bottom:14px;background:var(--surface-alt)}.adm-img-drop-text{font-size:13px;color:var(--ink-soft)}.adm-img-drop-hint{font-size:11px;color:var(--ink-soft);opacity:.65;margin-top:4px}.adm-canvas-wrap canvas{width:100%;border-radius:12px;cursor:crosshair;border:1px solid var(--border)}.adm-crop-info{flex:1;font-size:12px;color:var(--ink-soft);padding:6px 10px;background:#0ea5a014;border-radius:8px}.adm-crop-reset{padding:6px 12px;border:none;background:var(--danger-bg);color:var(--danger);border-radius:8px;cursor:pointer;font-size:12px;font-weight:600}.adm-panel{background:var(--surface);border-radius:18px;padding:18px;border:1px solid var(--border)}.adm-panel-title{font-family:Sora,sans-serif;font-size:14px;font-weight:700;color:var(--ink)}.adm-pos-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.adm-pos-btn{padding:8px 10px;border:1.5px solid var(--border);border-radius:10px;background:var(--surface);color:var(--ink-soft);font-size:12px;font-weight:600;cursor:pointer}.adm-pos-btn.active{border-color:var(--teal);background:#0ea5a014;color:var(--teal)}.adm-txt-item{margin-bottom:14px;padding:12px;background:var(--surface-alt);border-radius:12px}.adm-txt-head{display:flex;justify-content:space-between;margin-bottom:8px}.adm-txt-label{font-size:12px;font-weight:700;color:var(--ink)}.adm-txt-rm{background:none;border:none;cursor:pointer;color:var(--danger)}.adm-txt-input{width:100%;box-sizing:border-box;padding:7px 10px;border:1px solid var(--border);border-radius:8px;font-size:13px;margin-bottom:6px;background:var(--surface);color:var(--ink)}.adm-txt-grid2{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px}.adm-txt-grid3{display:grid;grid-template-columns:1fr 1fr 48px;gap:6px}.adm-txt-field{font-size:11px;color:var(--ink-soft)}.adm-txt-field input{width:100%;padding:5px 8px;border:1px solid var(--border);border-radius:8px;font-size:12px;margin-top:3px;background:var(--surface);color:var(--ink)}.adm-txt-field input[type=color]{height:32px;padding:2px;cursor:pointer}.adm-txt-field input[type=checkbox]{display:block;margin:8px auto 0}.adm-txt-empty{font-size:12px;color:var(--ink-soft);opacity:.65;text-align:center;padding:12px 0}.adm-btn-add{padding:6px 12px;background:var(--teal);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600}.adm-btn-save{padding:14px;background:var(--teal);color:#fff;border:none;border-radius:14px;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.adm-btn-save:disabled{background:var(--ink-soft);cursor:not-allowed}.adm-msg-ok{background:var(--success-bg);color:var(--success);border-radius:12px;padding:12px 14px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px}.adm-msg-err{background:var(--danger-bg);color:var(--danger);border-radius:12px;padding:12px 14px;font-size:13px;display:flex;align-items:center;gap:8px}.adm-cs-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.adm-cs-panel{background:var(--surface);border-radius:20px;border:1px solid var(--border);padding:28px;display:flex;flex-direction:column;gap:22px}.adm-cs-title{font-family:Sora,sans-serif;font-size:17px;font-weight:700;margin-bottom:4px;color:var(--ink)}.adm-cs-desc{font-size:13px;color:var(--ink-soft);line-height:1.5}.adm-cs-toggle{display:flex;align-items:center;justify-content:space-between;border-radius:14px;padding:16px 20px;cursor:pointer}.adm-cs-toggle.on{background:#0ea5a014}.adm-cs-toggle.off{background:var(--surface-alt)}.adm-cs-status{font-size:14px;font-weight:700}.adm-cs-status-sub{font-size:12.5px;color:var(--ink-soft);margin-top:2px}.adm-cs-pill{width:52px;height:28px;border-radius:14px;position:relative;transition:background var(--duration-fast);flex-shrink:0}.adm-cs-pill.on{background:var(--teal)}.adm-cs-pill.off{background:var(--border)}.adm-cs-pill-dot{position:absolute;top:4px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0003;transition:left var(--duration-fast)}.adm-cs-pill.on .adm-cs-pill-dot{left:28px}.adm-cs-pill.off .adm-cs-pill-dot{left:4px}.adm-cs-field-label{display:block;font-size:12.5px;font-weight:600;color:var(--ink-soft);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.adm-cs-input{width:100%;padding:12px 14px;border:1.5px solid var(--border);border-radius:12px;font-size:14px;outline:none;font-family:Inter,sans-serif;background:var(--surface-alt);color:var(--ink)}.adm-cs-textarea{width:100%;padding:12px 14px;border:1.5px solid var(--border);border-radius:12px;font-size:14px;outline:none;resize:vertical;font-family:Inter,sans-serif;line-height:1.6;background:var(--surface-alt);color:var(--ink)}.adm-cs-hint{font-size:12px;color:var(--ink-soft);margin-top:6px}.adm-cs-save{background:var(--teal);color:#fff;border:none;border-radius:12px;padding:14px;font-size:15px;font-weight:700;cursor:pointer;transition:background var(--duration-fast)}.adm-cs-save:disabled{background:var(--ink-soft);cursor:not-allowed}.adm-cs-preview{background:var(--surface-alt);border-radius:20px;border:1px solid var(--border);padding:20px}.adm-cs-preview-label{font-size:12px;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px}.adm-cs-preview-card{background:var(--surface);border-radius:18px;border:1px solid var(--border);padding:24px;text-align:center;box-shadow:0 4px 24px #10131c12;transition:opacity var(--duration-base)}.adm-cs-preview-card.dim{opacity:.45}.adm-cs-badge{display:inline-flex;align-items:center;background:#0ea5a01a;color:var(--teal-deep);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 12px;border-radius:20px;margin-bottom:14px}.adm-cs-countdown{display:flex;gap:8px;justify-content:center;margin-bottom:14px}.adm-cs-countdown-num{background:linear-gradient(135deg,#123b3a,#0ea5a0 130%);color:#fff;font-family:Sora,sans-serif;font-weight:700;font-size:18px;width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center}.adm-cs-countdown-label{font-size:10px;color:var(--ink-soft);margin-top:4px;font-weight:600;text-transform:uppercase}.adm-cs-date-box{background:var(--surface-alt);border-radius:10px;padding:8px 14px;font-size:12px;color:var(--ink-soft)}.adm-card+.adm-card,.adm-card+.adm-stats{margin-top:24px}.adm-card-title--flush,.adm-mb0{margin-bottom:0}.adm-mb14{margin-bottom:14px}.adm-img-sidebar{display:flex;flex-direction:column;gap:16px}.adm-crop-bar{display:flex;gap:8px;margin-top:8px}.adm-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.adm-panel-title--mb{margin-bottom:12px}.adm-canvas-hint{font-size:12px;color:var(--ink-soft);margin-bottom:8px}.adm-empty{text-align:center;color:var(--ink-soft);font-size:13px;padding:20px 0}.adm-campaign-wrap{display:flex;flex-direction:column;gap:24px}.adm-campaign-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.adm-campaign-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.adm-campaign-stat{padding:18px 20px}.adm-campaign-link{font-size:11px;color:var(--ink-soft);margin-top:6px;word-break:break-all}.adm-campaign-link code{font-size:10.5px}.adm-campaign-info{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px 20px;font-size:12.5px;color:var(--ink-soft);line-height:1.7}.adm-campaign-info strong{color:var(--ink);display:block;margin-bottom:6px;font-size:13px}.adm-campaign-info ul{margin:0;padding-left:18px}.adm-campaign-info li{margin-bottom:2px}.adm-campaign-info code{font-size:11px}.adm-cs-preview-logo{font-family:Sora,sans-serif;font-weight:800;font-size:20px;margin-bottom:12px;color:var(--ink)}.adm-cs-preview-title{font-family:Sora,sans-serif;font-size:18px;font-weight:700;margin-bottom:8px;color:var(--ink)}.adm-cs-preview-msg{font-size:13px;color:var(--ink-soft);line-height:1.6;margin-bottom:16px}.adm-cs-preview-sep{font-size:18px;font-weight:700;color:var(--teal);padding-top:14px}.adm-cs-preview-dim{margin-top:12px;text-align:center;font-size:12.5px;color:var(--ink-soft)}.adm-code{background:var(--surface-alt);padding:1px 6px;border-radius:6px}.adm-hidden-input{display:none}.adm-img-drop svg{display:block;margin:0 auto 8px}.adm-loading .loading-spin{width:32px;height:32px}.adm-btn-save .loading-spin{width:16px;height:16px;border-width:2px}.adm-txt-bold{text-align:center}@media (max-width: 480px){.adm-header{padding:12px 16px}.adm-logo{font-size:16px}.adm-logo-sub,.adm-btn-refresh span,.adm-btn-logout span{display:none}.adm-btn-refresh,.adm-btn-logout{padding:8px 10px}.adm-tabs{padding:0 16px}.adm-tab{padding:12px 14px;font-size:13px}.adm-content{padding:16px 14px 48px}.adm-stats{grid-template-columns:1fr 1fr;gap:10px}.adm-stat-val{font-size:18px}.adm-stat-icon{width:32px;height:32px;border-radius:10px}.adm-acct{grid-template-columns:1fr;gap:0}.adm-chart-header{flex-direction:column;align-items:flex-start}.adm-img-grid,.adm-cs-grid{grid-template-columns:1fr}.adm-top-name,.adm-top-slug{max-width:120px}}@media (max-width: 639px) and (orientation: landscape){.adm-stats{grid-template-columns:repeat(2,1fr)}.adm-img-grid,.adm-cs-grid{grid-template-columns:1fr}.adm-content{padding:16px 20px 48px}}@media (min-width: 481px) and (max-width: 767px){.adm-stats{grid-template-columns:repeat(2,1fr)}.adm-img-grid,.adm-cs-grid{grid-template-columns:1fr}}@media (min-width: 768px) and (max-width: 1023px){.adm-stats{grid-template-columns:repeat(2,1fr)}.adm-img-grid{grid-template-columns:1fr 280px}}.sale-section{margin:8px 0 0}.sale-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:10px;flex-wrap:wrap}.sale-header-left{display:flex;align-items:center;gap:8px}.sale-badge-pill{background:var(--danger);color:#fff;font-size:10px;font-weight:800;padding:3px 9px;border-radius:6px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.sale-title{font-family:Sora,sans-serif;font-size:17px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}.sale-countdown{display:flex;align-items:center;gap:8px}.sale-cd-label{font-size:11px;color:var(--ink-soft);font-weight:500}.sale-cd-boxes{display:flex;align-items:center;gap:3px}.sale-cd-box{background:#1c2130;color:#fff;font-family:Sora,sans-serif;font-size:12px;font-weight:700;padding:3px 6px;border-radius:5px;min-width:24px;text-align:center;font-variant-numeric:tabular-nums}@media (prefers-color-scheme: dark){.sale-cd-box{background:var(--teal)}}.sale-cd-sep{font-size:12px;font-weight:700;color:var(--ink-soft)}.sale-carousel-wrap{position:relative;background:var(--surface);border-radius:16px;overflow:hidden;border:1px solid var(--border)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .sale-carousel-wrap{background:radial-gradient(circle at 50% 50%,#150d2a,#090614);border-color:#252b3b}}:root[data-theme=dark] .sale-carousel-wrap{background:radial-gradient(circle at 50% 50%,#150d2a,#090614);border-color:#252b3b}.sale-neon-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:0}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .sale-neon-bg{opacity:1}}:root[data-theme=dark] .sale-neon-bg{opacity:1}.sale-scroll{position:relative;z-index:1;display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:16px 14px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sale-scroll::-webkit-scrollbar{display:none}.sale-card{flex:0 0 130px;scroll-snap-align:start;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;transition:transform var(--duration-fast) var(--ease-spring),border-color var(--duration-fast) ease}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .sale-card{background:#ffffff0f;border-color:#ffffff14;color:#fff}}:root[data-theme=dark] .sale-card{background:#ffffff0f;border-color:#ffffff14;color:#fff}.sale-card:hover{border-color:var(--teal);transform:translateY(-2px)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .sale-card:hover{border-color:#fff3}}:root[data-theme=dark] .sale-card:hover{border-color:#fff3}.sale-card:active{transform:scale(.97)}.sale-card-img{width:100%;aspect-ratio:1/1;position:relative;overflow:hidden}.sale-card-bg{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s ease}.sale-card-bg.loaded{opacity:1}.sale-card-body{padding:8px 10px 10px;position:relative}.sale-disc-badge{position:absolute;top:-12px;right:8px;background:var(--danger);color:#fff;font-size:10px;font-weight:800;padding:2px 7px;border-radius:5px;letter-spacing:.02em}.sale-card-name{font-size:11.5px;font-weight:600;line-height:1.25;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sale-card-prices{display:flex;flex-direction:column;gap:1px}.sale-price-old{font-size:10px;color:var(--ink-soft);text-decoration:line-through;font-weight:500}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .sale-price-old{color:#ffffff73}}:root[data-theme=dark] .sale-price-old{color:#ffffff73}.sale-price-new{font-size:12.5px;font-weight:700;color:var(--danger);font-family:Sora,sans-serif;letter-spacing:-.01em}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .sale-price-new{color:#ffc93c}}:root[data-theme=dark] .sale-price-new{color:#ffc93c}@media (min-width: 640px){.sale-card{flex:0 0 150px}.sale-scroll{gap:12px;padding:18px 16px}.sale-title{font-size:18px}}@media (min-width: 1024px){.sale-card{flex:0 0 160px}.sale-scroll{gap:14px;padding:20px 18px}}.cs-fab{position:fixed;bottom:20px;right:20px;z-index:60;height:48px;padding:0 16px 0 12px;border-radius:9999px;border:none;background:var(--teal);color:#fff;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 8px 24px -4px #0ea5a066;transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-base) ease}.cs-fab:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 12px 28px -4px #0ea5a080}.cs-fab:active{transform:scale(.96)}.cs-fab-icon-wrap{width:32px;height:32px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cs-fab-label{font-family:Sora,Inter,sans-serif;font-size:13.5px;font-weight:700;letter-spacing:-.01em;white-space:nowrap}.cs-fab:focus-visible{outline:2px solid #fff;outline-offset:2px}.cs-backdrop{display:none}.cs-panel{position:fixed;bottom:24px;right:24px;z-index:70;width:380px;max-width:calc(100vw - 32px);height:540px;max-height:calc(100vh - 80px);border-radius:20px;background:var(--surface);border:1px solid var(--border);box-shadow:0 20px 50px -10px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:cs-slide-up .28s var(--ease-out) both}@keyframes cs-slide-up{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.cs-pull-bar{display:none}.cs-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--teal);color:#fff;flex-shrink:0}.cs-header-info{display:flex;align-items:center;gap:12px;min-width:0}.cs-header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.cs-avatar{width:38px;height:38px;border-radius:12px;background:#fff3;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:inset 0 1px #ffffff4d}.cs-header-name{font-family:Sora,sans-serif;font-size:15px;font-weight:700;line-height:1.2}.cs-close{background:#ffffff26;border:none;color:#fff;width:34px;height:34px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.cs-close:hover{background:#ffffff40}.cs-close:focus-visible{outline:2px solid #fff;outline-offset:1px}.cs-close-mobile-icon{display:none}.cs-close-desktop-icon{display:block}.cs-quick-prompts{display:flex;gap:6px;padding:10px 14px;background:var(--surface-alt);border-bottom:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-shrink:0}.cs-quick-prompts::-webkit-scrollbar{display:none}.cs-chip{padding:6px 12px;border-radius:9999px;border:1px solid var(--border);background:var(--surface);color:var(--ink);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s;flex-shrink:0;font-family:inherit}.cs-chip:hover{background:var(--border);border-color:var(--teal)}.cs-chip:focus-visible{outline:2px solid var(--teal);outline-offset:1px}.cs-chip:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.cs-messages{flex:1;overflow-y:auto;padding:16px 14px;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.cs-messages::-webkit-scrollbar{width:4px}.cs-messages::-webkit-scrollbar-track{background:transparent}.cs-messages::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.cs-messages::-webkit-scrollbar-thumb:hover{background:var(--ink-soft)}.cs-msg{display:flex;gap:8px;align-items:flex-end}.cs-msg--assistant{justify-content:flex-start}.cs-msg--user{justify-content:flex-end}.cs-msg-avatar{width:28px;height:28px;border-radius:8px;background:var(--teal);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:2px}.cs-bubble{max-width:82%;padding:11px 15px;border-radius:16px;font-size:13.5px;line-height:1.55;word-break:break-word;box-shadow:0 1px 4px #0000000a}.cs-bubble ul{margin:6px 0;padding-left:18px}.cs-bubble li{margin:3px 0}.cs-bubble strong{font-weight:700;color:inherit}.cs-bubble code{background:#0000000f;padding:2px 6px;border-radius:6px;font-size:12px;font-family:monospace}.cs-bubble br+br{display:none}.cs-msg--assistant .cs-bubble{background:var(--surface-alt);color:var(--ink);border-bottom-left-radius:4px;border:1px solid var(--border)}.cs-msg--user .cs-bubble{background:linear-gradient(135deg,var(--teal),var(--teal-deep));color:#fff;border-bottom-right-radius:4px}.cs-typing{display:flex;gap:5px;align-items:center;padding:12px 18px}.cs-typing span{width:6px;height:6px;border-radius:50%;background:var(--ink-soft);animation:cs-dot 1.2s ease-in-out infinite}.cs-typing span:nth-child(2){animation-delay:.15s}.cs-typing span:nth-child(3){animation-delay:.3s}@keyframes cs-dot{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1.1)}}.cs-input-row{display:flex;align-items:center;gap:0;padding:10px 14px;border-top:1px solid var(--border);flex-shrink:0;background:var(--surface)}.cs-input{flex:1;border:none;border-radius:12px 0 0 12px;padding:10px 14px;font-size:14px;background:transparent;color:var(--ink);outline:none;font-family:inherit;min-width:0}.cs-input:focus{background:transparent}.cs-send{width:38px;height:38px;border-radius:0 10px 10px 0;border:none;background:var(--teal);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin:1px;transition:transform .15s,opacity .15s}.cs-send:hover:not(:disabled){transform:scale(1.05)}.cs-send:active:not(:disabled){transform:scale(.95)}.cs-send:disabled{opacity:.35;cursor:not-allowed}.cs-send:focus-visible{outline:2px solid #fff;outline-offset:-2px}@media (max-width: 640px){.cs-fab{bottom:16px;right:16px;height:44px;padding:0 14px 0 10px}.cs-fab-icon-wrap{width:28px;height:28px}.cs-fab-label{font-size:12.5px}.cs-backdrop{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000073;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:69;animation:cs-fade-in .2s ease forwards}@keyframes cs-fade-in{0%{opacity:0}to{opacity:1}}.cs-panel{bottom:0;right:0;left:0;width:100vw;max-width:100vw;height:85dvh;max-height:85dvh;border-radius:24px 24px 0 0;border:none;border-top:1px solid rgba(255,255,255,.15);box-shadow:0 -10px 40px #0000004d;animation:cs-mobile-slide-up .32s cubic-bezier(.2,.9,.3,1) both}@supports (height: 100dvh){.cs-panel{max-height:85dvh}}.cs-input{font-size:16px}@keyframes cs-mobile-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cs-pull-bar{display:flex;justify-content:center;align-items:center;padding:8px 0 4px;background:var(--teal);cursor:pointer}.cs-pull-handle{width:38px;height:4px;border-radius:9999px;background:#ffffff73}.cs-header{padding:10px 16px 14px}.cs-close-mobile-icon{display:block}.cs-close-desktop-icon{display:none}.cs-close{width:32px;height:32px;border-radius:50%}.cs-messages{padding:14px 12px;gap:10px}.cs-bubble{font-size:13.5px;max-width:86%;padding:10px 14px}.cs-input-row{padding:10px 12px env(safe-area-inset-bottom,12px);background:var(--surface);border-top:1px solid var(--border)}.cs-scroll-bottom{bottom:64px}}.cs-clear-btn{background:#ffffff1f;border:none;color:#fff;width:30px;height:30px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease;flex-shrink:0}.cs-clear-btn:hover{background:#ffffff38}.cs-clear-btn:focus-visible{outline:2px solid #fff;outline-offset:1px}.cs-retry-btn{width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--teal);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s ease,transform .15s ease;align-self:flex-end;margin-bottom:2px}.cs-retry-btn:hover:not(:disabled){background:var(--surface-alt);transform:scale(1.08)}.cs-retry-btn:active:not(:disabled){transform:scale(.92)}.cs-retry-btn:disabled{opacity:.35;cursor:not-allowed}.cs-retry-btn:focus-visible{outline:2px solid var(--teal);outline-offset:1px}.cs-msg--error .cs-bubble{border-color:var(--danger)!important;background:var(--danger-bg)!important;color:var(--danger)!important}.cs-incomplete-badge{display:inline-block;font-size:10.5px;font-weight:600;color:var(--murah-ink);background:var(--danger-bg);padding:2px 8px;border-radius:6px;margin-top:6px}.cs-input-wrap{flex:1;position:relative;min-width:0;display:flex;align-items:center;background:var(--surface-alt);border:1.5px solid var(--border);border-radius:12px;transition:border-color .2s ease,box-shadow .2s ease}.cs-input-wrap:focus-within{border-color:var(--teal);background:var(--surface);box-shadow:0 0 0 3px #0ea5a01f}.cs-char-count{position:absolute;right:10px;top:-16px;font-size:10px;font-weight:600;color:var(--ink-soft);background:var(--surface);padding:1px 5px;border-radius:4px;line-height:1;pointer-events:none}.cs-char-count--danger{color:var(--danger)}.cs-timestamp{text-align:center;font-size:10px;font-weight:600;color:var(--ink-soft);padding:4px 0;letter-spacing:.02em;-webkit-user-select:none;user-select:none;opacity:.7}.cs-scroll-bottom{position:absolute;bottom:72px;left:50%;transform:translate(-50%);width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--ink-soft);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001a;transition:transform .15s ease,box-shadow .15s ease;z-index:2;animation:cs-fade-in-up .2s var(--ease-out) both}.cs-scroll-bottom:hover{transform:translate(-50%) scale(1.1);box-shadow:0 6px 16px #00000024}.cs-scroll-bottom:active{transform:translate(-50%) scale(.92)}@keyframes cs-fade-in-up{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.cs-scroll-bottom:focus-visible{outline:2px solid var(--teal);outline-offset:1px}.cs-panel ::selection{background:#0ea5a040;color:inherit}.cs-input{caret-color:var(--teal)}.cs-input:focus-visible{outline:none}