:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--night:#050710;--paper:#f9f5f2;--ink:#f4f1f4;--muted:#e6e5efa3;--dim:#e6e5ef6e;--pink:#ff9eb5;--gold:#f6d8a7;--glass:#0c0e1a94;--line:#f0edfa24;font-family:Manrope,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html,body,#universe{background:var(--night);width:100%;height:100%;min-height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none}button,a{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.universe{isolation:isolate;min-height:100svh;color:var(--ink);background:radial-gradient(at 51% 44%,#3a305e30,#0000 42%),radial-gradient(at 50% 100%,#74365c1f,#0000 48%),#050710;position:relative;overflow:hidden}#scene{z-index:-2;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.universe-shade{z-index:-1;pointer-events:none;background:linear-gradient(#04060e78 0%,#0000 26% 63%,#04060eb8 100%);position:absolute;inset:0}.topbar{z-index:5;top:max(22px, env(safe-area-inset-top));justify-content:space-between;align-items:center;gap:20px;display:flex;position:absolute;left:clamp(18px,4vw,64px);right:clamp(18px,4vw,64px)}.brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-symbol{width:39px;height:39px;color:var(--pink);border:1px solid #ffbccc57;border-radius:50%;place-items:center;font-size:20px;display:grid;box-shadow:0 0 24px #ff7ea61f,inset 0 0 18px #ff7ea614}.brand-copy{gap:3px;display:grid}.brand-kicker,.title-eyebrow,.focus-kicker{letter-spacing:.2em;color:#e8e0ef8f;font:500 10px/1.2 DM Mono,monospace}.brand-name{letter-spacing:.06em;font-size:15px;font-weight:600}.top-actions{align-items:center;gap:10px;display:flex}.music-button,.camera-button{border:1px solid var(--line);color:#f6f2f9d9;-webkit-backdrop-filter:blur(16px);cursor:pointer;background:#0d0f1c9e;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:0 15px;transition:border-color .18s,background .18s,color .18s,transform .18s;display:inline-flex}.music-button:hover:not(:disabled),.camera-button:hover{background:#23182bc7;border-color:#ffaec28c;transform:translateY(-1px)}.music-button:disabled{cursor:help;color:#e8e5ef75}.music-glyph{color:var(--gold);font-size:18px}.music-label,.camera-button{letter-spacing:.03em;font-size:12px;font-weight:600}.camera-button{color:#ffe8ef;border-color:#ff9eb552}.camera-button[aria-pressed=true]{background:#6b25467a;border-color:#ffaec2b3}.camera-dot{background:var(--dim);border-radius:50%;width:7px;height:7px}.camera-button[aria-pressed=true] .camera-dot{background:#ff9eb5;animation:1.5s ease-in-out infinite pulse;box-shadow:0 0 12px #ff89a7}.stage{pointer-events:none;position:absolute;inset:0}.title-block{text-align:center;text-shadow:0 2px 24px #0000006b;width:min(760px,100% - 40px);position:absolute;top:clamp(94px,12.5vh,138px);left:50%;transform:translate(-50%)}.title-eyebrow{color:#f9dcd2cc;justify-content:center;align-items:center;gap:10px;margin:0 0 15px;display:flex}.title-eyebrow span{background:linear-gradient(90deg,#0000,#f6d8a7b8);width:18px;height:1px}.title-eyebrow span:last-child{transform:rotate(180deg)}.title-block h1{color:#fff6f7;letter-spacing:.08em;text-wrap:balance;margin:0;font:500 clamp(26px,3vw,42px)/1.25 Noto Serif SC,Songti SC,serif}.subtitle{color:#e2deebad;letter-spacing:.11em;margin:13px 0 0;font-size:14px}.shape-switch{pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0c177a;border:1px solid #eae4f521;border-radius:999px;padding:4px;display:inline-flex;position:absolute;top:clamp(165px,22vh,216px);left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000026}.shape-option{color:#e2deebb3;cursor:pointer;background:0 0;border:0;border-radius:999px;min-width:89px;padding:8px 15px;font-size:12px;transition:color .2s,background .2s,box-shadow .2s}.shape-option span{color:var(--pink);vertical-align:-1px;margin-right:5px;font-size:15px}.shape-option.is-selected{color:#fff7fa;background:#ff91ae24;box-shadow:inset 0 0 0 1px #ffbacb3d}.scene-status{color:#ebe7f199;letter-spacing:.05em;white-space:nowrap;align-items:center;gap:8px;padding:6px 11px;font:400 10px/1.3 DM Mono,monospace;display:flex;position:absolute;top:clamp(216px,28vh,276px);left:50%;transform:translate(-50%)}.status-pulse{background:#f6d8a7e6;border-radius:50%;width:5px;height:5px;box-shadow:0 0 9px #f6d8a7b3}.status-pulse.is-live{background:#ff9eb5;box-shadow:0 0 12px #ff8eac}.photo-focus{pointer-events:auto;text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#08091080;border:1px solid #f6e8dd24;border-radius:14px;flex-direction:column;align-items:center;gap:9px;min-width:180px;padding:13px 18px;display:flex;position:absolute;bottom:clamp(190px,25vh,250px);left:50%;transform:translate(-50%)}.photo-focus[hidden]{display:none}.focus-kicker{color:#eee2de8f;font-size:9px}.focus-caption{color:#fff5ef;font:500 17px/1.35 Noto Serif SC,Songti SC,serif}.focus-close{color:#ffbfcfd6;cursor:pointer;background:0 0;border:0;padding:4px 7px;font-size:11px}.focus-close:hover{color:#fff}.loading-card{color:#f2edf5b3;pointer-events:none;background:#090b14b3;border:1px solid #f0edfa1a;border-radius:15px;align-items:center;gap:12px;padding:15px 19px;font-size:12px;transition:opacity .4s,visibility .4s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-card.is-hidden{opacity:0;visibility:hidden}.loading-orbit{border:1px solid #ff9eb540;border-top-color:var(--pink);border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}.control-dock{z-index:4;left:50%;bottom:max(22px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(22px);background:linear-gradient(145deg,#10121fc7,#080a149e);border:1px solid #f0edfa21;border-radius:18px;width:min(690px,100% - 36px);padding:12px 13px 10px;position:absolute;transform:translate(-50%);box-shadow:0 18px 80px #00000059,inset 0 1px #ffffff0a}.action-row{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.action-button{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:61px;padding:9px 8px;transition:background .18s,border-color .18s,transform .18s;display:flex}.action-button:hover{background:#ff9eb512;border-color:#ff9eb533;transform:translateY(-1px)}.action-button:active{transform:translateY(0)scale(.98)}.action-button>span:last-child{gap:4px;display:grid}.action-button strong{color:#f9f6fbe8;white-space:nowrap;font-size:12px;font-weight:600}.action-button small{color:#dddae878;letter-spacing:.02em;white-space:nowrap;font-size:10px}.action-icon{width:32px;height:32px;color:var(--pink);border:1px solid #f0edfa1f;border-radius:50%;flex:0 0 32px;place-items:center;font-size:18px;display:grid}.heart-icon{color:#ffabc0}.photo-icon{color:#f4d29c}.dock-footnote{color:#dcd9e673;border-top:1px solid #f0edfa13;justify-content:space-between;align-items:center;gap:10px;margin:5px 7px 0;padding-top:8px;font-size:10px;display:flex}.camera-privacy{align-items:center;gap:6px;display:inline-flex}.camera-privacy span{color:#f6d8a7c7;font-size:13px}.drag-hint{white-space:nowrap}.camera-preview{z-index:6;right:clamp(18px,4vw,64px);bottom:max(154px, calc(env(safe-area-inset-bottom) + 136px));aspect-ratio:4/3;background:#090b13;border:1px solid #ffb9ca66;border-radius:13px;width:clamp(128px,16vw,190px);position:absolute;overflow:hidden;box-shadow:0 12px 36px #00000059,0 0 28px #ff84ae1a}.camera-preview[hidden]{display:none}.camera-preview video{object-fit:cover;opacity:.82;width:100%;height:100%;display:block;transform:scaleX(-1)}.camera-preview-overlay{color:#ffffffc7;background:#06070ca6;border-radius:999px;align-items:center;gap:5px;padding:4px 7px;font:400 9px DM Mono,monospace;display:flex;position:absolute;bottom:7px;left:8px}.live-mark{background:#ff9eb5;border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #ff9eb5}.toast{z-index:10;top:calc(max(75px, env(safe-area-inset-top)) + 62px);color:#faf5f8e6;text-align:center;opacity:0;visibility:hidden;pointer-events:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0b0d17e0;border:1px solid #f0edfa29;border-radius:999px;max-width:calc(100% - 36px);padding:10px 14px;font-size:12px;line-height:1.45;transition:opacity .18s,transform .18s,visibility .18s;position:absolute;left:50%;transform:translate(-50%,-5px)}.toast.is-visible{opacity:1;visibility:visible;transform:translate(-50%)}.toast.is-error{color:#ffdce5;border-color:#ff91ae59}.universe.is-focused .title-block{opacity:.35;transition:opacity .25s}.universe.is-focused .shape-switch,.universe.is-focused .scene-status{opacity:.48}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.58;transform:scale(.82)}}@media (width<=680px){.topbar{top:max(15px, env(safe-area-inset-top));gap:12px;left:15px;right:15px}.brand-symbol{width:34px;height:34px;font-size:17px}.brand-kicker{letter-spacing:.16em;font-size:8px}.brand-name{font-size:13px}.top-actions{gap:7px}.music-button,.camera-button{gap:7px;min-height:38px;padding:0 11px}.music-label{display:none}.music-glyph{font-size:17px}.camera-button{font-size:11px}.title-block{top:max(91px, calc(env(safe-area-inset-top) + 78px));width:calc(100% - 24px)}.title-eyebrow{margin-bottom:10px;font-size:9px}.title-block h1{letter-spacing:.055em;font-size:clamp(23px,6.3vw,32px)}.subtitle{letter-spacing:.055em;margin-top:8px;font-size:12px}.shape-switch{top:max(164px, calc(env(safe-area-inset-top) + 151px))}.shape-option{min-width:82px;padding:8px 12px}.scene-status{top:max(213px, calc(env(safe-area-inset-top) + 202px));font-size:9px}.control-dock{bottom:max(12px, env(safe-area-inset-bottom));border-radius:16px;width:calc(100% - 22px);padding:8px 7px 7px}.action-row{gap:2px}.action-button{border-radius:11px;gap:6px;min-height:58px;padding:7px 4px}.action-icon{flex-basis:27px;width:27px;height:27px;font-size:15px}.action-button strong{font-size:10px}.action-button small{font-size:9px}.dock-footnote{margin:4px 5px 0;padding-top:6px;font-size:9px}.drag-hint{display:none}.camera-preview{right:12px;bottom:max(132px, calc(env(safe-area-inset-bottom) + 130px));border-radius:10px;width:118px}.photo-focus{bottom:max(166px, calc(env(safe-area-inset-bottom) + 158px));min-width:164px;padding:10px 14px}.focus-caption{font-size:15px}.toast{top:calc(max(60px, env(safe-area-inset-top)) + 54px);font-size:11px}}@media (width<=365px){.brand{gap:8px}.brand-symbol{width:30px;height:30px}.camera-button{padding:0 9px;font-size:10px}.action-button{flex-direction:column;gap:4px;min-height:65px}.action-button>span:last-child{flex-direction:column;align-items:center;gap:2px;display:flex}.action-button small{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}