:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--ink:#f4fbff;--muted:#dff1f7a8;--line:#ddf4fa29;--glass:#07141d94;--cyan:#7de8ef;--cyan-strong:#a6fbf1;--gold:#ffd883;--safe-top:max(18px, env(safe-area-inset-top));--safe-bottom:max(18px, env(safe-area-inset-bottom));font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--ink);background:#061018}button,input,select{font:inherit}button{color:inherit}#app{isolation:isolate;background:radial-gradient(circle at 62% 36%,#4587923b,#0000 36%),linear-gradient(155deg,#0c2630 0%,#07131b 55%,#040a0f 100%);min-height:100svh;position:relative}#camera,#camera-placeholder,#effects-host,.scene-shade,.flash{width:100%;height:100%;position:absolute;inset:0}#camera{z-index:0;object-fit:cover;opacity:0;transition:opacity .7s;transform:scaleX(-1)}#camera.ready{opacity:1}#camera-placeholder{z-index:-1;background:linear-gradient(120deg,#0000 48%,#74e0e708 48% 52%,#0000 52%) 0 0/42px 42px,radial-gradient(#529ca433,#0000 48%)}#effects-host{z-index:2;pointer-events:none}#effects-host canvas{width:100%;height:100%;display:block}.scene-shade{z-index:3;pointer-events:none;background:linear-gradient(#020a0f99 0%,#0000 24% 65%,#02080ca8 100%),radial-gradient(#0000 35%,#0106094d 100%)}.flash{z-index:4;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 55%,#fff9d7f0,#97f5ff42 38%,#0000 72%)}.flash.active{animation:.42s ease-out flash-bloom}@keyframes flash-bloom{0%{opacity:0}22%{opacity:.75}to{opacity:0}}.topbar{z-index:10;top:var(--safe-top);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;left:clamp(18px,3vw,42px);right:clamp(18px,3vw,42px)}.brand{letter-spacing:.19em;text-shadow:0 2px 16px #0000006b;align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.brand-mark{border:1.5px solid var(--cyan-strong);border-radius:60% 60% 68% 68%/48% 48% 80% 80%;width:15px;height:20px;display:inline-block;transform:rotate(45deg);box-shadow:inset 0 0 8px #7de8ef47,0 0 14px #7de8ef2e}.glass-button,.icon-button,.primary-button,.preset-card,.panel-scrim{cursor:pointer;border:0}.glass-button{pointer-events:auto;min-height:42px;color:var(--ink);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px)saturate(125%);backdrop-filter:blur(18px)saturate(125%);background:#04101794;border-radius:999px;align-items:center;gap:9px;padding:0 17px;transition:border-color .18s,background .18s,transform .18s;display:flex;box-shadow:inset 0 1px #ffffff14,0 10px 35px #0000002e}.glass-button:hover{background:#0a1f27b3;border-color:#a6fbf166}.glass-button:active{transform:scale(.97)}.tune-icon{width:15px;height:12px;display:inline-block;position:relative}.tune-icon:before,.tune-icon:after{content:"";background:currentColor;height:1px;position:absolute;inset-inline:0;box-shadow:0 5px,0 10px}.tune-icon:after{background:currentColor;border:2px solid #07131b;border-radius:50%;width:3px;height:3px;top:-2px;left:3px;box-shadow:6px 5px 0 -1px,2px 10px 0 -1px}.status-zone{z-index:8;pointer-events:none;flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.expression-pill{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);letter-spacing:.04em;background:#0510168f;border-radius:999px;align-items:center;gap:9px;padding:9px 14px;font-size:13px;transition:border-color .24s,color .24s,background .24s;display:flex;box-shadow:0 9px 30px #0003}.status-dot{background:#80939a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #80939a1a}.expression-pill[data-state=NEUTRAL] .status-dot{background:#d5ecf0;box-shadow:0 0 0 4px #d5ecf01a}.expression-pill[data-state=SMILE]{color:var(--cyan-strong);background:#0720279e;border-color:#7de8ef52}.expression-pill[data-state=SMILE] .status-dot{background:var(--cyan);box-shadow:0 0 0 4px #7de8ef21, 0 0 12px var(--cyan)}.expression-pill[data-state=LAUGH]{color:#fff0c5;background:#2b1f0c8c;border-color:#ffd88366}.expression-pill[data-state=LAUGH] .status-dot{background:var(--gold);box-shadow:0 0 0 4px #ffd88321, 0 0 14px var(--gold)}.experience-hint{color:#edf9fbb8;letter-spacing:.08em;text-shadow:0 2px 12px #0009;margin:0;font-size:12px;transition:opacity .22s}.telemetry{z-index:8;left:50%;bottom:var(--safe-bottom);border:1px solid var(--line);-webkit-backdrop-filter:blur(20px)saturate(130%);backdrop-filter:blur(20px)saturate(130%);background:#040f158f;border-radius:18px;align-items:center;gap:clamp(13px,2vw,24px);min-width:min(520px,100vw - 36px);padding:12px 20px;display:flex;position:absolute;transform:translate(-50%);box-shadow:inset 0 1px #ffffff0f,0 18px 45px #0003}.metric{flex-direction:column;flex:1;align-items:center;gap:3px;min-width:0;display:flex}.metric-label{color:var(--muted);white-space:nowrap;font-size:10px}.metric strong{color:#f2fbfd;white-space:nowrap;font-size:12px;font-weight:650}.metric strong small{color:var(--muted);font-size:9px;font-weight:500}.metric-divider{background:var(--line);width:1px;height:27px}.settings-panel{z-index:30;width:min(390px,100vw);height:100%;padding:max(25px, env(safe-area-inset-top)) 25px max(24px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(30px)saturate(125%);backdrop-filter:blur(30px)saturate(125%);background:#051017f0;border-left:1px solid #def8fa21;transition:transform .36s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;right:0;overflow-y:auto;transform:translate(102%);box-shadow:-28px 0 70px #00000047}.settings-panel.open{transform:translate(0)}.panel-heading{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.eyebrow{color:var(--cyan);letter-spacing:.2em;margin:0 0 7px;font-size:10px;font-weight:750}.panel-heading h2{letter-spacing:-.03em;margin:0;font-size:25px;font-weight:580}.icon-button{width:36px;height:36px;color:var(--muted);background:#ffffff0f;border-radius:50%;font-size:24px;font-weight:200;line-height:1}.icon-button:hover{color:#fff;background:#ffffff1a}.preset-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.preset-card{border:1px solid var(--line);text-align:left;background:#ffffff09;border-radius:13px;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:72px;padding:12px 10px;display:flex}.preset-card span{font-size:13px;font-weight:650}.preset-card small{color:var(--muted);font-size:9px}.preset-card:hover{border-color:#7de8ef47}.preset-card.active{background:linear-gradient(145deg,#3d929933,#0b2d332e);border-color:#7de8ef8c;box-shadow:inset 0 0 0 1px #7de8ef14}.preset-card.active span{color:var(--cyan-strong)}.advanced-settings{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:20px}.advanced-settings summary{cursor:pointer;justify-content:space-between;align-items:center;padding:17px 0;font-size:13px;font-weight:630;list-style:none;display:flex}.advanced-settings summary::-webkit-details-marker{display:none}.advanced-settings summary span{color:var(--muted);transition:transform .18s}.advanced-settings[open] summary span{transform:rotate(180deg)}.setting-list{gap:2px;padding-bottom:15px;display:grid}.setting-list>label{color:#f0fafce0;border-bottom:1px solid #ffffff0e;justify-content:space-between;align-items:center;gap:16px;min-height:51px;font-size:12px;display:flex}.setting-list>label:last-child{border-bottom:0}.setting-list select{min-width:100px;color:var(--ink);border:1px solid var(--line);background:#0d242c;border-radius:9px;outline:none;padding:8px 27px 8px 10px;font-size:11px}.range-setting{flex-wrap:wrap;padding:12px 0}.range-setting>span{justify-content:space-between;width:100%;display:flex}.range-setting output{color:var(--cyan);font-variant-numeric:tabular-nums}.range-setting input{width:100%;accent-color:var(--cyan)}.switch-setting span{flex-direction:column;gap:3px;display:flex}.switch-setting small{color:var(--muted);font-size:9px;font-weight:400}.switch-setting input{opacity:0;pointer-events:none;position:absolute}.switch-setting i{background:#ffffff26;border-radius:20px;flex:none;width:35px;height:20px;transition:background .18s;position:relative}.switch-setting i:after{content:"";background:#dce5e6;border-radius:50%;width:14px;height:14px;transition:transform .18s;position:absolute;top:3px;left:3px}.switch-setting input:checked+i{background:#3aaab0}.switch-setting input:checked+i:after{background:#fff;transform:translate(15px)}.panel-note{color:var(--muted);align-items:center;gap:8px;margin:16px 0 0;font-size:10px;display:flex}.panel-note span{color:#5bba9f;font-size:7px}.panel-scrim{z-index:29;opacity:0;pointer-events:none;background:#0005087a;width:100%;height:100%;transition:opacity .26s;position:absolute;inset:0}.panel-scrim.open{opacity:1;pointer-events:auto}.permission-overlay{z-index:40;background:radial-gradient(circle at 50% 45%,#3b7a832e,#0000 38%),linear-gradient(145deg,#05141ce6,#02090df5);place-items:center;padding:24px;transition:opacity .52s,visibility .52s;display:grid;position:absolute;inset:0}.permission-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.permission-card{text-align:center;width:min(460px,100%)}.permission-card .eyebrow{margin-bottom:18px}.permission-card h1{letter-spacing:-.065em;text-shadow:0 18px 50px #00000047;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(66px,12vw,108px);font-weight:400;line-height:.73}.permission-card h1 em{color:var(--cyan-strong);font-weight:400;position:relative;left:.22em}.permission-card .lead{color:#eaf7f9bf;letter-spacing:.1em;margin:35px 0 28px;font-size:clamp(15px,2vw,18px);line-height:1.75}.rain-orbit{width:130px;height:38px;margin:0 auto 15px;position:relative}.rain-orbit:before{content:"";background:linear-gradient(#0000,#7de8efa6);width:1px;height:35px;position:absolute;top:-2px;left:50%;transform:rotate(16deg)}.rain-orbit span{opacity:.7;background:linear-gradient(#0000,#a9fbff);border-radius:99px;width:2px;height:19px;animation:1.6s ease-in-out infinite intro-rain;position:absolute;transform:rotate(16deg)}.rain-orbit span:first-child{animation-delay:-.8s;top:9px;left:21px}.rain-orbit span:nth-child(2){height:26px;animation-delay:-.25s;top:-1px;right:29px}.rain-orbit span:nth-child(3){height:14px;animation-delay:-.55s;top:16px;right:5px}@keyframes intro-rain{0%,to{opacity:.2;transform:translateY(-5px)rotate(16deg)}50%{opacity:1;transform:translateY(5px)rotate(16deg)}}.primary-button{color:#071b20;letter-spacing:.05em;background:linear-gradient(135deg,#c5fff5,#72dce4);border-radius:99px;justify-content:center;align-items:center;gap:11px;min-width:205px;min-height:54px;padding:0 24px;font-size:14px;font-weight:750;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 18px 38px #26adb533,inset 0 1px #ffffffb3}.primary-button:hover{transform:translateY(-2px);box-shadow:0 22px 46px #26adb547,inset 0 1px #ffffffb3}.primary-button:active{transform:translateY(0)scale(.98)}.primary-button:disabled{opacity:.6;cursor:wait}.camera-icon{border:1.7px solid;border-radius:3px;width:17px;height:13px;position:relative}.camera-icon:before{content:"";border:1.7px solid;border-bottom:0;border-radius:3px 3px 0 0;width:7px;height:4px;position:absolute;top:-5px;left:4px}.camera-icon:after{content:"";border:1px solid;border-radius:50%;width:4px;height:4px;position:absolute;top:3px;left:5px}.permission-message{color:#ffb6ad;min-height:21px;margin:15px 0 0;font-size:12px;line-height:1.5}.privacy-note{color:#d6ebee80;justify-content:center;align-items:center;gap:8px;margin:12px 0 0;font-size:10px;display:flex}.lock-icon{border:1px solid;border-radius:2px;width:10px;height:8px;position:relative}.lock-icon:before{content:"";border:1px solid;border-bottom:0;border-radius:5px 5px 0 0;width:4px;height:5px;position:absolute;top:-6px;left:2px}.toast{z-index:50;left:50%;top:calc(var(--safe-top) + 56px);color:#eefbfd;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;pointer-events:none;text-align:center;background:#071a21e0;border:1px solid #a6fbf133;border-radius:99px;max-width:min(430px,100vw - 36px);padding:11px 17px;font-size:11px;transition:opacity .22s,transform .22s;position:absolute;transform:translate(-50%,-16px);box-shadow:0 16px 45px #00000042}.toast.show{opacity:1;transform:translate(-50%)}:focus-visible{outline:2px solid var(--cyan-strong);outline-offset:3px}@media (max-width:640px){.brand{font-size:10px}.glass-button{min-height:38px;padding:0 14px;font-size:12px}.status-zone{top:46%}.telemetry{border-radius:15px;gap:10px;padding:10px 14px}.camera-metric,.camera-metric+.metric-divider,.metric-divider:last-of-type{display:none}.permission-card .lead{margin-top:30px}}@media (max-height:620px){.permission-card h1{font-size:64px}.rain-orbit{display:none}.permission-card .lead{margin:24px 0 18px}.privacy-note{margin-top:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}