*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#e0e0e0;color:#e8ecf5;-webkit-font-smoothing:antialiased}main{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:24px 16px 48px;gap:20px}.logo{width:auto;height:clamp(40px,9vw,64px);object-fit:contain}h1{font-size:clamp(1.3rem,4vw,1.9rem)}.subtitle,h1{text-align:center}.subtitle{color:#95a0bd;max-width:520px;font-size:.95rem}.stage{position:relative;width:100%;max-width:480px;aspect-ratio:3/4;background:#000;border-radius:16px;overflow:hidden;border:2px solid #1e2740}.stage canvas,.stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.badge{position:absolute;top:12px;left:12px;z-index:2;padding:6px 12px;border-radius:999px;font-size:.8rem;font-weight:600;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.badge.ok{color:#4ade80}.badge.warn{color:#fbbf24}.badge.err{color:#f87171}.panel{width:100%;max-width:480px;background:#121a30;border:1px solid #1e2740;border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:12px}.status-line{display:flex;align-items:center;gap:10px;font-size:.95rem}.dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto}.dot.ok{background:#4ade80}.dot.warn{background:#fbbf24}.dot.err{background:#f87171}.dot.idle{background:#6b7280}.prompt{font-size:1.05rem;font-weight:600}.meter{height:8px;background:#1e2740;border-radius:999px;overflow:hidden}.meter>span{display:block;height:100%;background:linear-gradient(90deg,#38bdf8,#4ade80);transition:width .1s linear}.result{text-align:center;font-size:1.4rem;font-weight:700;padding:14px;border-radius:12px}.result.pass{background:rgba(74,222,128,.12);color:#4ade80}.result.fail{background:rgba(248,113,113,.12);color:#f87171}.ok-text{color:#4ade80}.warn-text{color:#fbbf24}button{font:inherit;font-weight:600;padding:12px 18px;border:none;border-radius:10px;background:#3b82f6;color:white;cursor:pointer;transition:background .15s}button:hover{background:#2563eb}button:disabled{background:#374151;cursor:not-allowed}.error-box{color:#f87171;font-size:.9rem;line-height:1.4}.hint{color:#6b7280;font-size:.8rem;text-align:center;max-width:480px}