:root{color-scheme:light;--bg-top: #dff5ff;--bg-bottom: #95dfff;--panel: rgba(255, 255, 255, .78);--panel-strong: rgba(255, 255, 255, .92);--border: rgba(17, 76, 122, .15);--text: #113650;--muted: #50758f;--accent: #0b7fc1;--accent-strong: #07598a;--success: #0d8a6d;--warning: #b36a10;--danger: #bb3e4c;--shadow: 0 18px 40px rgba(16, 73, 114, .12);font-family:Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:linear-gradient(180deg,var(--bg-top),var(--bg-bottom));color:var(--text)}body{min-height:100vh}button,input{font:inherit}button{border:0;cursor:pointer}.app-shell{position:relative;min-height:100vh;overflow:hidden;isolation:isolate}.bubble-field{position:absolute;inset:0;overflow:hidden;pointer-events:none}.bubble{position:absolute;bottom:-12rem;border-radius:999px;background:radial-gradient(circle at 30% 30%,#ffffffb8,#ffffff29 68%,#ffffff0a);animation:rise linear infinite;opacity:.4;will-change:transform}@keyframes rise{0%{transform:translateZ(0) scale(.92)}to{transform:translate3d(0,-120vh,0) scale(1.08)}}.content{position:relative;z-index:1;min-height:100vh;display:grid;place-items:center;padding:2rem}.panel{width:min(980px,100%);padding:clamp(1.4rem,2vw,2.4rem);border-radius:36px;background:#ffffffe6;border:1px solid var(--border);box-shadow:var(--shadow)}.hero{display:grid;gap:1.25rem;justify-items:center;text-align:center}.clock{font-size:clamp(2.6rem,7vw,5.4rem);font-weight:700;line-height:1;letter-spacing:-.04em}.date-line{font-size:clamp(1rem,2vw,1.3rem);color:var(--muted)}.table-pill{padding:.7rem 1rem;border-radius:999px;background:#0b7fc11a;color:var(--accent-strong);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero-title{margin:0;font-size:clamp(1.6rem,4vw,3.4rem);line-height:1.05;max-width:14ch}.hero-copy{margin:0;max-width:38rem;color:var(--muted);font-size:clamp(1rem,2vw,1.15rem)}.actions,.session-grid,.modal-actions{display:flex;flex-wrap:wrap;gap:.9rem}.actions,.modal-actions{justify-content:center}.primary-btn,.secondary-btn,.ghost-btn{min-width:170px;padding:.95rem 1.3rem;border-radius:18px;transition:opacity .16s ease,background .16s ease}.primary-btn{background:linear-gradient(135deg,#0e8bd1,#0a6da6);color:#fff;box-shadow:0 16px 34px #0a6da647}.secondary-btn{background:#ffffffe0;color:var(--accent-strong);border:1px solid rgba(11,127,193,.18)}.ghost-btn{background:#ffffff80;color:var(--text)}.primary-btn:disabled,.secondary-btn:disabled,.ghost-btn:disabled{cursor:not-allowed;opacity:.55}.session-grid{margin-top:1rem;justify-content:center}.session-item{min-width:160px;padding:1rem;border-radius:20px;background:#ffffffd1;border:1px solid rgba(17,76,122,.08)}.session-item span{display:block;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.session-item strong{display:block;margin-top:.45rem;font-size:1.05rem}.session-timer{font-size:clamp(2.2rem,5vw,4rem);font-weight:700;line-height:1;letter-spacing:-.04em}.modal{position:fixed;inset:0;display:grid;place-items:center;padding:1.5rem;background:#0a2f4a47;z-index:4}.modal-card{width:min(760px,100%);border-radius:32px;background:#fffffffa;border:1px solid rgba(17,76,122,.12);box-shadow:var(--shadow);padding:1.25rem}.modal-card--state{width:min(680px,100%);text-align:center;position:relative}.modal-card--state[data-tone=danger]{border-color:#bb3e4c3d}.modal-card--state[data-tone=warning]{border-color:#b36a103d}.modal-card--state .session-grid{justify-content:center}.modal-close-button{position:absolute;top:1rem;right:1rem;width:42px;height:42px;border-radius:999px;background:#114c7a14;color:var(--text);font-size:1.5rem;line-height:1}.modal-back-button{min-width:190px;font-weight:600}.active-session-bar{width:100%;margin-top:1rem;padding:1rem 1.1rem;border-radius:22px;background:#fffffff0;border:1px solid rgba(17,76,122,.12);display:flex;align-items:center;justify-content:space-between;gap:1rem;text-align:left}.active-session-bar span{color:var(--muted);font-size:.92rem;letter-spacing:.06em;text-transform:uppercase}.active-session-label{display:inline-flex;align-items:center;gap:.7rem}.active-session-dot{width:12px;height:12px;border-radius:999px;background:radial-gradient(circle,#88ffe3,#1ed6c1 52%,#0aa5b8);box-shadow:0 0 #1ed6c166;animation:activePulse 1.8s ease-in-out infinite}.active-session-bar strong{color:var(--text);font-size:1rem}@keyframes activePulse{0%,to{opacity:.55;box-shadow:0 0 #1ed6c11f;transform:scale(.94)}50%{opacity:1;box-shadow:0 0 18px 5px #1ed6c14d;transform:scale(1.08)}}.scanner-open .bubble{animation-play-state:paused}.modal-card h2,.modal-card p{margin-top:0}#qr-reader{width:100%;min-height:320px;overflow:hidden;border-radius:24px;background:#d8eef9}.footer-note{margin-top:1rem;color:var(--muted);font-size:.92rem}.hidden{display:none!important}@media(prefers-reduced-motion:reduce){.bubble{animation:none}}@media(max-width:768px){.content{padding:1rem}.panel{border-radius:28px;padding:1.2rem}.primary-btn,.secondary-btn,.ghost-btn,.session-item{width:100%}}