: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{display:inline-flex;align-items:center}.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{background:#28283c99;border-color:#50506480;color:var(--color-kawaii-text)}.dark .task-input-header:focus{background:#323246e6}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-kawaii-primary);border-radius:10px}*{scrollbar-width:thin;scrollbar-color:var(--color-kawaii-primary) transparent}.glass{background:#ffffffa6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:2px solid rgba(255,255,255,.9);box-shadow:0 8px 32px #ff9eb526}.timer-btn-active{background-color:var(--color-kawaii-primary);color:#fff;box-shadow:0 4px 12px #ff9eb566;transform:scale(1.05);border-color:transparent}.break-btn-active{background-color:var(--color-kawaii-accent);color:#115e59;box-shadow:0 4px 12px #14b8a633;transform:scale(1.05);border-color:transparent}.preset-btn-active{background-color:#fff;border-color:var(--color-kawaii-primary);color:var(--color-kawaii-primary-dark);box-shadow:0 0 0 2px #ffc1d0}.progress-ring__circle{transition:stroke-dashoffset .35s;transform:rotate(-90deg);transform-origin:50% 50%}.task-input-header{background:#fff9;border:2px solid white;transition:all .3s ease}.task-input-header:focus{background:#fff;border-color:var(--color-kawaii-primary);box-shadow:0 0 0 3px #ff9eb533}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}#btn-main-action{background:linear-gradient(135deg,var(--color-kawaii-primary-dark) 0%,#ff527c 100%)!important;color:#fff!important;box-shadow:0 4px 14px #ff7b9c66!important;border:none!important;transition:all .2s ease-in-out}#btn-main-action:hover{transform:scale(1.05);background:linear-gradient(135deg,#ff527c,#e63962)!important;box-shadow:0 6px 20px #ff527c99!important}#btn-main-action span{color:#fff!important}#restart-btn{background-color:#f8fafc!important;border:2px solid #cbd5e1!important;color:var(--color-kawaii-text)!important;transition:all .2s ease-in-out}#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{background-color:#ffffffe6!important;border:2px solid #cbd5e1!important;color:var(--color-kawaii-text)!important}.preset-btn:hover{background-color:#fff!important;border-color:var(--color-kawaii-primary)!important;box-shadow:0 4px 12px #ff9eb526}.preset-btn-active,.preset-btn.preset-btn-active{background-color:#fff!important;border-color:var(--color-kawaii-primary-dark)!important;color:var(--color-kawaii-primary-dark)!important;box-shadow:0 0 0 2px #ff7b9c33!important}.timer-preset{border:2px solid #cbd5e1!important;background-color:#fff!important;color:var(--color-kawaii-text)!important;transition:all .2s ease-in-out}.timer-preset:hover{border-color:var(--color-kawaii-primary)!important;background-color:#fff8fa!important}.timer-btn-active,.timer-preset.timer-btn-active{background-color:var(--color-kawaii-primary-dark)!important;border-color:var(--color-kawaii-primary-dark)!important;color:#fff!important;box-shadow:0 4px 12px #ff7b9c66!important}.break-btn-active,.timer-preset.break-btn-active{background-color:#0d9488!important;border-color:#0d9488!important;color:#fff!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{background-color:#1e1e2f!important;border-color:#4b5563!important;color:var(--color-kawaii-text)!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{background-color:#1e1e32cc!important;border-color:#4b5563!important;color:var(--color-kawaii-text)!important}.dark .preset-btn:hover{background-color:#282841e6!important;border-color:var(--color-kawaii-primary)!important}.dark .timer-preset{background-color:#1e1e32cc!important;border-color:#4b5563!important;color:var(--color-kawaii-text)!important}.dark .timer-preset:hover{background-color:#282841e6!important;border-color:var(--color-kawaii-primary)!important}.dark .timer-btn-active,.dark .timer-preset.timer-btn-active{background-color:var(--color-kawaii-primary-dark)!important;border-color:var(--color-kawaii-primary-dark)!important;color:#fff!important}.dark .break-btn-active,.dark .timer-preset.break-btn-active{background-color:#0d9488!important;border-color:#0d9488!important;color:#fff!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}