:root{--ink:#111116;--muted:#74747e;--line:#e7e7ec;--surface:#fff;--soft:#f6f6f8;--pink:#fe2c55;--gold:#ffd733}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:#f5f5f7;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}.landing-shell{background:radial-gradient(circle at 78% 20%,#ffd73338,#0000 30%),radial-gradient(circle at 20% 80%,#fe2c5517,#0000 32%),#fff;min-height:100vh;padding:24px clamp(22px,5vw,72px)}.landing-nav{justify-content:space-between;align-items:center;max-width:1180px;margin:auto;display:flex}.brand{letter-spacing:-.06em;font-size:24px;font-weight:1000}.brand span{color:var(--pink)}.ghost-button,.secondary-button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 15px;font-weight:800}.hero-grid{grid-template-columns:1fr 350px;align-items:center;gap:80px;max-width:1080px;margin:70px auto 0;display:grid}.eyebrow{letter-spacing:.2em;color:var(--pink);font-size:11px;font-weight:1000}.hero-copy h1{letter-spacing:-.075em;margin:18px 0;font-size:clamp(48px,7vw,82px);line-height:.94}.hero-copy h1 em{color:var(--pink);font-style:normal}.hero-sub{max-width:590px;color:var(--muted);font-size:18px;line-height:1.6}.hero-actions{align-items:center;gap:20px;margin-top:30px;display:flex}.primary-button,.publish-button{background:var(--pink);color:#fff;border:0;border-radius:999px;padding:14px 20px;font-weight:900}.text-link{font-weight:900}.trust-row{color:#777;flex-wrap:wrap;gap:20px;margin-top:35px;font-size:12px;display:flex}.hero-phone{color:#fff;background:#111;border-radius:36px;min-height:610px;padding:18px;position:relative;overflow:hidden;box-shadow:0 35px 90px #00000040}.phone-top{justify-content:space-between;display:flex}.phone-top span{color:#e35f23;background:#fff;border-radius:999px;padding:7px 15px;font-weight:900}.rank-bar{background:#30263a;border-radius:12px;margin-top:14px;padding:14px;font-weight:900}.rank-bar small{float:right}.fake-video{background:linear-gradient(145deg,#2d3944,#a7bbc0);place-items:center;height:400px;margin:10px -18px 0;display:grid}.fake-video span{letter-spacing:.2em;font-size:10px}.fake-video b{font-size:56px;position:absolute}.mini-product{color:#111;background:#fff;border-radius:18px;grid-template-columns:62px 1fr auto;align-items:center;gap:11px;padding:12px;display:grid;position:absolute;bottom:18px;left:14px;right:14px}.mini-product i{background:var(--gold);border-radius:12px;place-items:center;height:62px;font-style:normal;font-weight:1000;display:grid}.mini-product small{margin-top:7px;display:block}.mini-product button{background:var(--pink);color:#fff;border:0;border-radius:12px;padding:13px;font-weight:900}.builder-grid{background:#f3f3f6;grid-template-columns:minmax(0,1fr) 480px;min-height:100vh;display:grid}.builder-panel{padding:28px clamp(22px,4vw,54px);overflow:auto}.builder-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.builder-header small,.preview-label span{letter-spacing:.15em;color:var(--pink);font-size:10px;font-weight:1000}.builder-header h1{margin:5px 0 0;font-size:30px}.builder-header>div:last-child{gap:9px;display:flex}.builder-card{border:1px solid var(--line);background:#fff;border-radius:18px;max-width:760px;margin-bottom:16px;padding:22px;box-shadow:0 8px 30px #14141e09}.builder-card h2{margin:0 0 18px;font-size:16px}.builder-card label{color:#4c4c55;gap:7px;margin:13px 0;font-size:12px;font-weight:800;display:grid}.builder-card input,.builder-card textarea{color:#17171c;background:#fff;border:1px solid #dddde3;border-radius:11px;outline:0;width:100%;padding:11px 12px}.builder-card textarea{resize:vertical;min-height:80px}.builder-card input:focus,.builder-card textarea:focus{border-color:#f25573;box-shadow:0 0 0 3px #fe2c551a}.field-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.slug-input{border:1px solid #dddde3;border-radius:11px;align-items:center;display:flex;overflow:hidden}.slug-input span{color:#999;padding-left:12px;font-weight:600}.slug-input input{border:0;padding-left:4px}.toggle-row{align-items:center;grid-template-columns:1fr auto!important}.toggle-row input{width:18px}.preview-panel{background:#18181d;place-items:center;height:100vh;padding:22px;display:grid;position:sticky;top:0}.preview-label{position:absolute;top:22px;left:22px}.preview-label small{color:#92929c;margin-top:4px;display:block}.live-phone{--pink:#fe2c55;--gold:#ffd733;aspect-ratio:9/16;color:#fff;isolation:isolate;background:#131318;border-radius:28px;width:min(390px,100%);max-height:calc(100vh - 86px);position:relative;overflow:hidden;box-shadow:0 28px 70px #0006}.live-phone>video,.video-placeholder{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.video-placeholder{background:linear-gradient(145deg,#33434a,#a9bec4);place-items:center;display:grid}.video-placeholder span{letter-spacing:.2em;font-size:9px}.video-placeholder b{font-size:42px;position:absolute}.live-shade{pointer-events:none;background:linear-gradient(#00000080,#0000 28% 50%,#000000db);position:absolute;inset:0}.enter-gate{z-index:8;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08080c99;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.enter-gate>small{letter-spacing:.12em;font-weight:900;position:absolute;top:25px;left:24px}.enter-gate>div{background:var(--gold);color:#111;border-radius:22px;place-items:center;width:70px;height:70px;font-size:25px;font-weight:1000;display:grid}.enter-gate h2{margin:20px 0 4px;font-size:34px}.enter-gate p{color:#ccc}.enter-gate button{background:var(--gold);border:0;border-radius:999px;padding:14px 28px;font-weight:1000}.enter-gate em{color:#aaa;margin-top:10px;font-size:10px;font-style:normal}.live-head{z-index:3;grid-template-columns:39px 1fr auto auto auto;align-items:center;gap:8px;display:grid;position:absolute;top:12px;left:12px;right:12px}.live-head>i{background:#794653;border:2px solid #fff;border-radius:50%;place-items:center;width:39px;height:39px;font-style:normal;font-weight:1000;display:grid}.live-head div{min-width:0}.live-head div b,.live-head div small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.live-head div b{font-size:13px}.live-head div small{font-size:10px}.live-head button{color:#dc6b27;background:#fff;border:0;border-radius:999px;padding:8px 15px;font-weight:1000}.live-head>span{font-weight:900}.live-head>strong{font-size:27px;font-weight:400}.shopping-ranking{z-index:3;background:#271a2fd1;border-radius:11px;padding:13px;position:absolute;top:62px;left:12px;right:12px}.shopping-ranking span{float:right;color:#ddd;font-size:11px}.sound-status{z-index:3;color:#fff;background:#0f0f118a;border:0;border-radius:8px;padding:8px;position:absolute;top:113px;left:14px}.live-comments{z-index:3;gap:7px;width:66%;display:grid;position:absolute;bottom:200px;left:13px}.pin-box{border-left:3px solid var(--pink);background:#2f1e27de;border-radius:9px;gap:5px;padding:11px;animation:7s forwards pinlife;display:grid}.pin-box b{color:#ff7893;font-size:9px}.pin-box span{font-size:11px;line-height:1.35}.comment{align-items:flex-start;gap:7px;display:flex}.comment>i{background:#526d91;border-radius:50%;place-items:center;width:27px;height:27px;font-size:10px;font-style:normal;display:grid}.comment p{margin:0;font-size:11px}.comment p b,.comment p span{display:block}.comment p b{color:#ddd}.live-product{z-index:4;color:#111;text-align:left;background:#fff;border:0;border-radius:18px;grid-template-columns:82px 1fr auto;align-items:center;gap:10px;min-height:126px;padding:12px;display:grid;position:absolute;bottom:56px;left:10px;right:10px}.live-product>i{background:var(--gold);border-radius:12px;place-items:center;height:86px;font-size:18px;font-style:normal;font-weight:1000;display:grid}.live-product div>*{display:block}.live-product div>b{font-size:16px}.live-product div small{color:#20a29e;margin-top:6px;font-size:9px;font-weight:900}.live-product div span{color:#8d7655;margin-top:8px;font-size:9px}.live-product div strong{margin-top:8px;font-size:19px}.live-product del{color:#999;font-size:10px}.live-product>em{background:var(--pink);color:#fff;border-radius:11px;padding:14px 12px;font-style:normal;font-weight:1000}.live-toolbar{z-index:4;grid-template-columns:35px 1fr repeat(5,25px);align-items:center;gap:7px;display:grid;position:absolute;bottom:9px;left:11px;right:11px}.live-toolbar button{color:#fff;background:0 0;border:0;font-size:23px;position:relative}.live-toolbar sup{color:var(--pink);background:#fff;border-radius:50%;font-size:8px;position:absolute;top:-5px;right:0}.live-toolbar>span{color:#bbb;background:#46464abf;border-radius:999px;padding:11px 15px;font-size:12px}.live-toolbar>b{text-align:center;font-size:19px}.hearts{z-index:5;pointer-events:none;position:absolute;inset:0}.hearts span{opacity:0;font-size:27px;animation:1.85s cubic-bezier(.2,.75,.3,1) forwards heartfly;position:absolute;bottom:24%}@keyframes heartfly{0%{opacity:0;transform:translateY(10px)scale(.55)}15%{opacity:1;transform:scale(1.08)}to{opacity:0;transform:translate(var(--drift),-205px) scale(.68) rotate(18deg)}}@keyframes pinlife{0%{opacity:0;transform:translateY(7px)}7%,88%{opacity:1;transform:none}to{opacity:0;transform:translateY(7px)}}.public-live{background:#08080a;place-items:center;min-height:100dvh;display:grid}.public-live .live-phone{border-radius:0;height:100dvh;max-height:none}.login-shell{background:#f4f4f7;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:22px;width:min(420px,100%);padding:28px;box-shadow:0 25px 70px #14141e17}.login-card h1{margin:18px 0 7px;font-size:28px}.login-card p{color:var(--muted);line-height:1.5}.login-card form{gap:12px;margin-top:22px;display:grid}.login-card label{gap:6px;font-size:12px;font-weight:800;display:grid}.login-card input{border:1px solid var(--line);border-radius:11px;padding:12px}.login-card button{background:var(--pink);color:#fff;border:0;border-radius:999px;padding:13px;font-weight:900}.error-note{color:#b3233d;background:#fff0f2;border-radius:9px;padding:10px;font-size:11px}@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-phone{display:none}.builder-grid{grid-template-columns:1fr}.preview-panel{height:auto;min-height:760px;position:relative}.builder-panel{overflow:visible}}@media (max-width:560px){.builder-header{align-items:flex-start;gap:15px}.builder-header>div:last-child{flex-direction:column}.field-pair{grid-template-columns:1fr}}