:root{--bg:#0b0b0d;--card:#17171c;--soft:#222229;--text:#f8f8fb;--muted:#9898a6;--violet:#8b5cf6;--blue:#4f7cff;--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font:15px/1.35 Inter,system-ui,-apple-system,Segoe UI,sans-serif;overscroll-behavior:none}button,input{font:inherit}.app{max-width:620px;margin:auto;min-height:100vh;padding-bottom:calc(88px + var(--safe-b))}.splash{height:100vh;display:grid;place-content:center;text-align:center;gap:12px;background:radial-gradient(circle at 50% 40%,#34215c,transparent 35%)}.splash span{font-size:58px;color:#a78bfa}.splash b{font-size:20px}.top{position:sticky;top:0;z-index:8;display:flex;align-items:center;gap:11px;padding:calc(12px + env(safe-area-inset-top,0px)) 16px 12px;background:linear-gradient(#0b0b0df2,#0b0b0dcc,transparent);backdrop-filter:blur(14px)}.avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;background:linear-gradient(135deg,var(--violet),var(--blue));display:grid;place-items:center;font-weight:800}.hello{flex:1}.hello small{display:block;color:var(--muted);font-size:11px}.hello b{font-size:16px}.balance{border:0;color:#fff;background:#23232a;border-radius:99px;padding:9px 12px;font-weight:750}.balance i{font-style:normal;color:#f7c84b}h1{font-size:27px;line-height:1.08;margin:20px 16px 8px}h2{font-size:20px;margin:27px 16px 12px}.sub{margin:0 16px 18px;color:var(--muted)}.hero-row,.card-row{display:flex;gap:12px;overflow:auto;padding:0 16px 6px;scroll-snap-type:x mandatory;scrollbar-width:none}.hero{position:relative;flex:0 0 86%;height:455px;border-radius:28px;overflow:hidden;scroll-snap-align:center;background:#222}.hero img,.card img,.detail-bg,.gallery-card img{width:100%;height:100%;object-fit:cover}.hero:after,.card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#08080be8)}.hero-copy{position:absolute;z-index:2;left:20px;right:20px;bottom:20px}.badge{display:inline-block;background:#ffffff22;border:1px solid #ffffff2b;backdrop-filter:blur(10px);border-radius:99px;padding:5px 9px;font-size:11px;font-weight:700}.hero h3{font-size:28px;margin:9px 0 4px}.hero p{margin:0;color:#d8d8df}.primary{border:0;background:linear-gradient(110deg,var(--violet),var(--blue));color:#fff;border-radius:15px;padding:15px 18px;font-weight:800;box-shadow:0 10px 30px #7045e54a}.hero .primary{margin-top:15px;width:100%}.card{position:relative;flex:0 0 160px;height:218px;border-radius:20px;overflow:hidden;background:#222}.card-copy{position:absolute;z-index:2;bottom:12px;left:12px;right:10px}.card-copy b{display:block}.card-copy small{color:#ccc}.section-head{display:flex;align-items:center;justify-content:space-between;padding-right:16px}.section-head button{background:none;border:0;color:#9f83ff}.nav{position:fixed;z-index:20;left:50%;bottom:0;transform:translateX(-50%);width:min(620px,100%);height:calc(70px + var(--safe-b));padding:8px 7px var(--safe-b);display:flex;background:#111115ee;border-top:1px solid #ffffff12;backdrop-filter:blur(20px)}.nav button{flex:1;color:#777784;border:0;background:none;font-size:10px;display:grid;gap:3px;place-content:center}.nav button span{font-size:22px;line-height:1}.nav button.active{color:#a78bfa}.screen{animation:in .22s ease}@keyframes in{from{opacity:.4;transform:translateY(5px)}}.toolbar{display:flex;align-items:center;padding:calc(14px + env(safe-area-inset-top,0px)) 16px 10px;gap:12px}.iconbtn{width:42px;height:42px;border:0;border-radius:50%;background:#222228;color:white;font-size:22px}.toolbar b{font-size:18px}.detail-visual{height:51vh;min-height:390px;position:relative}.detail-visual:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,var(--bg))}.detail-body{position:relative;margin-top:-82px;z-index:2;padding:0 16px}.detail-body h1{margin:0;font-size:30px}.tip{display:flex;gap:10px;background:#17171c;border:1px solid #ffffff12;border-radius:15px;padding:13px;margin:17px 0;color:#cacaD3}.upload{height:135px;border:1.5px dashed #555563;background:#151519;border-radius:20px;display:grid;place-content:center;text-align:center;color:#aaa;overflow:hidden}.upload img{width:100%;height:135px;object-fit:cover}.consent{display:flex;gap:10px;color:#aaa;font-size:12px;margin:13px 2px}.consent input{accent-color:var(--violet)}.sticky-cta{position:sticky;bottom:76px;padding:12px 0;background:linear-gradient(transparent,var(--bg) 20%)}.sticky-cta .primary{width:100%;font-size:16px}.tabs{display:flex;gap:7px;margin:15px 16px}.tabs button{flex:1;border:0;color:#aaa;background:#1b1b20;border-radius:12px;padding:10px}.tabs .active{background:#302253;color:#fff}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 16px}.gallery-card{height:230px;border-radius:18px;overflow:hidden;position:relative;background:#1b1b20}.gallery-card .state{position:absolute;inset:auto 8px 8px;background:#09090bcf;padding:8px;border-radius:10px;font-size:12px}.empty{margin:40px 16px;text-align:center;color:#999}.profile{padding:8px 16px}.profile-head{text-align:center;margin:22px}.profile-head .avatar{width:74px;height:74px;margin:auto;font-size:28px}.panel{background:#17171c;border:1px solid #ffffff0d;border-radius:22px;padding:16px;margin:12px 0}.panel h3{margin:0 0 8px}.refbox{padding:12px;background:#232329;border-radius:12px;color:#b7b7c3;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.row{display:flex;gap:10px}.row>*{flex:1}.secondary{border:1px solid #ffffff22;background:#1d1d22;color:#fff;border-radius:14px;padding:13px;font-weight:700}.sheet-wrap{position:fixed;z-index:50;inset:0;background:#0009;display:flex;align-items:flex-end}.sheet{width:min(620px,100%);margin:auto;background:#17171c;border-radius:26px 26px 0 0;padding:10px 16px calc(20px + var(--safe-b));max-height:88vh;overflow:auto}.handle{width:42px;height:4px;background:#555;border-radius:5px;margin:0 auto 18px}.package{display:flex;align-items:center;gap:12px;padding:14px;margin:9px 0;border:1px solid #ffffff12;border-radius:17px}.package.popular{border-color:#8b5cf6;background:#8b5cf612}.package b{font-size:18px;flex:1}.package small{display:block;color:#aaa}.package button{border:0;border-radius:12px;padding:10px;background:white;font-weight:800}.progress{height:7px;border-radius:9px;background:#25252b;overflow:hidden;margin:23px 0}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--violet),var(--blue));animation:load 5s ease forwards}@keyframes load{from{width:5%}to{width:94%}}.generating{text-align:center;padding:28vh 25px 0}.orb{width:94px;height:94px;border-radius:50%;margin:auto;background:radial-gradient(circle at 30% 30%,#bd9aff,#6d4eea 42%,#2469ff);box-shadow:0 0 70px #744fff88;animation:pulse 1.8s infinite}@keyframes pulse{50%{transform:scale(.92);filter:hue-rotate(20deg)}}.result{padding:15px}.result img{width:100%;border-radius:24px;max-height:64vh;object-fit:cover}.result h1{margin-left:0}.admin-table{font-size:12px;width:100%;border-collapse:collapse}.admin-table td,.admin-table th{padding:8px;border-bottom:1px solid #333;text-align:left}#toast{position:fixed;z-index:100;left:50%;bottom:98px;transform:translateX(-50%);background:#fff;color:#111;padding:11px 16px;border-radius:99px;font-weight:700;opacity:0;pointer-events:none;transition:.2s;white-space:nowrap}#toast.show{opacity:1}@media(min-width:620px){body{background:#08080a}.app{box-shadow:0 0 80px #000}.hero{height:520px}}