.modal-layer[data-v-6ff918d7]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));background:#05070cc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade-in-6ff918d7 .18s ease-out}.modal[data-v-6ff918d7]{width:min(100%,420px);max-height:88vh;overflow:auto;border:1px solid rgba(229,184,105,.16);border-radius:16px;background:linear-gradient(145deg,#162032,#101726);padding:20px;color:#f8fafc;box-shadow:0 20px 60px #00000080;animation:modal-in-6ff918d7 .2s ease-out}.modal-head[data-v-6ff918d7]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.modal-head h2[data-v-6ff918d7]{margin:0;font-size:18px}.icon-button[data-v-6ff918d7]{min-width:44px;padding:4px;border:0;background:transparent;color:#94a3b8;font-size:26px}@keyframes fade-in-6ff918d7{0%{opacity:0}to{opacity:1}}@keyframes modal-in-6ff918d7{0%{transform:translateY(8px) scale(.98);opacity:.5}to{transform:translateY(0) scale(1);opacity:1}}.sheet-layer[data-v-292501c4]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;align-items:end;background:#05070cc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade-in-292501c4 .18s ease-out}.sheet[data-v-292501c4]{width:min(100%,520px);max-height:90vh;margin:0 auto;overflow:auto;border:1px solid rgba(229,184,105,.16);border-bottom:0;border-radius:24px 24px 0 0;background:linear-gradient(145deg,#162032,#101726);padding:10px 16px max(20px,env(safe-area-inset-bottom));color:#f8fafc;box-shadow:0 -20px 60px #0000006b;animation:sheet-in-292501c4 .22s ease-out}.handle[data-v-292501c4]{width:44px;height:4px;margin:2px auto 12px;border-radius:999px;background:#94a3b8;opacity:.6}.sheet-head[data-v-292501c4]{display:flex;align-items:center;justify-content:space-between;gap:12px}.sheet-head h2[data-v-292501c4]{margin:0;font-size:18px}.icon-button[data-v-292501c4]{min-width:44px;padding:4px;border:0;background:transparent;color:#94a3b8;font-size:26px}.sheet-body[data-v-292501c4]{padding-top:12px}@keyframes fade-in-292501c4{0%{opacity:0}to{opacity:1}}@keyframes sheet-in-292501c4{0%{transform:translateY(24px);opacity:.55}to{transform:translateY(0);opacity:1}}.share-description[data-v-caf05658]{margin:0 0 12px}.share-list[data-v-caf05658]{display:grid;gap:8px}.share-link[data-v-caf05658]{width:100%;min-height:64px;display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#101726;color:#f8fafc;text-align:left;cursor:pointer;transition:background .16s,border-color .16s,transform .16s}.share-link[data-v-caf05658]:hover{background:#162032;border-color:#e5b86959;transform:translateY(-1px)}.share-link>span[data-v-caf05658]:nth-child(2){display:grid;gap:3px;flex:1;min-width:0}.share-link b[data-v-caf05658]{font-size:13px}.share-link small[data-v-caf05658]{color:#94a3b8;font-size:11px}.share-icon[data-v-caf05658]{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#e5b86924;color:#ffd58d;font-size:20px}.share-chevron[data-v-caf05658]{color:#2dd4bf;font-size:24px}.success[data-v-caf05658]{margin:12px 0 0;color:#2dd4bf}.comment-list[data-v-72a87b18]{max-height:46vh;overflow:auto}.comment-item[data-v-72a87b18]{display:grid;grid-template-columns:1fr auto;gap:5px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}.comment-item span[data-v-72a87b18]{grid-column:1/-1;color:var(--text-muted)}.comment-compose[data-v-72a87b18]{display:flex;gap:8px;margin-top:14px;padding-bottom:max(4px,env(safe-area-inset-bottom))}.comment-compose input[data-v-72a87b18]{min-width:0;flex:1;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);padding:11px}.comment-compose button[data-v-72a87b18]{border:0;border-radius:10px;background:var(--gold);padding:0 16px}.link-button[data-v-72a87b18]{border:0;background:transparent;color:var(--cyan);padding:0}.error[data-v-72a87b18]{color:#ffb4ab}.payment-options[data-v-dd27a8c9]{display:grid;gap:10px}.payment-option[data-v-dd27a8c9]{display:grid;gap:4px;text-align:left;padding:15px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text)}.payment-option span[data-v-dd27a8c9]{color:var(--text-muted);font-size:12px}.payment-state[data-v-dd27a8c9]{padding:28px 0;text-align:center}.payment-state button[data-v-dd27a8c9]{margin-top:14px;min-height:44px;border:0;border-radius:10px;background:var(--gold);padding:0 18px}.language-list[data-v-5a35daac]{display:grid;gap:4px;margin:12px 0 16px}.language-item[data-v-5a35daac]{display:flex;justify-content:space-between;min-height:48px;border:1px solid transparent;border-radius:10px;background:transparent;color:#f8fafc;text-align:left}.language-item span[data-v-5a35daac]:first-child{display:flex;align-items:center;gap:10px}.language-item b[data-v-5a35daac]{font-size:18px}.language-item.active[data-v-5a35daac]{border-color:#e5b86959;background:#e5b8691f;color:#ffd58d}.apply[data-v-5a35daac]{width:100%}.feedback-content[data-v-af7d0c44]{display:grid;justify-items:center;gap:12px;padding:8px 0 4px;text-align:center}.feedback-content p[data-v-af7d0c44]{margin:0;color:#dfe2ef;font-size:14px;line-height:1.5}.feedback-icon[data-v-af7d0c44]{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#2dd4bf24;color:#2dd4bf;font-size:26px;font-weight:800}.feedback-content.error .feedback-icon[data-v-af7d0c44]{background:#ef444424;color:#ffb4ab}.feedback-button[data-v-af7d0c44]{min-width:120px;min-height:44px;border:1px solid rgba(229,184,105,.35);border-radius:999px;background:#e5b869;color:#0a0e17;font-weight:800}.splash-ad{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#05070d;cursor:pointer}.splash-ad img{width:100%;height:100%;display:block;object-fit:cover}.splash-skip{position:absolute;top:max(18px,env(safe-area-inset-top));right:16px;min-width:38px;height:38px;border:0;border-radius:999px;background:#05070d99;color:#fff;font-weight:800;font-size:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.page-slide-forward-enter-active,.page-slide-forward-leave-active,.page-slide-back-enter-active,.page-slide-back-leave-active{transition:transform .38s cubic-bezier(.22,.8,.25,1),opacity .38s ease;will-change:transform,opacity;backface-visibility:hidden}.page-slide-forward-enter-active,.page-slide-back-enter-active{position:relative;z-index:2}.page-slide-forward-leave-active,.page-slide-back-leave-active{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;z-index:1}.page-slide-forward-enter-from{opacity:0;transform:translate3d(100%,0,0)}.page-slide-forward-leave-to{opacity:0;transform:translate3d(-28%,0,0)}.page-slide-back-enter-from{opacity:0;transform:translate3d(-100%,0,0)}.page-slide-back-leave-to{opacity:0;transform:translate3d(28%,0,0)}:root{color:#dfe2ef;background:#0a0e17;color-scheme:dark;font-family:Plus Jakarta Sans,Inter,system-ui,-apple-system,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--surface-base: #0a0e17;--surface: #101726;--surface-high: #162032;--surface-container: #1c1f29;--surface-container-high: #262a34;--gold: #e5b869;--gold-pressed: #d4a352;--cyan: #2dd4bf;--blue: #0ea5e9;--danger: #ef4444;--muted: #94a3b8;--hairline: rgba(255,255,255,.08);--border: var(--hairline);--text: #f8fafc;--text-muted: var(--muted)}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body.overlay-locked{overflow:hidden}body{min-width:320px;background:radial-gradient(circle at 8% -5%,rgba(229,184,105,.12),transparent 28%),radial-gradient(circle at 100% 22%,rgba(45,212,191,.08),transparent 26%),#0a0e17;color:#f8fafc;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit}button,.button{min-height:44px;border:1px solid transparent;border-radius:8px;padding:10px 14px;background:linear-gradient(135deg,var(--gold),#f4ca82);color:#0a0e17;cursor:pointer;text-decoration:none;font-weight:700;transition:transform .18s ease,filter .18s ease,background .18s ease}button:not(:disabled):active,.button:active{transform:scale(.97);filter:brightness(.94)}button:disabled{cursor:wait;opacity:.55}.page-shell,.page{min-height:calc(100vh - 88px);padding:16px;animation:page-in .28s ease both}.centered{display:grid;place-items:center}.hero-card,.profile-card,.stat-card,.media-card,.list-row,.content-card{border:1px solid var(--hairline);border-radius:16px;background:linear-gradient(145deg,#162032f0,#101726db);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 32px #0000002e}.hero-card,.profile-card,.stat-card,.media-card,.list-row,.content-card{transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.hero-card:hover,.profile-card:hover,.media-card:hover,.list-row:hover,.content-card:hover{border-color:#e5b8693d;box-shadow:0 16px 38px #00000047}.hero-card{max-width:720px;margin:12px auto 0;padding:24px}.centered-card{margin:0;text-align:center}.eyebrow{color:var(--cyan);font-size:11px;letter-spacing:.14em}h1{margin:0 0 12px;font-size:clamp(26px,8vw,40px);letter-spacing:-.02em}h2,h3{letter-spacing:-.01em}.muted{color:var(--muted);line-height:1.6}.error{color:#ffb4ab;line-height:1.6}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.media-card,.list-row,.stat-card{display:flex;gap:8px;flex-direction:column;padding:12px;text-decoration:none;color:inherit}.media-card img,.content-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;background:#162032}.media-card small{color:var(--muted)}.content-card{overflow:hidden}.content-card h3{margin:10px 12px 12px;overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.video-placeholder{display:grid;place-items:center;min-height:220px;border-radius:16px;background:#101726;color:var(--muted)}.stat-card strong{font-size:28px;color:var(--gold)}.action-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.button-secondary{border-color:var(--hairline);background:var(--surface-high);color:var(--cyan)}.button-danger{border-color:#ef444466;background:#ef444414;color:#ffb4ab}.upload-box{display:grid;place-items:center;min-height:160px;margin-bottom:16px;border:1px dashed rgba(229,184,105,.45);border-radius:16px;color:var(--gold);cursor:pointer}.upload-box input{display:none}.promo-qr{display:block;width:180px;height:180px;margin:16px auto;object-fit:contain;border-radius:10px;background:#fff}.list-row{flex-direction:row;justify-content:space-between;margin:8px 0}input,select,textarea{width:100%;min-height:44px;border:1px solid var(--hairline);border-radius:8px;padding:10px 12px;background:var(--surface);color:#f8fafc;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 12px}.section-title h2{margin:0;font-size:20px}.section-title a{color:var(--cyan);font-size:13px;text-decoration:none}.page-shell>section,.page-shell>.content-card,.page-shell>.stat-card{width:100%}.back{display:inline-flex;align-items:center;min-height:44px;color:var(--cyan);text-decoration:none}.state,.state-card{border:1px dashed var(--hairline);border-radius:16px;background:#101726b8}.page{display:grid;gap:16px}.page>h1,.page-shell>h1{margin-top:4px}.form-card,.detail-card,.status-card,.payment-card,.order-card,.balance-card,.unavailable,.detail,.auth,.flow,.mine-grid,.settings-list,.post-feed,.feed,.list,.app-list{border:1px solid var(--hairline);border-radius:16px;background:linear-gradient(145deg,#162032eb,#101726d6);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 32px #00000029}.form-card,.detail-card,.status-card,.payment-card,.order-card,.balance-card,.unavailable,.detail,.auth,.flow{padding:16px}.form-card,.form-card form{display:grid;gap:12px}.form-card h2,.detail-card h2,.status-card h2{margin:0;font-size:18px}.list,.app-list,.post-feed,.feed{padding:8px}.list-row,.row,.post-card,.order-row,.chat-row{min-height:60px;align-items:center;border:1px solid transparent;background:#1c1f29b8}.list-row:hover,.row:hover,.post-card:hover,.order-row:hover,.chat-row:hover{background:#262a34db}.row,.post-card{display:flex;gap:12px;padding:12px;margin:4px 0;color:inherit;text-decoration:none}.row>div,.post-card>div{min-width:0}.post-card{display:block;border-radius:12px}.post-card h2,.post-card h3{margin:8px 0}.post-card p{margin:0;color:var(--muted);line-height:1.5}.avatar{display:grid;flex:0 0 36px;place-items:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--gold),#f4ca82);color:#422c00;font-weight:700}.field-label{display:grid;gap:6px;color:var(--muted);font-size:12px}.field-label input,.field-label textarea{margin-top:0}.button,button,.button-secondary{box-shadow:none}.button-secondary{background:var(--surface-high)}.page-shell.detail-page,.page-shell.category-page,.page-shell.order-detail{display:grid;gap:16px}.page-shell img.cover,.detail-page .cover,.detail .cover{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:12px;background:var(--surface-high)}.media-frame,.video-placeholder,.short-stage,.stage{border:1px solid var(--hairline);box-shadow:inset 0 0 0 1px #ffffff05}.tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.tabs button{flex:0 0 auto;min-height:38px;border-radius:999px;background:var(--surface-container);color:var(--muted)}.tabs button.active{background:var(--gold);color:#422c00}.empty-state,.state-card{display:grid;gap:10px;padding:28px 20px;text-align:center}.error-card{border-color:#ef444447}.progress-track{overflow:hidden;height:6px;border-radius:999px;background:var(--surface-container-high)}.progress-track span{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--gold));animation:progress-pulse 1.2s ease-in-out infinite alternate}.settings-list{display:grid;gap:1px;overflow:hidden;padding:0}.settings-list>*,.settings-list a{min-height:52px;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#101726b8;color:inherit;text-decoration:none}@keyframes progress-pulse{0%{transform:translate(-20%)}to{transform:translate(150%)}}@keyframes page-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.skeleton-card{background:linear-gradient(110deg,#1620329e 8%,#31353f80 18%,#1620329e 33%);background-size:200% 100%;animation:skeleton-shimmer 1.4s linear infinite}@keyframes skeleton-shimmer{to{background-position-x:-200%}}@media (max-width: 420px){.page,.page-shell{padding:12px}.card-grid{gap:8px}}.page-enter-active,.page-leave-active{transition:opacity .2s ease,transform .2s ease}.page-enter-from{opacity:0;transform:translateY(8px)}.page-leave-to{opacity:0;transform:translateY(-5px)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.beranda-page .design-card{opacity:1!important;transform:none!important}