[hidden]{display:none!important}.focus-room{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:42px;border:1px solid #c4a9ec25;border-radius:18px;background:radial-gradient(ellipse at 85% 20%,#7254a425,transparent 65%),#10131f;margin:10px 0 64px}.focus-copy h2{font-size:32px;max-width:330px}.focus-copy>label,.favorite-label{display:block;color:#b6b2c8;font-size:11px;margin:24px 0 10px}#focusTask,#mixName{font:inherit;color:#eee8fa;background:#080c1666;border:1px solid #bda4e02a;border-radius:8px;padding:13px;width:100%;max-width:360px}#mixName{font-size:12px}.focus-presets{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.focus-presets button{padding:9px 12px;border:1px solid #c2a5ed30;border-radius:20px;font-size:11px;color:#cfc3e4}.small-note{font-size:11px;max-width:340px}.focus-clock{text-align:center;align-self:center}.focus-modes{display:flex;justify-content:center;gap:5px}.focus-modes button{border-radius:20px;padding:9px 16px;font-size:11px;color:#aaa4b9}.focus-modes [aria-pressed=true]{background:#b99cde22;color:#e2d6f5}.clock-digits{font-family:Manrope,sans-serif;font-variant-numeric:tabular-nums;font-size:clamp(56px,6vw,80px);letter-spacing:-4px;font-weight:500;margin:12px 0}.duration-setting{display:flex;justify-content:center;align-items:center;gap:12px;font-size:11px;color:#aaa1ba}.duration-setting input{width:65px;border:1px solid #ffffff20;border-radius:6px;background:#14121f;color:#ddd3ee;padding:7px;font:inherit}.clock-actions{display:flex;justify-content:center;gap:22px;margin-top:20px}.focus-clock>p{font-size:11px;min-height:20px}.focus-bottom{border-top:1px solid #ffffff10;padding-top:16px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#a39bb2;font-size:10px}.focus-bottom label{display:flex;align-items:center;gap:6px}.focus-bottom input{accent-color:#cbb7ed}.favorites{margin-top:14px;max-width:360px}.favorite-row{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #ffffff0d;padding:8px 0}.favorite-load{text-align:left;font-size:12px;color:#d5c4ed;overflow-wrap:anywhere}.favorite-remove{font-size:10px;color:#92899f}.discover-pages{margin:55px 0 60px}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}.resource-grid>a{padding:24px;border:1px solid #ffffff12;border-radius:12px;background:#111420;transition:border-color .2s}.resource-grid>a:hover{border-color:#b69cd68a}.resource-grid span{font-size:9px;letter-spacing:2px;color:#b9a2d7}.resource-grid h3{font-weight:500;font-size:17px;line-height:1.4}.resource-grid p{font-size:12px}.guide{max-width:760px;margin:50px auto 80px}.guide h2{margin-top:32px}.guide p,.guide li{font-size:15px;line-height:1.9;color:#a7a4b7}.guide a{color:#d3c2f5;text-decoration:underline}.guide li{margin-bottom:12px}.guide-header{max-width:760px;margin:60px auto 35px}.guide-header h1{font-size:clamp(38px,6vw,62px)}.guide-header p{font-size:16px}.guide-header .primary{display:inline-block;margin-top:20px}.guide-nav{display:flex;flex-wrap:wrap;gap:22px;margin-top:30px}.guide-nav a{font-size:12px;color:#c6b5e5}footer{gap:18px;flex-wrap:wrap}@media(max-width:700px){.focus-room{grid-template-columns:1fr;gap:28px;padding:26px 20px;margin-top:20px}.focus-copy h2{font-size:28px}.focus-copy>p{font-size:13px}#focusTask{max-width:none}.focus-clock{border-top:1px solid #ffffff12;padding-top:24px}.resource-grid{grid-template-columns:1fr}header nav{gap:14px}header nav a{font-size:10px}header nav button{display:none}.focus-bottom{font-size:10px}.guide-header{margin-top:40px}.guide-header h1{letter-spacing:-1.5px}.guide li{padding-left:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:520px){header{height:auto;min-height:100px;flex-wrap:wrap;gap:14px;padding-top:18px;padding-bottom:16px}header nav{width:100%;justify-content:space-between;gap:10px}header nav a{font-size:11px}.focus-bottom{flex-wrap:wrap;justify-content:center}.guide-header h1{font-size:40px}}