body{margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}:root{--bg:#fff;--bg-timeout:#c62828;--text:#333;--text-timeout:#fff;--btn-bg:#f0f0f0;--btn-bg-hover:#e0e0e0;--btn-primary-bg:#1976d2;--btn-primary-bg-hover:#1565c0;--btn-text:#333;--btn-primary-text:#fff;--panel-bg:#f5f5f5;--panel-border:#ddd;--input-bg:#fff;--input-border:#ccc}.dark{--bg:#1a1a2e;--bg-timeout:#8b0000;--text:#e0e0e0;--text-timeout:#fff;--btn-bg:#2d2d44;--btn-bg-hover:#3d3d5c;--btn-primary-bg:#4a90d9;--btn-primary-bg-hover:#357abd;--btn-text:#e0e0e0;--btn-primary-text:#fff;--panel-bg:#252542;--panel-border:#3d3d5c;--input-bg:#1a1a2e;--input-border:#3d3d5c}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#root{justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.app{background-color:var(--bg);width:100%;height:100%;color:var(--text);justify-content:center;align-items:center;transition:background-color .3s,color .3s;display:flex}.app.timeout{background-color:var(--bg-timeout);color:var(--text-timeout)}.timer-container{flex-direction:column;align-items:center;gap:2rem;display:flex}.timer-display{font-size:var(--timer-font-size,24vw);font-family:var(--timer-font-family,system-ui, -apple-system, sans-serif);font-variant-numeric:tabular-nums;letter-spacing:.02em;-webkit-user-select:none;user-select:none;font-weight:700;line-height:1}.controls{gap:1rem;display:flex}.control-btn{cursor:pointer;background-color:var(--btn-bg);width:60px;height:60px;color:var(--btn-text);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:28px;transition:background-color .2s,transform .1s;display:flex}.control-btn:hover{background-color:var(--btn-bg-hover)}.control-btn:active{transform:scale(.95)}.control-btn.primary{background-color:var(--btn-primary-bg);color:var(--btn-primary-text)}.control-btn.primary:hover{background-color:var(--btn-primary-bg-hover)}.settings-toggle{cursor:pointer;background-color:var(--btn-bg);width:44px;height:44px;color:var(--btn-text);z-index:100;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:background-color .2s,transform .1s;display:flex;position:fixed;top:20px;right:20px}.app.timeout .settings-toggle{color:#fff;background-color:#fff3}.app.timeout .settings-toggle:hover{background-color:#ffffff4d}.settings-toggle:hover{background-color:var(--btn-bg-hover)}.settings-panel{background-color:var(--panel-bg);border:1px solid var(--panel-border);z-index:200;border-radius:12px;min-width:320px;max-width:90vw;padding:2rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 40px #0003}.settings-panel h3{text-align:center;margin:0 0 1.5rem;font-size:1.5rem}.settings-panel label{margin-bottom:1rem;font-size:.9rem;display:block}.settings-panel label.checkbox-label{cursor:pointer;align-items:center;gap:.5rem;display:flex}.settings-panel input[type=text],.settings-panel input[type=number],.settings-panel select{border:1px solid var(--input-border);background-color:var(--input-bg);width:100%;color:var(--text);border-radius:6px;margin-top:.5rem;padding:.5rem;font-family:ui-monospace,Courier New,monospace;font-size:1rem;display:block}.settings-panel input[type=range]{cursor:pointer;width:100%;margin-top:.5rem;display:block}.settings-panel .range-value{color:var(--text);margin-left:.5rem;font-weight:500;display:inline-block}.settings-panel input[type=checkbox]{cursor:pointer;width:18px;height:18px}.close-settings{background-color:var(--btn-primary-bg);width:100%;color:var(--btn-primary-text);cursor:pointer;border:none;border-radius:6px;margin-top:1.5rem;padding:.75rem;font-size:1rem;transition:background-color .2s;display:block}.close-settings:hover{background-color:var(--btn-primary-bg-hover)}