@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap";:root{--bg-dark:#07080a;--text-primary:#fffffff2;--text-secondary:#fff9;--text-muted:#ffffff59;--accent-work:#ff5e62;--accent-work-glow:#ff5e624d;--accent-break:#10b981;--accent-break-glow:#10b9814d;--glass-bg:#ffffff08;--glass-border:#ffffff12;--glass-border-hover:#ffffff26;--glass-shadow:0 8px 32px 0 #0006;--glass-blur:blur(20px);--transition-smooth:all .5s cubic-bezier(.25, .8, .25, 1);--transition-fast:all .2s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;width:100vw;height:100dvh;font-family:Plus Jakarta Sans,Noto Sans SC,-apple-system,sans-serif;overflow:hidden}@media (height<=700px),(width<=900px){body{height:auto;overflow-y:auto}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);transition:var(--transition-smooth);border-radius:24px}.glass-panel:hover{border-color:var(--glass-border-hover)}input[type=range]{-webkit-appearance:none;width:100%;height:4px;transition:var(--transition-fast);background:#ffffff1a;border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;width:14px;height:14px;transition:var(--transition-fast);background:#fff;border-radius:50%;box-shadow:0 0 10px #ffffff80}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(180deg)}to{transform:translateY(0)rotate(360deg)}}@keyframes pulse-glow{0%{box-shadow:0 0 0 0 var(--pulse-color)}70%{box-shadow:0 0 20px 10px #0000}to{box-shadow:0 0 #0000}}.ambient-bg-container{z-index:-2;background-color:#060709;width:100vw;height:100vh;transition:background-color 1.5s ease-in-out;position:absolute;top:0;left:0;overflow:hidden}.bg-overlay{-webkit-backdrop-filter:saturate(140%);backdrop-filter:saturate(140%);z-index:-1;background:radial-gradient(circle,#07080a33 0%,#07080acc 100%);width:100%;height:100%;position:absolute;top:0;left:0}.blob{filter:blur(140px);opacity:.45;mix-blend-mode:screen;border-radius:50%;transition:all 2s ease-in-out;position:absolute}.mode-work .blob-1{background-color:#ff5e62;width:50vw;height:50vw;animation:25s ease-in-out infinite alternate float-blob-1;top:-10%;left:-10%}.mode-work .blob-2{background-color:#f96;width:45vw;height:45vw;animation:30s ease-in-out infinite alternate float-blob-2;bottom:-10%;right:-5%}.mode-work .blob-3{background-color:#8a2387;width:40vw;height:40vw;animation:28s ease-in-out infinite alternate float-blob-3;top:40%;left:30%}.mode-work .blob-4{background-color:#e94057;width:35vw;height:35vw;animation:22s ease-in-out infinite alternate float-blob-4;bottom:20%;left:-5%}.mode-break .blob-1{background-color:#10b981;width:50vw;height:50vw;animation:25s ease-in-out infinite alternate float-blob-1;top:-10%;left:-10%}.mode-break .blob-2{background-color:#06b6d4;width:45vw;height:45vw;animation:30s ease-in-out infinite alternate float-blob-2;bottom:-10%;right:-5%}.mode-break .blob-3{background-color:#0284c7;width:40vw;height:40vw;animation:28s ease-in-out infinite alternate float-blob-3;top:40%;left:30%}.mode-break .blob-4{background-color:#14b8a6;width:35vw;height:35vw;animation:22s ease-in-out infinite alternate float-blob-4;bottom:20%;left:-5%}@keyframes float-blob-1{0%{transform:translate(0)scale(1)}50%{transform:translate(8%,12%)scale(1.1)}to{transform:translate(-5%,5%)scale(.9)}}@keyframes float-blob-2{0%{transform:translate(0)scale(.9)}50%{transform:translate(-12%,-8%)scale(1.15)}to{transform:translate(5%,-5%)scale(1)}}@keyframes float-blob-3{0%{transform:translate(0)scale(1.1)}50%{transform:translate(-8%,10%)scale(.95)}to{transform:translate(10%,-10%)scale(1.05)}}@keyframes float-blob-4{0%{transform:translate(0)scale(1)}50%{transform:translate(15%,-15%)scale(1.1)}to{transform:translate(-10%,10%)scale(.9)}}@media (prefers-reduced-motion:reduce){.blob{animation:none!important;transform:none!important}}.timer-container{flex-direction:column;justify-content:center;align-items:center;width:380px;max-width:90vw;margin:0 auto;padding:30px 24px;display:flex}.timer-header-tools{justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:25px;display:flex}.custom-task-input{color:var(--text-primary);width:80%;transition:var(--transition-fast);text-align:center;background:#ffffff05;border:1px solid #ffffff0a;border-radius:20px;outline:none;padding:6px 14px;font-size:.8rem}.custom-task-input:focus{background:#ffffff0f;border-color:#ffffff26}.settings-trigger-btn{color:var(--text-muted);cursor:pointer;width:32px;height:32px;transition:var(--transition-fast);background:#ffffff08;border:1px solid #ffffff0d;border-radius:50%;justify-content:center;align-items:center;display:flex}.settings-trigger-btn:hover{color:var(--text-primary);background:#ffffff14;border-color:#fff3}.mode-tabs{background:#ffffff0a;border:1px solid #ffffff0d;border-radius:40px;width:100%;margin-bottom:35px;padding:4px;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:30px;flex:1;padding:8px 16px;font-size:.85rem;font-weight:500}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--text-primary);background:#ffffff14;box-shadow:0 2px 10px #0003}.timer-display-wrapper{justify-content:center;align-items:center;width:280px;height:280px;margin-bottom:35px;display:flex;position:relative}.progress-ring{transform-origin:50%;position:absolute;transform:rotate(-90deg)}.timer-text-content{z-index:1;flex-direction:column;justify-content:center;align-items:center;display:flex}.countdown-time{letter-spacing:-2px;color:var(--text-primary);font-feature-settings:"tnum";margin-bottom:4px;font-family:Instrument Serif,Georgia,serif;font-size:5rem;font-weight:300;line-height:1}.timer-status{letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);font-size:.75rem;font-weight:500}.timer-controls{justify-content:center;align-items:center;gap:24px;display:flex}.control-btn{cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.control-btn.secondary{color:var(--text-muted);background:#ffffff05;border:1px solid #ffffff0d;border-radius:50%;width:44px;height:44px}.control-btn.secondary:hover{color:var(--text-primary);border-color:#fff3;transform:scale(1.05)}.control-btn.primary{color:#fff;background:var(--btn-accent);border-radius:50%;width:72px;height:72px;box-shadow:0 4px 20px #0006}.control-btn.primary:hover{filter:brightness(1.1);transform:scale(1.08);box-shadow:0 6px 24px #00000080}.control-btn.primary:active{transform:scale(.96)}.mixer-container{width:480px;max-width:90vw;margin:0 auto;padding:30px 24px}.mixer-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.mixer-title{letter-spacing:.5px;color:var(--text-primary);font-size:1.1rem;font-weight:600}.mixer-global-actions{align-items:center;gap:16px;display:flex}.global-action-btn.text{color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;font-size:.8rem;font-weight:500}.global-action-btn.text:hover{color:var(--text-primary)}.global-action-btn.icon-circle{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:50%;justify-content:center;align-items:center;display:flex}.global-action-btn.icon-circle:hover{color:var(--text-primary);background:#ffffff14;border-color:#ffffff26}.global-action-btn.icon-circle.muted{color:#ef4444;background:#ef44441a;border-color:#ef444433}.sounds-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=480px){.sounds-grid{grid-template-columns:1fr}}.sound-card{cursor:pointer;transition:var(--transition-fast);background:#ffffff04;border:1px solid #ffffff0a;border-radius:16px;flex-direction:column;padding:16px;display:flex}.sound-card:hover{background:#ffffff08;border-color:#ffffff1a}.sound-card.active{background:#ffffff0d;border-color:#fff3;box-shadow:0 4px 20px #00000026}.sound-info-row{align-items:center;gap:12px;margin-bottom:12px;display:flex}.sound-icon-wrapper{width:36px;height:36px;color:var(--text-secondary);transition:var(--transition-fast);background:#ffffff08;border:1px solid #ffffff0a;border-radius:10px;justify-content:center;align-items:center;display:flex}.sound-card.active .sound-icon-wrapper{color:#fff;background:#ffffff1a;box-shadow:0 0 10px #ffffff1a}.sound-name{color:var(--text-secondary);transition:var(--transition-fast);font-size:.85rem;font-weight:500}.sound-card.active .sound-name{color:var(--text-primary);font-weight:600}.sound-control-row{width:100%}.sound-volume-slider{opacity:.3;transition:var(--transition-fast)}.sound-card.active .sound-volume-slider{opacity:1}.sound-card.error-state{cursor:not-allowed;background:#ef444405!important;border-color:#ef444440!important}.sound-card.error-state:hover{background:#ef44440a!important}.sound-name-col{flex-direction:column;gap:2px;display:flex}.sound-error-icon{color:#ef4444}.sound-retry-btn{color:#ef4444;cursor:pointer;width:fit-content;transition:var(--transition-fast);background:#ef44441a;border:1px solid #ef444440;border-radius:4px;align-items:center;padding:1px 6px;font-size:.65rem;display:inline-flex}.sound-retry-btn:hover{color:#f55;background:#ef444433;border-color:#ef444466}.app-viewport{z-index:1;flex-direction:column;justify-content:space-between;align-items:center;width:100vw;min-height:100dvh;padding:30px 20px;display:flex;position:relative}.app-header{text-align:center;margin-top:10px}.brand-logo{letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);justify-content:center;align-items:center;gap:8px;margin-bottom:2px;font-size:.75rem;font-weight:700;display:flex}.brand-mark-svg{border-radius:4px;flex-shrink:0;width:20px;height:20px}.brand-app-name{color:var(--text-primary);letter-spacing:.5px;font-family:Instrument Serif,Georgia,serif;font-size:2rem;font-style:italic;font-weight:400}.app-main-content{flex:1;justify-content:center;align-items:center;width:100%;max-width:1200px;margin:20px 0;display:flex}.app-layout-grid{justify-content:center;align-items:center;gap:40px;width:100%;display:flex}@media (width<=900px){.app-layout-grid{flex-direction:column;gap:24px;max-height:75vh;padding:10px;overflow-y:auto}}.app-footer{text-align:center;margin-bottom:10px}.footer-links{justify-content:center;align-items:center;gap:12px;display:flex}.footer-link-item{color:var(--text-muted);transition:var(--transition-fast);font-size:.8rem;font-weight:500;text-decoration:none}.footer-link-item:hover{color:var(--text-primary)}.footer-link-item.active{color:var(--text-primary);font-weight:600}.footer-divider{color:#ffffff14;font-size:.8rem}