@font-face{font-family:system;src:local("Microsoft YaHei")}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#0c1110;color:#e4e0ce;font-family:Arial,system,sans-serif}body{overflow:hidden}#stage{position:fixed;inset:0;background:radial-gradient(ellipse at 48% 46%,#23352e 0,#0c1412 48%,#060b0a 100%)}canvas,video{position:absolute;width:100%;height:100%;inset:0}canvas{touch-action:none}video{object-fit:cover;transform:scaleX(-1)}.grain{position:fixed;inset:0;pointer-events:none;opacity:.09;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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.shade{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#050a09aa,transparent 34%,transparent 70%,#050a0999),linear-gradient(0deg,#050a09cc,transparent 20%,transparent 86%,#050a0977)}header{position:fixed;top:30px;left:38px;right:38px;display:flex;align-items:center;gap:32px}.brand{color:#e4e0ce;font-size:19px;letter-spacing:3px;text-decoration:none;font-weight:bold}.edition{font:10px monospace;letter-spacing:1px;color:#919c91}.back{margin-left:auto;color:#babdaf;text-decoration:none;font-size:11px}.topline{position:fixed;left:38px;top:100px;display:flex;gap:12px;align-items:center;font:9px monospace;letter-spacing:2px;color:#b3bdb0}.live-dot{width:5px;height:5px;background:#bd3c39;border-radius:50%;box-shadow:0 0 14px #a73835}.line{width:35px;height:1px;background:#717d73}.title{position:fixed;left:6%;bottom:19%;pointer-events:none}.eyebrow{font:10px monospace;letter-spacing:4px;color:#bba67e}h1{font-family:Georgia,"Songti SC","SimSun",serif;font-size:clamp(48px,6vw,88px);font-weight:400;line-height:1.1;margin:25px 0;letter-spacing:4px}h1 span{display:block;color:#b43a32;margin-left:32px}.intro{font-size:12px;line-height:2.1;color:#afbbaf}.instruction{font-size:10px;line-height:1.8;color:#8d9c8f;max-width:220px;margin-top:28px}.panel{position:fixed;top:50%;right:38px;transform:translateY(-45%);width:252px;padding:22px;border:1px solid #a8b7a626;background:#09120fd6;backdrop-filter:blur(18px)}.panel-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:2px;margin-bottom:22px}.serial{font:8px monospace;color:#8f9c8e;letter-spacing:1px}button{font:11px Arial,system,sans-serif;border:1px solid #65776966;background:#12231b;color:#d1d8c7;cursor:pointer;min-height:38px;padding:10px}button:hover{background:#293b2c}button:disabled{opacity:.35;cursor:default}.primary{display:flex;align-items:center;justify-content:space-between;width:100%;background:#b23630;border:1px solid #d16857;color:#fff2df;min-height:44px;font-size:12px}.primary:hover{background:#cc463c}.privacy{font-size:9px;line-height:1.9;color:#8f9f90;margin:12px 0}#status{font-size:10px;line-height:1.7;min-height:30px;color:#baa77b;border-top:1px solid #52665344;padding-top:14px;margin:12px 0 20px}label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#bdc7b7}output{font:10px monospace;color:#cfa78c}input{width:100%;margin:13px 0 22px;accent-color:#bb5144;height:3px}.switches{display:grid;grid-template-columns:1fr 1fr;gap:7px}.switches button[aria-pressed=true]{border-color:#b46b51;color:#f4bca1}.footnote{font-size:8px;text-align:center;color:#748576;letter-spacing:1px;margin:20px 0 0}footer{position:fixed;bottom:27px;left:38px;right:38px;display:flex;justify-content:space-between;color:#788d7c;font:8px monospace;letter-spacing:1px;pointer-events:none}:focus-visible{outline:2px solid #ffe0ad;outline-offset:4px}body.camera-active .title{opacity:.6}body.camera-active .intro{display:none}body.camera-active h1{font-size:40px}body.camera-active #demoControls{display:none}@media(max-width:700px){header{top:19px;left:20px;right:20px;gap:12px}.brand{font-size:14px;letter-spacing:1px}.edition{font-size:8px;letter-spacing:0}.back{font-size:9px}.topline{top:65px;left:20px;font-size:8px;gap:8px}.title{left:20px;top:105px;bottom:auto}.eyebrow{font-size:7px;letter-spacing:2px;margin:0}h1{font-size:31px;margin:12px 0;line-height:1.15;letter-spacing:2px}h1 span{margin-left:15px}.intro{font-size:9px;line-height:1.8;max-width:100px}.instruction{display:none}.panel{top:auto;bottom:48px;left:16px;right:16px;width:auto;transform:none;padding:15px 17px;background:#09120feb}.panel-heading{margin-bottom:10px;font-size:10px}.primary{min-height:38px}#status{padding:7px 0;margin:5px 0 12px;min-height:0;font-size:9px}.privacy{font-size:8px;margin:6px 0}.panel label{font-size:9px}input{margin:9px 0 12px}#demoControls{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}#demoControls label:first-child{grid-column:1;grid-row:1}#jaw{grid-column:1;grid-row:2}#demoControls label:nth-of-type(2){grid-column:2;grid-row:1}#smile{grid-column:2;grid-row:2}.switches{grid-template-columns:repeat(4,1fr);gap:5px}.switches button{font-size:9px;min-height:32px;padding:7px 3px}.footnote{display:none}footer{left:20px;right:20px;bottom:20px;font-size:6px;letter-spacing:0}body.camera-active .title{opacity:.45}body.camera-active h1{font-size:27px}}@media(max-height:650px) and (min-width:701px){.panel{padding:16px;top:51%;transform:translateY(-45%)}.panel-heading{margin-bottom:12px}input{margin:8px 0 12px}#status{margin:7px 0 12px;padding-top:9px}.privacy{margin:7px 0}.title{bottom:15%}h1{font-size:58px}}
@media(max-width:700px){.title{top:88px;left:20px}.title .eyebrow,.title .intro{display:none}.title h1{display:flex;gap:3px;font-size:22px;line-height:1;margin:0}.title h1 span{margin:0}body.camera-active .title h1{font-size:22px}}
@font-face{font-family:"ONEZEN Title Song";src:url("assets/title-song-extrabold.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}.title h1{font-family:"ONEZEN Title Song","Noto Serif SC","SimSun",serif;font-weight:800;font-synthesis:none}.title .english-title{font:600 12px/1.5 Arial,sans-serif;letter-spacing:3px;color:#c5b591;margin:14px 0 22px}@media(max-width:700px){.title{top:82px}.title .english-title{display:block;font-size:8px;letter-spacing:1.5px;margin:5px 0 0}}
#video{z-index:0}#videoCurtain{position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse at 48% 46%,#23352e 0,#0c1412 48%,#060b0a 100%)}#scene{z-index:2}