*{box-sizing:border-box}html,body,#root{margin:0;width:100%;min-height:100%}body{background:#111827;color:#f9fafb;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,select{font:inherit}.app{min-height:100vh;display:grid;background:#111827;transition:grid-template-columns .3s ease}.app.settingsOpen{grid-template-columns:1fr 360px}.app.settingsClosed{grid-template-columns:1fr}.videoSection{position:relative;min-height:100vh;overflow:hidden}.backgroundVideo{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0}.settingsToggle{position:absolute;top:24px;right:2px;z-index:5;border:0;border-radius:999px;padding:5px;cursor:pointer;color:#111827;background:#f9fafbeb;font-weight:700;box-shadow:0 10px 30px #00000040}.settingsToggle:hover{background:#fff}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:start center;padding:30px 32px 32px;background:radial-gradient(circle at center,#1118271f,#111827b8),linear-gradient(to bottom,#00000014,#00000080)}.timerCard{width:min(520px,100%);padding:36px;border-radius:28px;background:#11182794;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 80px #00000059;text-align:center}.sessionLabel{margin:0 0 8px;font-size:18px;letter-spacing:.16em;text-transform:uppercase;color:#d1d5db}.timerCard h1{margin:0;font-size:clamp(72px,10vw,132px);line-height:1;letter-spacing:-.07em}.sessionInfo{margin:16px 0 28px;color:#d1d5db;font-size:18px}.actions{display:flex;gap:12px;justify-content:center}.actions button{min-width:120px;border:0;border-radius:999px;padding:14px 22px;cursor:pointer;color:#111827;background:#f9fafb;font-weight:700}.actions button.secondary{color:#f9fafb;background:#ffffff29}.settingsPanel{padding:32px;background:#0f172a;border-left:1px solid rgba(255,255,255,.08)}.settingsPanel h2{margin:0 0 28px;font-size:24px}.settingsPanel label{display:block;margin-bottom:22px;color:#d1d5db;font-weight:600}.settingsPanel select{width:100%;margin-top:8px;padding:13px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#111827;color:#f9fafb}.settingsPanel select:disabled{opacity:.55}@media (max-width: 900px){.app,.app.settingsOpen,.app.settingsClosed{grid-template-columns:1fr}.videoSection{min-height:100vh}.settingsPanel{position:absolute;top:76px;right:16px;z-index:10;width:min(360px,calc(100vw - 32px));border-radius:22px;border-left:0;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 80px #00000073}.overlay{padding:90px 20px 24px}.timerCard{padding:28px}.actions{flex-direction:column}.actions button{width:100%}}