:root{--color-kawaii-primary:#ff9eb5;--color-kawaii-primary-dark:#ff7b9c;--color-kawaii-secondary:#ffd1d1;--color-kawaii-accent:#cdf0ea;--color-kawaii-text:#5e4b52;--color-kawaii-dark:#4a3b40;--color-kawaii-bg:#fff0f5}#sound-drawer-close-btn,#chime-volume-slider,#vol-brown,#vol-pink,#vol-rain,#vol-cafe,#btn-brown,#btn-pink,#btn-rain,#btn-cafe{min-height:44px}#sound-drawer-close-btn,#btn-brown,#btn-pink,#btn-rain,#btn-cafe{min-width:44px}#sound-drawer details summary{min-height:44px}#sound-drawer a{min-height:44px!important}#sound-drawer details a{align-items:center;display:inline-flex}.dark{--color-kawaii-bg:#1a1a2e;--color-kawaii-text:#e8e8e8;--color-kawaii-dark:#f0f0f0}.dark body{background-color:var(--color-kawaii-bg);color:var(--color-kawaii-text)}.dark .glass{background:#28283ca6;border-color:#50506480}.dark .task-input-header{color:var(--color-kawaii-text);background:#28283c99;border-color:#50506480}.dark .task-input-header:focus{background:#323246e6}body.theme-night #complete-count-badge{color:#e2e8f0;background:#1e293b;border-color:#475569}body.theme-night #complete-count{color:#f8fafc}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-kawaii-primary);border-radius:10px}*{scrollbar-width:thin;scrollbar-color:var(--color-kawaii-primary) transparent}.glass{-webkit-backdrop-filter:blur(16px);background:#ffffffa6;border:2px solid #ffffffe6;box-shadow:0 8px 32px #ff9eb526}.timer-btn-active{background-color:var(--color-kawaii-primary);color:#fff;border-color:#0000;transform:scale(1.05);box-shadow:0 4px 12px #ff9eb566}.break-btn-active{background-color:var(--color-kawaii-accent);color:#115e59;border-color:#0000;transform:scale(1.05);box-shadow:0 4px 12px #14b8a633}.preset-btn-active{border-color:var(--color-kawaii-primary);color:var(--color-kawaii-primary-dark);background-color:#fff;box-shadow:0 0 0 2px #ffc1d0}.progress-ring__circle{transform-origin:50%;transition:stroke-dashoffset .35s;transform:rotate(-90deg)}.task-input-header{background:#fff9;border:2px solid #fff;transition:all .3s}.task-input-header:focus{border-color:var(--color-kawaii-primary);background:#fff;box-shadow:0 0 0 3px #ff9eb533}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#btn-main-action{transition:all .2s ease-in-out;background:linear-gradient(135deg, var(--color-kawaii-primary-dark) 0%, #ff527c 100%)!important;color:#fff!important;border:none!important;box-shadow:0 4px 14px #ff7b9c66!important}#btn-main-action:hover{transform:scale(1.05);background:linear-gradient(135deg,#ff527c 0%,#e63962 100%)!important;box-shadow:0 6px 20px #ff527c99!important}#btn-main-action span{color:#fff!important}#restart-btn{transition:all .2s ease-in-out;color:var(--color-kawaii-text)!important;background-color:#f8fafc!important;border:2px solid #cbd5e1!important}#restart-btn:hover{background-color:var(--color-kawaii-text)!important;color:#fff!important;border-color:var(--color-kawaii-text)!important}#restart-btn span{color:inherit!important}.preset-btn{color:var(--color-kawaii-text)!important;background-color:#ffffffe6!important;border:2px solid #cbd5e1!important}.preset-btn:hover{box-shadow:0 4px 12px #ff9eb526;border-color:var(--color-kawaii-primary)!important;background-color:#fff!important}.preset-btn-active,.preset-btn.preset-btn-active{border-color:var(--color-kawaii-primary-dark)!important;color:var(--color-kawaii-primary-dark)!important;background-color:#fff!important;box-shadow:0 0 0 2px #ff7b9c33!important}.timer-preset{transition:all .2s ease-in-out;color:var(--color-kawaii-text)!important;background-color:#fff!important;border:2px solid #cbd5e1!important}.timer-preset:hover{border-color:var(--color-kawaii-primary)!important;background-color:#fff8fa!important}.timer-btn-active,.timer-preset.timer-btn-active{color:#fff!important;background-color:#c9335f!important;border-color:#c9335f!important;box-shadow:0 4px 12px #ff7b9c66!important}.break-btn-active,.timer-preset.break-btn-active{color:#fff!important;background-color:#0f766e!important;border-color:#0f766e!important;box-shadow:0 4px 12px #0d94884d!important}.dark #btn-main-action{background:linear-gradient(135deg, var(--color-kawaii-primary-dark) 0%, #ff527c 100%)!important;box-shadow:0 4px 14px #ff7b9c66!important}.dark #restart-btn{color:var(--color-kawaii-text)!important;background-color:#1e1e2f!important;border-color:#4b5563!important}.dark #restart-btn:hover{background-color:var(--color-kawaii-text)!important;color:#fff!important;border-color:var(--color-kawaii-text)!important}.dark .preset-btn{color:var(--color-kawaii-text)!important;background-color:#1e1e32cc!important;border-color:#4b5563!important}.dark .preset-btn:hover{border-color:var(--color-kawaii-primary)!important;background-color:#282841e6!important}.dark .timer-preset{color:var(--color-kawaii-text)!important;background-color:#1e1e32cc!important;border-color:#4b5563!important}.dark .timer-preset:hover{border-color:var(--color-kawaii-primary)!important;background-color:#282841e6!important}.dark .timer-btn-active,.dark .timer-preset.timer-btn-active{color:#fff!important;background-color:#c9335f!important;border-color:#c9335f!important}.dark .break-btn-active,.dark .timer-preset.break-btn-active{color:#fff!important;background-color:#0f766e!important;border-color:#0f766e!important}.dark #timer-label{color:#be123c!important;opacity:1!important}.dark #timer-display{color:#1e293b!important}.dark #next-break-display{color:#0f766e!important}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--color-kawaii-primary-dark)!important;outline-offset:3px!important;box-shadow:0 0 0 3px #ff7b9c66!important}