*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#000;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;display:flex}.container{text-align:center;width:100%;max-width:600px;padding:40px 20px}h1{margin-bottom:8px;font-size:2rem;font-weight:700}.subtitle{color:#ffffff80;margin-bottom:40px;font-size:.9rem}.totp-display{font-variant-numeric:tabular-nums;letter-spacing:.1em;-webkit-user-select:none;user-select:none;margin:20px 0;font-family:SF Mono,Menlo,monospace;font-size:6rem;font-weight:800}.timer-bar{background:#ffffff1a;border-radius:2px;width:300px;height:4px;margin:20px auto;overflow:hidden}.timer-fill{background:#fff;border-radius:2px;height:100%;transition:width 1s linear}.status{color:#fff9;justify-content:center;align-items:center;gap:8px;margin-top:20px;font-size:.9rem;display:flex}.status .dot{background:#4ade80;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.info{color:#ffffff4d;margin-top:40px;font-size:.8rem}.mode-badge{border-radius:999px;margin-top:8px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-block}.mode-badge.ultrasound{color:#4ade80;background:#4ade8033}.mode-badge.audible{color:#fbbf24;background:#fbbf2433}.form-group{flex-direction:column;gap:12px;max-width:400px;margin:0 auto;display:flex}.form-group input,.form-group select{color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;outline:none;padding:14px 18px;font-size:1rem}.form-group input::placeholder{color:#ffffff4d}.form-group select option{color:#fff;background:#1a1a1a}.btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:999px;padding:14px;font-size:1rem;font-weight:600;transition:opacity .2s}.btn:hover{opacity:.9}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:hover{opacity:.5}.btn-outline{color:#fff;background:0 0;border:1px solid #ffffff4d}.btn-outline:hover{background:#ffffff1a}.error-msg{color:#f87171;min-height:20px;font-size:.85rem}.session-list{flex-direction:column;gap:12px;margin-top:24px;display:flex}.session-card{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;transition:background .2s;display:flex}.session-card:hover{background:#ffffff1f}.session-card .session-info{text-align:left}.session-card .session-title{font-size:1rem;font-weight:600}.session-card .session-meta{color:#ffffff80;margin-top:4px;font-size:.8rem}.session-card .session-slot{border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:600}.session-card .session-slot.morning{color:#fbbf24;background:#fbbf2433}.session-card .session-slot.afternoon{color:#c084fc;background:#a855f733}.nav-links{justify-content:center;gap:12px;margin-top:16px;display:flex}.nav-links a,.nav-links button{color:#ffffff80;cursor:pointer;background:0 0;border:none;font-size:.85rem;text-decoration:underline}.nav-links a:hover,.nav-links button:hover{color:#fff}.email-icon{margin-bottom:16px;font-size:3rem}.spinner{border:3px solid #ffffff1a;border-top-color:#fff;border-radius:50%;width:28px;height:28px;margin:0 auto;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}