:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color-scheme:light dark;background:#0e1014;color:#f3f5f7}*{box-sizing:border-box}html,body,#app{margin:0;padding:0;height:100%;width:100%}#app{display:flex;align-items:center;justify-content:center}.shell{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;text-align:center;max-width:32rem}.shell h1{font-size:2.25rem;margin:0;letter-spacing:-.01em}.shell p{margin:0;color:#a8b0bb;line-height:1.5}.btn{font:inherit;font-size:1.05rem;font-weight:600;padding:1rem 1.75rem;border:0;border-radius:999px;background:#4f8cff;color:#fff;cursor:pointer;transition:transform 80ms ease,background .12s ease;min-width:14rem}.btn:hover{background:#3a78ee}.btn:active{transform:translateY(1px)}.btn[disabled]{background:#2c3340;color:#6c7585;cursor:not-allowed}.btn.secondary{background:#1f2632;color:#f3f5f7}.btn.secondary:hover{background:#2a323f}.note{font-size:.9rem;color:#a8b0bb}.error{color:#ff8a8a}.session-wrap{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:#0e1014}.topbar{flex:0 0 auto;height:52px;display:flex;align-items:center;gap:1rem;padding:0 1rem;background:#11141a;border-bottom:1px solid #1f2632;font-size:.92rem;z-index:1}.brand{display:flex;align-items:center;gap:.55rem;color:#f3f5f7;text-decoration:none;font-weight:600;letter-spacing:-.01em}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#5cd17b,#38a565);color:#0e1014;font-weight:800;font-size:.78rem}.status{flex:1 1 auto;display:flex;align-items:center;gap:.5rem;justify-content:center;color:#a8b0bb}.status .dot{width:8px;height:8px;border-radius:50%;background:#5cd17b;box-shadow:0 0 0 4px #5cd17b2e;animation:pulse 1.6s ease-in-out infinite}.status .timer{font-variant-numeric:tabular-nums;font-weight:600;color:#f3f5f7;background:#1f2632;padding:2px 8px;border-radius:6px}@keyframes pulse{0%,to{box-shadow:0 0 0 4px #5cd17b2e}50%{box-shadow:0 0 0 7px #5cd17b0f}}.actions{display:flex;align-items:center;gap:.6rem}.btn-link{color:#a8b0bb;text-decoration:none;padding:6px 10px;border-radius:8px;transition:background .12s ease,color .12s ease}.btn-link:hover{background:#1f2632;color:#f3f5f7}.btn-cta{color:#fff;text-decoration:none;font-weight:600;padding:7px 14px;border-radius:999px;background:#4f8cff;transition:background .12s ease}.btn-cta:hover{background:#3a78ee}.wp-frame{flex:1 1 auto;width:100%;border:0;display:block;background:#fff}@media (max-width: 700px){.topbar{gap:.5rem;padding:0 .6rem}.brand-text,.btn-link{display:none}.status{font-size:.85rem}}