:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-soft:#edf2d9;--bg-leaf:#b9d69a;--bg-shadow:#355440;--text-main:#18341c;--text-muted:#4d684f;--text-error:#7c1f1f;--text-success:#1b5f2a;--button-bg:#264f31;--button-bg-hover:#173721;--button-text:#f6f8ed}html,body{height:100%;margin:0}body{color:var(--text-main);background:radial-gradient(circle at top, #ffffff73, transparent 32%), radial-gradient(circle at 18% 20%, #fafcf1d9, transparent 22%), radial-gradient(circle at 82% 18%, #60895629, transparent 18%), linear-gradient(145deg, var(--bg-soft) 0%, var(--bg-leaf) 54%, #9fc08f 100%);font-family:Optima,Candara,Trebuchet MS,sans-serif;overflow:hidden}body:before,body:after{content:"";pointer-events:none;z-index:0;filter:blur(18px);position:fixed;inset:auto}body:before{background:#fff8e280;border-radius:50%;width:28rem;height:28rem;top:-12rem;right:-9rem}body:after{background:#35544029;border-radius:50%;width:26rem;height:26rem;bottom:-12rem;left:-12rem}.app-shell{width:100%;height:100%;position:relative}#mirror-canvas{z-index:1;width:100%;height:100%;display:block;position:relative}#webcam{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.hud{z-index:2;opacity:1;pointer-events:none;flex-direction:column;gap:.55rem;width:min(28rem,100vw - 2rem);transition:opacity .18s;display:flex;position:absolute;bottom:clamp(1rem,2vw,2rem);left:clamp(1rem,2vw,2rem)}.hud.is-hidden{opacity:0}.status{letter-spacing:.08em;text-transform:uppercase;text-shadow:0 .1rem .9rem #f5f7e8a6;margin:0;font-size:.9rem;line-height:1.45}.status[data-tone=muted]{color:var(--text-muted)}.status[data-tone=success]{color:var(--text-success)}.status[data-tone=error]{color:var(--text-error)}.retry-button{background:var(--button-bg);color:var(--button-text);font:inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;pointer-events:auto;border:0;border-radius:999px;align-self:flex-start;padding:.7rem 1rem;transition:background-color .16s,transform .16s}.retry-button:hover,.retry-button:focus-visible{background:var(--button-bg-hover);transform:translateY(-1px)}@media (width<=700px){.hud{width:auto;right:1rem}.status{font-size:.82rem}}