:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{color:#e2e8f0;background:#0f172a;height:100%;margin:0}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.screen{flex-direction:column;gap:16px;min-height:100%;padding:20px 24px;display:flex}.center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.center p{color:#94a3b8;max-width:520px;font-size:18px}header{justify-content:space-between;align-items:center;display:flex}header div:first-child{display:grid}header span{color:#94a3b8;font-size:14px}.clock{font-variant-numeric:tabular-nums;text-align:right;font-size:44px;font-weight:700;display:grid}.clock small{color:#94a3b8;font-size:14px;font-weight:400}.wait{flex:1;grid-template-columns:minmax(0,1.2fr) minmax(260px,1fr);align-items:center;gap:24px;display:grid}@media (width<=760px){.wait{grid-template-columns:1fr}}.camera{aspect-ratio:4/3;background:#020617;border-radius:24px;position:relative;overflow:hidden}.camera video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.frame{border:3px solid #ffffffb3;border-radius:18px;position:absolute;inset:18%}.camera-hint{text-align:center;text-shadow:0 1px 4px #000;font-size:18px;position:absolute;bottom:14px;left:0;right:0}.pad{justify-items:center;gap:14px;display:grid}.pin{gap:12px;display:flex}.pin span{border:2px solid #64748b;border-radius:50%;width:18px;height:18px}.pin span.on{background:#e2e8f0;border-color:#e2e8f0}.keys{grid-template-columns:repeat(3,84px);gap:12px;display:grid}.keys button{background:#1e293b;border:0;border-radius:20px;height:84px;font-size:30px;font-weight:600}.keys button:active{background:#334155}.hint{color:#94a3b8;margin:0}.person{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.person h1{margin:0;font-size:40px}.now,.plan{color:#94a3b8;margin:0;font-size:18px}.dot{background:var(--dot);vertical-align:middle;border-radius:50%;width:14px;height:14px;margin-right:10px;display:inline-block}.choices{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;width:min(920px,100%);margin-top:18px;display:grid}.choices button{border:2px solid color-mix(in oklab, var(--dot) 60%, transparent);background:color-mix(in oklab, var(--dot) 18%, #0f172a);border-radius:22px;justify-content:center;align-items:center;min-height:96px;font-size:24px;font-weight:700;display:flex}.choices button:active{transform:scale(.98)}.cancel{color:#94a3b8;background:0 0;border:0;margin-top:16px;font-size:16px;text-decoration:underline}.done h1{margin:12px 0 0;font-size:48px}.big-dot{background:var(--dot);width:120px;height:120px;box-shadow:0 0 0 18px color-mix(in oklab, var(--dot) 25%, transparent);border-radius:50%;animation:.35s ease-out pop}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.error{color:#fee2e2;text-align:center;background:#7f1d1d;border-radius:14px;max-width:90%;padding:14px 22px;font-size:18px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}