:root{color-scheme:dark;--accent:#ff9ac2;--text:#f7eff7;--muted:#a99ab3;--surface:rgba(35,26,45,.66);font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;background:#100c19;color:var(--text)}
*{box-sizing:border-box}html,body{margin:0;min-width:320px;width:100%;height:100%;overflow:hidden}body{background:radial-gradient(ellipse at 64% 43%,#29142d 0%,#171021 38%,#100d18 73%)}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{border:0}button:disabled{cursor:wait;opacity:.65}a{color:inherit;text-decoration:none}[hidden]{display:none!important}#heart-canvas{position:fixed;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}#heart-canvas:active{cursor:grabbing}.grain{pointer-events:none;position:fixed;inset:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23n)'/%3E%3C/svg%3E")}.topbar{position:fixed;z-index:2;top:0;left:0;right:0;padding:32px 4.4%;display:flex;justify-content:space-between;align-items:center}.wordmark{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;letter-spacing:3px}.wordmark i{font-style:normal;color:#74647d;padding:0 7px}.brand-heart{font-family:Georgia,serif;font-size:35px;line-height:1;font-weight:400;color:var(--accent)}.live-pill{display:flex;gap:9px;align-items:center;font-size:11px;letter-spacing:1px;color:#c5b6cd;border:1px solid #ffffff13;border-radius:30px;padding:10px 14px;background:#ffffff03}.live-pill>span:first-child{width:5px;height:5px;background:var(--accent);border-radius:100%;box-shadow:0 0 10px var(--accent)}.intro{position:fixed;top:26%;left:7.2%;pointer-events:none;z-index:1}.eyebrow{font-size:9px;color:#bc9bb6;letter-spacing:2.4px;display:flex;gap:10px;align-items:center}.eyebrow>span{display:inline-block;width:22px;height:1px;background:#cb7b9e}h1{font-size:clamp(40px,4.15vw,68px);font-weight:400;line-height:1.38;letter-spacing:4px;margin:27px 0 20px;font-family:"Songti SC","Noto Serif CJK SC","SimSun",serif}h1 span{color:var(--accent)}.intro p{font-size:12px;line-height:2.1;color:#b4a3bd;letter-spacing:1.3px;margin:0}.intro-line{width:35px;height:1px;background:linear-gradient(90deg,#b77f9b,#b77f9b00);margin:28px 0 16px}.dedication{font-size:10px;letter-spacing:1.5px;color:#806f8b}.orbit-label{position:fixed;right:4.5%;top:42%;writing-mode:vertical-rl;display:flex;gap:50px;color:#78637c;font-size:8px;letter-spacing:2px;pointer-events:none}.orbit-label span:last-child{color:#504255}.control-dock{position:fixed;z-index:3;bottom:87px;left:7.2%;right:7.2%;border:1px solid #f4c8ee1c;background:linear-gradient(115deg,#37283c8c,#231b2e9c);backdrop-filter:blur(20px);border-radius:19px;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 16px 60px #00000021;gap:20px}.interaction-controls,.appearance-controls{display:flex;align-items:center;gap:12px}.camera-button{border-radius:11px;background:linear-gradient(120deg,#ffb2cc,#e893c6);color:#3e233d;padding:14px 18px;display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600;transition:transform .2s,box-shadow .2s;white-space:nowrap;box-shadow:0 4px 20px #ff90c018}.camera-button:hover{transform:translateY(-2px);box-shadow:0 6px 25px #ff90c035}.camera-button svg,.icon-button svg{width:20px;height:20px}.camera-button.on{background:#463047;color:#ffbed8;border:1px solid #b3749d60}.icon-button{width:43px;height:46px;display:grid;place-items:center;border-radius:10px;background:#ffffff06;border:1px solid #ffffff0b;color:#d8abc9;transition:background .2s}.icon-button:hover{background:#ffffff11}.control-help{font-size:11px;letter-spacing:.5px;margin-left:4px;line-height:1.8;color:#cfbdd7}.control-help small{display:block;font-size:9px;color:#887991;letter-spacing:.2px}.appearance-controls{gap:20px}.palettes{margin:0;padding:0;border:0;display:flex;gap:10px;align-items:center}.palettes legend{float:left;font-size:10px;color:#a38eac;margin-right:16px;padding:0}.swatch{height:18px;width:18px;border-radius:50%;position:relative;background:linear-gradient(140deg,#ffc7d8,#da73b3)}.swatch[data-palette=violet]{background:linear-gradient(140deg,#a4f4f4,#ad8cf1)}.swatch[data-palette=peach]{background:linear-gradient(140deg,#ffedb4,#f6a494)}.swatch.active:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid #e9cbe8a0}.dock-divider{height:28px;width:1px;background:#ffffff10}.size-control{font-size:10px;color:#a38eac;display:flex;gap:12px;align-items:center;white-space:nowrap}.size-control input{width:75px;height:3px;accent-color:#f2add1;cursor:pointer}.size-control output{font-size:9px;color:#b9a7c1;width:30px;font-variant-numeric:tabular-nums}.text-button{padding:6px 0;background:none;color:#aa94b4;font-size:10px;white-space:nowrap}.text-button span{font-size:18px;margin-left:5px}footer{position:fixed;z-index:2;left:7.2%;right:7.2%;bottom:32px;display:flex;justify-content:space-between;align-items:center;color:#73657f;font-size:9px;letter-spacing:1px}footer button{background:none;color:#9d87a9;font-size:10px}footer button span{margin-left:8px}.privacy-note{font-size:9px;letter-spacing:.5px}.camera-preview{position:fixed;right:7.2%;bottom:208px;width:210px;height:158px;border:1px solid #c794b450;background:#1b1425;border-radius:14px;overflow:hidden;z-index:4;box-shadow:0 10px 40px #0005}.camera-preview video,.camera-preview>canvas{position:absolute;width:100%;height:100%;object-fit:cover}.camera-preview video{transform:scaleX(-1)}.preview-heading{position:absolute;top:0;left:0;right:0;padding:10px 12px;background:linear-gradient(#0009,transparent);display:flex;justify-content:space-between;font-size:9px}.preview-heading i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#ffacce;margin-right:7px}.preview-heading button{background:#0003;border-radius:4px;padding:0 5px;line-height:16px}.hand-status{position:absolute;bottom:9px;left:0;right:0;text-align:center;font-size:9px;text-shadow:0 1px 5px #000}.restore-preview{position:fixed;right:7.2%;bottom:205px;z-index:4;background:#302238;border:1px solid #ffffff18;border-radius:8px;padding:9px 12px;font-size:10px;color:#cfafcd}.toast{position:fixed;left:50%;top:106px;transform:translateX(-50%);z-index:10;max-width:min(480px,90vw);width:max-content;border:1px solid #dc98bc35;border-radius:12px;background:#2c1d35eb;backdrop-filter:blur(10px);padding:14px 20px;font-size:12px;color:#ebd7e8;line-height:1.8;box-shadow:0 8px 40px #0005}
@media(min-width:1500px){.control-dock{left:12%;right:12%}.intro{left:12%}footer{left:12%;right:12%}}
@media(max-width:1150px){.control-help{display:none}.appearance-controls{gap:15px}.control-dock{left:5%;right:5%}.intro{left:6%}.palettes legend{display:none}footer{left:5%;right:5%}}
@media(max-width:760px){.topbar{padding:23px 6%}.wordmark{font-size:11px;letter-spacing:2px;gap:8px}.brand-heart{font-size:29px}.live-pill{font-size:9px;padding:8px 10px;gap:7px}.intro{top:15%;left:7%;right:7%}.eyebrow{font-size:8px;letter-spacing:1.7px}h1{font-size:36px;line-height:1.3;letter-spacing:3px;margin:18px 0 13px}.intro p{font-size:10px;line-height:1.9}.intro-line,.dedication{display:none}.orbit-label{display:none}.control-dock{bottom:69px;left:5%;right:5%;padding:14px;border-radius:16px;flex-direction:column;gap:16px}.interaction-controls{width:100%;gap:10px}.camera-button{padding:12px 16px;flex:1;justify-content:center;font-size:12px}.icon-button{height:44px;width:44px}.control-help{display:block;flex:1;text-align:right}.control-help span{font-size:10px}.control-help small{display:none}.appearance-controls{width:100%;justify-content:space-between;gap:12px}.palettes{gap:12px}.swatch{height:17px;width:17px}.dock-divider{height:20px}.size-control{gap:8px;font-size:9px}.size-control input{width:65px}.text-button{font-size:9px}footer{bottom:22px;left:6%;right:6%;font-size:8px}footer>span:first-child{display:none}.privacy-note{font-size:8px}.camera-preview{width:142px;height:107px;right:6%;bottom:238px}.restore-preview{bottom:235px;right:6%}.toast{top:83px;font-size:11px}}
@media(max-width:420px){.control-help{display:none}.size-control{gap:5px}.size-control input{width:49px}.appearance-controls{gap:9px}.size-control output{width:27px}.dock-divider{display:none}h1{font-size:32px}.intro{top:15%}}
@media(max-width:760px) and (max-height:740px){.intro{top:13%}h1{font-size:28px;margin:14px 0 10px}.intro p{font-size:9px;line-height:1.8}.eyebrow{font-size:7px;letter-spacing:1.5px}}
@media(max-height:650px) and (min-width:761px){.intro{top:21%}h1{font-size:42px;margin:18px 0 12px}.intro-line{margin:18px 0 12px}.control-dock{bottom:65px;padding:13px 18px}footer{bottom:22px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
body{background:radial-gradient(ellipse at 50% 43%,#29142d 0%,#171021 38%,#100d18 73%)}
.control-dock{bottom:max(30px,env(safe-area-inset-bottom))}
.camera-preview{bottom:150px}.restore-preview{bottom:147px}
@media(max-width:760px){.control-dock{bottom:max(22px,env(safe-area-inset-bottom))}.camera-preview{bottom:190px}.restore-preview{bottom:187px}}