:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}#root{width:100%;min-height:100vh}:root{--bg-primary:#121212;--bg-secondary:#1e1e1e;--bg-tertiary:#2a2a2a;--accent-focus:#06d6a0;--accent-break:#ffd166;--text-white:#fff;--text-dim:#fff9;--radius-card:64px;--radius-pill:32px;--transition:all .5s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-white);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#root{justify-content:center;align-items:flex-start;width:100%;min-height:100vh;padding-top:80px;display:flex}.app{flex-direction:column;align-items:center;width:100%;max-width:1200px;display:flex;position:relative}.timer-section{flex-direction:column;align-items:center;width:100%;display:flex}.music-station-display{text-transform:uppercase;letter-spacing:2px;color:var(--text-dim);margin-top:8px;font-size:11px;transition:opacity .3s .5s}.shutter-hover.active .music-station-display{opacity:0;transition:opacity .1s}.time-display-wrapper{flex-direction:column;align-items:center;width:1000px;height:320px;display:flex;position:relative}.shutter-container{cursor:pointer;flex-direction:column;align-items:center;width:100%;height:200px;display:flex;position:relative;overflow:visible}.shutter-hover.active .timer-mode-label{opacity:0;transition:opacity .1s}.timer-mode-label{text-transform:uppercase;letter-spacing:3px;margin-top:-10px;font-size:14px;font-weight:600;transition:opacity .3s .5s}.shutter-container.click-pulse{animation:.2s ease-out click-pulse}@keyframes click-pulse{0%{transform:scale(1)}50%{transform:scale(.97)}to{transform:scale(1)}}.shutter-inner-mask{width:100%;height:100%;position:relative;overflow:visible hidden}.shutter-view{justify-content:center;align-items:center;width:100%;height:100%;transition:all .6s cubic-bezier(.68,-.6,.32,1.6);display:flex;position:absolute}.view-numbers{opacity:1;filter:blur();top:0}.shutter-hover.active .view-numbers{opacity:0;filter:blur(10px);transform:translateY(100%)}.view-title{opacity:0;filter:blur(10px);top:-100%}.shutter-hover.active .view-title{opacity:1;filter:blur();top:0}.time-display{letter-spacing:-8px;font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;background:linear-gradient(to right, var(--accent-current) var(--progress,0%), var(--text-white) var(--progress,0%));color:#0000;-webkit-background-clip:text;background-clip:text;width:fit-content;margin:0 auto;padding:0 20px;font-size:140px;font-weight:800;line-height:1;transition:background .3s}.mode-title-container{flex-direction:column;align-items:center;gap:0;display:flex}.mini-timer{color:var(--accent-current);letter-spacing:4px;font-variant-numeric:tabular-nums;margin-bottom:10px;font-size:24px;font-weight:700}.click-hint{text-transform:uppercase;letter-spacing:2px;color:var(--accent-current);opacity:0;pointer-events:none;margin-bottom:8px;font-size:11px;font-weight:600;transition:opacity .3s,transform .3s;transform:translateY(60px)}.shutter-hover.active .click-hint{opacity:1;transition:opacity .5s 1s,transform .5s 1s;transform:translateY(60px)}.mode-title{color:var(--text-white);-webkit-background-clip:initial;background-clip:initial;background:0 0;font-size:140px}.hover-content{opacity:0;pointer-events:none;flex-direction:column;align-items:center;width:100%;transition:all .5s .2s;display:flex;position:absolute;top:50%;transform:translateY(-30px)}.hover-content.visible{opacity:1;pointer-events:auto;opacity:1;pointer-events:auto;transition:all .4s .2s;transform:translateY(0)}.mode-switch{align-items:center;gap:8px;display:flex}.mode-btn{background:var(--bg-tertiary);color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;cursor:pointer;border:none;border-radius:6px;align-self:center;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.mode-btn:hover{color:var(--text-white);background:#353535}.mode-btn{background:var(--accent-focus);color:var(--bg-primary)}.mode-btn.mode-btn-break{background:var(--accent-break)}.inline-settings{background:var(--bg-secondary);border-radius:20px;align-items:center;gap:24px;margin-top:60px;padding:6px 24px 12px;display:flex;box-shadow:0 10px 30px #0000004d}.setting-input{align-items:center;gap:12px;display:flex}.setting-input label{text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);font-size:11px;font-weight:600}.setting-input input{background:var(--bg-tertiary);color:var(--text-white);text-align:center;border:none;border-radius:8px;outline:none;width:60px;padding:8px;font-size:18px;font-weight:700;transition:background .2s}.setting-input input:focus{background:#353535}.inline-settings .divider{background:var(--bg-tertiary);width:1px;height:24px}.setting-input select{background:var(--bg-tertiary);color:var(--text-white);cursor:pointer;border:none;border-radius:8px;outline:none;padding:8px 12px;font-size:14px;font-weight:600;transition:background .2s}.setting-input select:focus{background:#353535}.setting-input select option{background:var(--bg-secondary);color:var(--text-white)}.tinykings-link{text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);font-size:11px;text-decoration:none;transition:color .2s}.tinykings-link:hover{color:var(--text-white)}.keyboard-shortcuts{color:var(--text-dim);align-items:center;gap:6px;margin-top:8px;font-size:10px;display:flex}.keyboard-shortcuts span{color:var(--text-white);font-weight:600}.shortcut-divider{opacity:.5;margin:0 8px}