@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0b1224;--panel:#121e36;--line:#2b3f60;--text:#eef3ff;--muted:#9baac5;--accent:#82b4ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif}button,input,textarea{font:inherit}button,a,input,summary{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;transition:background .2s,transform .2s}button:hover{filter:brightness(1.12)}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,summary:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}header{max-width:1440px;margin:auto;height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #24334e}.brand{font-family:'Space Grotesk',sans-serif;color:var(--text);font-size:28px;font-weight:700;letter-spacing:-1px;text-decoration:none}.brand-icon{display:inline-block;color:var(--accent);font-size:34px;vertical-align:-2px;margin-right:8px}.dot{color:var(--accent)}.header-note,.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--muted)}.quiet{color:var(--text);background:transparent;padding:12px;border:1px solid var(--line);border-radius:7px;font-size:12px}main{max-width:1280px;margin:0 auto;padding:48px 32px 24px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}h1{font-family:'Space Grotesk',sans-serif;font-size:44px;font-weight:500;letter-spacing:-2px;margin:10px 0}.subtitle{color:var(--muted);font-size:14px;margin:0}.live-pill{border:1px solid var(--line);padding:10px 14px;border-radius:30px;font-size:11px;color:#c4d3ec;display:flex;gap:8px;align-items:center}.live-pill i,.tiny-dot{display:inline-block;background:var(--accent);width:6px;height:6px;border-radius:50%}.layout{display:grid;grid-template-columns: .85fr 1.25fr;gap:22px}.timer-card,.video-card{background:var(--panel);border:1px solid var(--line);border-radius:15px;overflow:hidden}.timer-card{padding:25px 28px}.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-top #roundBadge{font-size:10px;letter-spacing:1px;background:#203454;padding:7px 9px;border-radius:4px;color:var(--accent)}.dial{width:240px;height:240px;margin:23px auto 17px;border-radius:50%;padding:5px;background:conic-gradient(var(--accent) var(--angle,360deg),#2a3e5e 0);transform:rotate(0)}.dial-inner{background:var(--panel);border-radius:50%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:9px solid var(--panel);box-shadow:inset 0 0 0 1px #2a3c5b}#timer{font-family:'Space Grotesk',sans-serif;font-size:63px;font-weight:500;letter-spacing:-4px;font-variant-numeric:tabular-nums}#timerLabel{font-size:8px;letter-spacing:2px;color:var(--muted);margin-top:7px}#announcement{text-align:center;color:var(--muted);font-size:12px;min-height:18px}.actions{display:flex;gap:10px;margin:23px 0}.primary{background:var(--accent);color:#0a1a34;padding:14px 20px;border-radius:7px;font-weight:700;font-size:13px}.actions .primary{flex:1}.reset{width:48px;background:#20314e;color:var(--text);border:1px solid var(--line);border-radius:7px;font-size:25px}.session-progress{border-top:1px solid var(--line);padding-top:19px}.progress-caption,.remaining{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.progress-caption strong{font-weight:500;color:var(--text)}.track{height:5px;background:#2a3e5e;border-radius:4px;margin:12px 0;overflow:hidden}#progress{height:100%;background:var(--accent);width:0}.remaining{font-size:9px}.video-card>.card-top{padding:26px 24px}.shuffle-label{font-size:9px;letter-spacing:1px;color:var(--muted)}.video-stage{position:relative;background:#080e1c;aspect-ratio:16/9;min-height:210px}#player{width:100%;height:100%;position:absolute;inset:0}#videoCover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at center,#203c68 0,#0e1930 64%);text-align:center}.disc{width:65px;height:65px;display:grid;place-items:center;border-radius:50%;color:var(--accent);border:1px solid #4d75af;background:#1b345a;box-shadow:0 0 0 14px #27446e44,0 0 0 29px #27446e22;margin:12px 0 18px}#videoCover h2{font:500 24px 'Space Grotesk',sans-serif;letter-spacing:-.6px;margin:15px 0 0}#videoCover p{font-size:12px;color:var(--muted);line-height:1.7}.video-bottom{padding:24px 24px 0;display:flex;align-items:center;justify-content:space-between;gap:10px}h3{font-size:16px;font-weight:500;margin:10px 0}.video-bottom .eyebrow{font-size:8px}#videoStatus{font-size:11px;color:var(--muted);padding:0 24px 15px;line-height:1.6}.settings{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.1fr;gap:28px;padding:30px 0;margin-top:10px;border-bottom:1px solid var(--line);align-items:center}.settings h2{font:500 23px 'Space Grotesk',sans-serif;margin:8px 0}.settings p{font-size:11px;color:var(--muted);margin:0}.number-setting{font-size:12px}.input-wrap{display:flex;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:7px;margin-top:12px;padding:12px}.input-wrap input{width:100%;min-width:0;background:transparent;border:0;color:var(--text);font:500 24px 'Space Grotesk',sans-serif}.input-wrap span{font-size:10px;color:var(--muted)}.bell-setting{font-size:12px}.bell-setting label{display:flex;align-items:center;gap:8px}input[type=checkbox],input[type=range]{accent-color:var(--accent)}.text-button{background:transparent;color:var(--muted);font-size:10px;padding:10px 0}.volume{font-size:10px;color:var(--muted)}.volume input{min-width:0;width:100%}.collection{border-bottom:1px solid var(--line)}summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer;padding:24px 0;font-size:13px;list-style:none}summary::-webkit-details-marker{display:none}summary small{font-size:10px;color:var(--muted);margin-left:12px}summary>span:last-child{color:var(--accent);font-size:11px}.collection-body{padding-bottom:24px;font-size:12px}.collection-body p{color:var(--muted)}textarea{width:100%;background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--text);padding:14px;resize:vertical;line-height:1.6}.collection-actions{display:flex;gap:12px;align-items:center;margin-top:12px;flex-wrap:wrap}footer{display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--muted);font-size:10px;margin-top:25px}footer>span:first-child{font-size:8px;letter-spacing:1.5px}.browser-note{text-align:center;font-size:9px;color:#8193b3;margin-top:20px}.flash .dial{box-shadow:0 0 40px #82b4ff55}@media(max-width:900px){.header-note{display:none}.layout{grid-template-columns:1fr 1.15fr}.timer-card{padding:20px}.dial{width:210px;height:210px}.settings{gap:18px}.intro .live-pill{display:none}}@media(max-width:680px){header{height:76px;padding:0 22px}main{padding:28px 18px}.brand{font-size:24px}h1{font-size:36px}.subtitle{font-size:12px}.layout{grid-template-columns:1fr}.dial{width:240px;height:240px}.settings{grid-template-columns:1fr 1fr;gap:24px}.settings-heading{grid-column:1/-1}.bell-setting{grid-column:1/-1}.volume{max-width:230px}summary small{display:block;margin:8px 0 0}footer{flex-direction:column;gap:5px}footer p{margin:5px 0}.video-stage{min-height:200px}}