*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:#04060c;color:#e9eef7;font-family:Inter,system-ui,sans-serif;cursor:none}.preview-screen{cursor:default}.screen{position:relative;width:100vw;height:100vh;background:radial-gradient(1400px 900px at 80% -20%,rgba(40,70,120,.18),transparent 60%),radial-gradient(1000px 800px at -10% 120%,rgba(60,40,110,.12),transparent 55%),#04060c}.grid{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(8,1fr);gap:0;padding:0}.cell{min-width:0;min-height:0;display:flex;flex-direction:column;justify-content:center;position:relative;padding:1.6vmin;font-size:calc(1rem * var(--wscale, 1))}.cell.cell-fill{padding:0}.surface-none>*{background:transparent;border:none;box-shadow:none}.surface-card .card,.surface-glass .card{height:100%}.surface-glass .card{background:#ffffff0f;border-color:#ffffff1f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.cell.cell-fill>.photo-frame{border-radius:0}.text-shadowed,.text-shadowed *{text-shadow:0 2px 24px rgba(0,0,0,.85),0 1px 4px rgba(0,0,0,.6)}.card{background:#ffffff09;border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:20px 24px;height:100%;overflow:hidden;width:100%}.muted{color:#e9eef78c}.widget-label{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#e9eef766;margin-bottom:8px}.pairing{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.pairing-code{display:flex;gap:14px}.pairing-code span{width:84px;height:108px;display:flex;align-items:center;justify-content:center;font-size:56px;font-weight:300;border-radius:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12)}.identify{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#04060cd9;z-index:60;font-size:8vw;font-weight:200;letter-spacing:.05em;animation:identify-pulse 1.2s ease-in-out infinite alternate}@keyframes identify-pulse{0%{opacity:.75}to{opacity:1}}.face-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;background:#020308b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity 1.1s ease}.face-overlay.visible{opacity:1}.face-overlay canvas{width:100%;height:100%;display:block}.face-state-hint{position:absolute;bottom:40px;width:100%;text-align:center;font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;color:#e9eef773}.assistant-captions{position:absolute;bottom:110px;left:50%;transform:translate(-50%);width:min(760px,84vw);text-align:center;z-index:55;display:flex;flex-direction:column;gap:10px;pointer-events:none}.caption-user{font-size:1rem;color:#e9eef78c}.caption-partial{font-size:1rem;font-style:italic;color:#e9eef773}.caption-reply{font-size:1.25rem;font-weight:300;line-height:1.5;text-shadow:0 2px 18px rgba(0,0,0,.8)}.caption-error{font-size:1rem;color:#fca5a5}.mic-btn{position:absolute;bottom:28px;left:50%;transform:translate(-50%);width:58px;height:58px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:#e9eef7bf;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:70;transition:all .25s ease}.mic-btn:hover{background:#ffffff1f}.mic-btn.listening{border-color:#7dd3fc;color:#7dd3fc;box-shadow:0 0 #7dd3fc80;animation:mic-pulse 1.6s ease-out infinite}.mic-btn.speaking{border-color:#fff6;color:#fff}@keyframes mic-pulse{0%{box-shadow:0 0 #7dd3fc73}to{box-shadow:0 0 0 22px #7dd3fc00}}.ask-overlay{position:absolute;bottom:180px;left:50%;transform:translate(-50%);z-index:72}.ask-input{width:min(560px,80vw);padding:14px 22px;font-size:1.1rem;font-family:inherit;color:#e9eef7;background:#0a0e18d9;border:1px solid rgba(125,211,252,.5);border-radius:999px;outline:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.timer-row{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:65}.timer-chip{display:flex;align-items:center;gap:12px;padding:8px 18px;border-radius:999px;background:#0a0e18cc;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.timer-chip.done{border-color:#86efac}.timer-label{font-size:.85rem;color:#e9eef799}.timer-time{font-size:1.05rem;font-variant-numeric:tabular-nums}.reminder-banner{position:absolute;top:20px;left:50%;transform:translate(-50%);padding:12px 26px;border-radius:16px;background:#7dd3fc1f;border:1px solid rgba(125,211,252,.45);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:1.05rem;z-index:66;animation:identify-pulse 1.4s ease-in-out infinite alternate}.camera-indicator{position:absolute;top:18px;right:22px;display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:#0a0e18bf;border:1px solid rgba(255,255,255,.12);font-size:.75rem;color:#e9eef7b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:68}.camera-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;animation:camera-blink 2.4s ease-in-out infinite}@keyframes camera-blink{0%,to{opacity:1}50%{opacity:.35}}.enroll-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:80;background:#04060ceb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.enroll-title{font-size:2rem;font-weight:200}.enroll-message{font-size:1.15rem;color:#e9eef7a6}.enroll-bar{width:min(420px,60vw);height:6px;border-radius:999px;background:#ffffff1a;overflow:hidden}.enroll-bar-fill{height:100%;background:var(--accent, #7dd3fc);background:#7dd3fc;transition:width .4s ease}.enroll-count{font-size:.85rem;color:#e9eef773}.enroll-privacy{position:absolute;bottom:42px;font-size:.8rem;color:#e9eef759}.insight-banner{position:absolute;top:70px;left:50%;transform:translate(-50%);padding:12px 26px;border-radius:16px;background:#0a0e18d9;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:1.02rem;max-width:70vw;text-align:center;z-index:64}.insight-banner.warn{border-color:#facc1580;background:#facc151a}.photo-frame{position:relative;width:100%;height:100%;border-radius:18px;overflow:hidden}.photo-frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.6s ease}.cell>.photo-frame{align-self:stretch}.photo-frame img.visible{opacity:1}.photo-frame-empty{display:flex;align-items:center;justify-content:center;background:radial-gradient(600px 400px at 30% 20%,rgba(125,211,252,.1),transparent 60%),#ffffff08;border:1px dashed rgba(255,255,255,.12)}.photo-frame-hint{font-size:.95rem;text-align:center;padding:0 1.5rem;color:#e6edf673}