@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.button{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-raised);color:var(--text-primary);cursor:pointer;transition:transform var(--duration-fast) var(--ease),background var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease)}.button:hover{background:#ffffff14;border-color:var(--border-strong)}.button:active{transform:scale(.94)}.button:focus-visible{outline:2px solid var(--accent-focus);outline-offset:2px}.button--default{width:44px;height:44px}.button--primary{width:60px;height:60px;background:var(--text-primary);color:var(--bg-base);border-color:var(--text-primary)}.button--primary:hover{background:#ffffffe0;border-color:#ffffffe0}.button--icon{width:20px;height:20px;stroke-width:2}.button--primary .button--icon{width:22px;height:22px}@media (max-width: 480px){.button--default{width:40px;height:40px}.button--primary{width:54px;height:54px}.button--icon{width:18px;height:18px}}.circular-progress{transform:rotate(-90deg);overflow:visible}.circular-progress-track{fill:none;stroke:var(--border);stroke-width:4}.circular-progress-circle{fill:none;stroke:var(--ring-color, currentColor);stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .6s var(--ease),stroke var(--duration-base) var(--ease);filter:drop-shadow(0 0 12px color-mix(in srgb,var(--ring-color, currentColor) 60%,transparent))}.input-range{width:100%;display:flex;align-items:center;gap:var(--space-4)}.input-range-label{min-width:76px;font-size:13px;font-weight:500;color:var(--text-secondary)}.input-range-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:3px;background:var(--border);border-radius:var(--radius-full);outline:none;cursor:pointer}.input-range-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--text-primary);cursor:pointer;border:2px solid var(--bg-base);box-shadow:0 0 0 1px var(--border-strong);transition:transform var(--duration-fast) var(--ease)}.input-range-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.input-range-slider::-webkit-slider-thumb:active{transform:scale(1.25)}.input-range-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--text-primary);cursor:pointer;border:2px solid var(--bg-base)}.input-range-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--accent-focus-soft),0 0 0 1px var(--accent-focus)}.input-range-value{min-width:48px;text-align:right;font-size:13px;font-weight:500;color:var(--text-primary);font-variant-numeric:tabular-nums}.sound-picker{display:flex;flex-direction:column;gap:var(--space-3)}.sound-picker-heading{margin:0;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.sound-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.sound-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:transform var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease),background var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.sound-card:hover{border-color:var(--border-strong);background:#ffffff0f}.sound-card:active{transform:scale(.98)}.sound-card--selected{color:var(--text-primary);border-color:var(--accent-focus);background:var(--accent-focus-soft)}.sound-card-icon{width:18px;height:18px;flex-shrink:0}.sound-card-label{font-size:13px;font-weight:500}.sound-custom{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border:1px dashed var(--border);border-radius:var(--radius-md)}.sound-custom-label{font-size:11px;color:var(--text-muted);letter-spacing:.04em}.sound-custom-row{display:flex;gap:var(--space-2)}.sound-custom-input{flex:1;min-width:0;padding:var(--space-2) var(--space-3);background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;outline:none;transition:border-color var(--duration-fast) var(--ease)}.sound-custom-input:focus{border-color:var(--accent-focus)}.sound-custom-input::placeholder{color:var(--text-disabled)}.sound-custom-apply{display:inline-flex;align-items:center;gap:4px;padding:0 var(--space-3);background:var(--text-primary);color:var(--bg-base);border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;transition:opacity var(--duration-fast) var(--ease)}.sound-custom-apply:disabled{opacity:.35;cursor:not-allowed}.sound-custom-apply:not(:disabled):hover{opacity:.88}.sound-custom-active{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--accent-focus);word-break:break-all}.config{display:flex;flex-direction:column;gap:var(--space-6);animation:fade-in var(--duration-base) var(--ease)}.config-section{display:flex;flex-direction:column;gap:var(--space-3)}.config-section-heading{margin:0;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.config-input{display:flex;flex-direction:column;gap:var(--space-4)}.config-cycles{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);font-size:12px;color:var(--text-secondary);font-variant-numeric:tabular-nums}.config-cycles-reset{margin-left:auto;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:12px;text-decoration:underline;padding:0}.config-cycles-reset:hover{color:var(--text-primary)}.config-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.tab{display:flex;position:relative;border-bottom:1px solid var(--border-subtle)}.tab-item{flex:1;padding:var(--space-4) var(--space-3);background:transparent;border:none;cursor:pointer;font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);position:relative;transition:color var(--duration-fast) var(--ease)}.tab-item:hover{color:var(--text-secondary)}.tab-item.active{color:var(--text-primary)}.tab-item.active:after{content:"";position:absolute;left:50%;bottom:-1px;width:28px;height:2px;border-radius:2px;background:var(--text-primary);transform:translate(-50%);animation:tab-underline var(--duration-base) var(--ease)}@keyframes tab-underline{0%{opacity:0;transform:translate(-50%) scaleX(.2)}to{opacity:1;transform:translate(-50%) scaleX(1)}}.tab-item:focus-visible{outline:2px solid var(--accent-focus);outline-offset:-4px;border-radius:var(--radius-sm)}.counter{font-family:var(--font-sans);font-size:68px;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums;fill:var(--text-primary);transform:rotate(90deg)}@media (max-width: 480px){.counter{font-size:56px}}.title-container{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--text-primary)}.title-container .title{margin:0;font-size:20px;line-height:1;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--text-secondary)}.title--icon{width:20px;height:20px;color:var(--accent-focus);stroke-width:2.25}@media (max-width: 480px){.title-container .title{font-size:16px;letter-spacing:.24em}.title--icon{width:18px;height:18px}}.app{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6) var(--space-4);gap:var(--space-6)}.app-header{margin-bottom:var(--space-2)}.app-card{width:min(420px,100%);background:var(--bg-elevated);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft),var(--shadow-inset);overflow:hidden}.app-card-content{padding:var(--space-6) var(--space-6) var(--space-5)}.pomodoro{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);animation:fade-in var(--duration-base) var(--ease)}.pomodoro-mode{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 12px;border-radius:var(--radius-full);background:var(--bg-raised);border:1px solid var(--border);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.pomodoro-mode-dot{width:6px;height:6px;border-radius:var(--radius-full);background:currentColor;opacity:.7}.pomodoro-mode-dot.is-pulsing{animation:pulse 1.6s ease-in-out infinite;opacity:1}.pomodoro-mode--focus{color:var(--accent-focus)}.pomodoro-mode--rest{color:var(--accent-rest)}.pomodoro-mode--long-rest{color:var(--accent-long-rest)}.pomodoro-timer{position:relative;display:flex;align-items:center;justify-content:center;--ring-color: var(--text-muted)}.pomodoro-timer--focus{--ring-color: var(--accent-focus)}.pomodoro-timer--rest{--ring-color: var(--accent-rest)}.pomodoro-timer--long-rest{--ring-color: var(--accent-long-rest)}.pomodoro-timer.is-running:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:var(--radius-full);background:radial-gradient(circle at center,color-mix(in srgb,var(--ring-color) 18%,transparent) 0%,transparent 60%);animation:glow 3.5s ease-in-out infinite;pointer-events:none;z-index:-1}.pomodoro-cycles{display:flex;gap:var(--space-2)}.pomodoro-cycles-dot{width:7px;height:7px;border-radius:var(--radius-full);background:var(--border-strong);transition:background var(--duration-base) var(--ease),transform var(--duration-base) var(--ease)}.pomodoro-cycles-dot.is-filled{background:var(--accent-focus);transform:scale(1.15)}.pomodoro-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-4)}.pomodoro-shortcuts{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted);letter-spacing:.02em;flex-wrap:wrap;justify-content:center}.pomodoro-shortcuts .dot-separator{opacity:.4;margin:0 2px}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}@keyframes glow{0%,to{opacity:.6}50%{opacity:1}}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.app-card{border-radius:var(--radius-lg)}.app-card-content{padding:var(--space-5) var(--space-4) var(--space-4)}.pomodoro{gap:var(--space-4)}}:root{color-scheme:dark;--bg-base: #0a0a0b;--bg-elevated: rgba(22, 22, 26, .72);--bg-raised: rgba(255, 255, 255, .04);--border-subtle: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--text-primary: rgba(255, 255, 255, .96);--text-secondary: rgba(255, 255, 255, .72);--text-muted: rgba(255, 255, 255, .45);--text-disabled: rgba(255, 255, 255, .25);--accent-focus: #ff5a5a;--accent-focus-soft: rgba(255, 90, 90, .14);--accent-rest: #4abdfc;--accent-rest-soft: rgba(74, 189, 252, .14);--accent-long-rest: #b580ff;--accent-long-rest-soft: rgba(181, 128, 255, .16);--accent-idle: #52ec2f;--accent-idle-soft: rgba(82, 236, 47, .14);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 22px;--radius-full: 999px;--shadow-soft: 0 12px 48px rgba(0, 0, 0, .45);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .04);--blur: saturate(150%) blur(24px);--duration-fast: .15s;--duration-base: .26s;--ease: cubic-bezier(.2, .8, .2, 1);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, monospace}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{font-family:var(--font-sans);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01";overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(1200px 600px at 15% -10%,rgba(255,90,90,.12),transparent 60%),radial-gradient(900px 500px at 95% 110%,rgba(74,189,252,.1),transparent 60%),radial-gradient(600px 400px at 50% 50%,rgba(181,128,255,.05),transparent 70%)}#root{position:relative;z-index:1}button{font-family:inherit}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;padding:2px 6px;font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--text-secondary);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-sm)}