:root{--bg-color:#1a1a1a;--text-primary:#fff;--text-secondary:#ffffffb3;--accent-color:#ff5e5e;--accent-hover:#ff4747;--glass-bg:#14141473;--glass-border:#ffffff14;--glass-drawer-bg:#141414d9;--glass-item-bg:#ffffff0d;--glass-input-bg:#ffffff1a;--glass-hover-bg:#ffffff26;--glass-btn-bg:#ffffff1a;--modal-backdrop:#00000080;--glass-blur:blur(16px);--radius-lg:24px;--radius-md:16px;--radius-sm:8px}[data-theme=light]{--bg-color:#f0f0f0;--text-primary:#222;--text-secondary:#000000b3;--accent-color:#ff5e5e;--accent-hover:#ff4747;--glass-bg:#ffffffa6;--glass-border:#0000001a;--glass-drawer-bg:#f6f6f6d9;--glass-item-bg:#0000000a;--glass-input-bg:#0000000d;--glass-hover-bg:#00000014;--glass-btn-bg:#0000000d;--modal-backdrop:#fff9}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--glass-hover-bg);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#96969680}*{box-sizing:border-box}html,body,#root{width:100%;height:100%}body{background-color:var(--bg-color);color:var(--text-primary);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}#root{position:relative}.app-main{place-items:center;width:100%;height:100%;display:grid}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit;transition:all .2s}button:disabled{opacity:.5;cursor:not-allowed}input[type=range]{accent-color:var(--accent-color)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:90%;max-width:450px;min-height:350px;padding:2rem;box-shadow:0 8px 32px #0000004d}.timer-text{letter-spacing:2px;margin:20px 0;font-size:clamp(4rem,15vw,7rem);font-weight:800;line-height:1}.stats-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=768px){.glass-panel{min-height:280px;padding:1.5rem}.btn-icon{width:56px;height:56px}.stats-grid{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.app-background{backface-visibility:hidden;will-change:opacity, transform, filter, clip-path}.background-transition-fade{animation:.8s both backgroundFade}.background-transition-zoom-in{animation:.9s cubic-bezier(.22,1,.36,1) both backgroundZoomIn}.background-transition-zoom-out{animation:.9s cubic-bezier(.22,1,.36,1) both backgroundZoomOut}.background-transition-slide-left{animation:.85s cubic-bezier(.22,1,.36,1) both backgroundSlideLeft}.background-transition-slide-up{animation:.85s cubic-bezier(.22,1,.36,1) both backgroundSlideUp}.background-transition-blur{animation:1s both backgroundBlur}.background-transition-wipe{animation:.9s cubic-bezier(.65,0,.35,1) both backgroundWipe}@keyframes backgroundFade{0%{opacity:0}to{opacity:1}}@keyframes backgroundZoomIn{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes backgroundZoomOut{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes backgroundSlideLeft{0%{opacity:.15;transform:translate(7%)scale(1.03)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes backgroundSlideUp{0%{opacity:.15;transform:translateY(7%)scale(1.03)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes backgroundBlur{0%{opacity:0;filter:blur(20px);transform:scale(1.05)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes backgroundWipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@media (prefers-reduced-motion:reduce){.app-background{animation-duration:.01ms}}.animate-fade-in{animation:.4s forwards fadeIn}.flex-center{justify-content:center;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.btn-primary{background:var(--accent-color);color:#fff;border-radius:var(--radius-md);padding:.75rem 1.5rem;font-size:1rem;font-weight:600}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px)}.btn-secondary{background:var(--glass-btn-bg);color:var(--text-primary);border-radius:var(--radius-md);padding:.75rem 1.5rem;font-size:1rem;font-weight:600}.btn-secondary:hover{background:var(--glass-hover-bg)}.btn-icon{background:var(--glass-btn-bg);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.btn-icon:hover{background:var(--glass-hover-bg);transform:scale(1.05)}.glass-card{background:var(--glass-item-bg);border-radius:var(--radius-md);border:1px solid var(--glass-border);padding:1.2rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.modern-input{background:var(--glass-input-bg);width:100%;color:var(--text-primary);border-radius:var(--radius-sm);border:1px solid #0000;outline:none;padding:.85rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s cubic-bezier(.16,1,.3,1)}.modern-input:focus{background:var(--glass-item-bg);border-color:var(--accent-color);box-shadow:0 0 0 3px #ff5e5e26}.modern-input::placeholder{color:var(--text-secondary);opacity:.6}.form-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.modern-button{background:var(--accent-color);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:space-between;align-items:center;width:100%;padding:1rem 1.2rem;font-size:1rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 14px #ff5e5e4d}.modern-button:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px #ff5e5e66}.modern-button:active{transform:translateY(1px)}.modern-label{color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase;margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.background-library-summary{color:var(--text-secondary);margin-bottom:.75rem;font-size:.85rem}.background-library-error{color:#ff6b6b;margin-bottom:.75rem;font-size:.85rem}.background-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:1rem;display:grid}.background-thumbnail{aspect-ratio:4/3;background:var(--glass-item-bg);border:2px solid #0000;border-radius:10px;position:relative;overflow:hidden}.background-thumbnail.active{border-color:var(--accent-color);box-shadow:0 0 0 2px #ff5e5e29}.background-thumbnail-select{width:100%;height:100%;padding:0;display:block}.background-thumbnail-select img{object-fit:cover;width:100%;height:100%;display:block}.background-thumbnail-select span{color:#fff;background:#00000094;border-radius:999px;min-width:20px;padding:2px 6px;font-size:.72rem;font-weight:700;position:absolute;bottom:6px;left:6px}.background-thumbnail-delete{color:#fff;background:#0000009e;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:5px;right:5px}.background-thumbnail-delete:hover{background:#ff4747e6}.background-mode-grid{grid-template-columns:1fr 1fr;gap:10px;margin:0 0 1rem;display:grid}.background-mode-grid .btn-secondary.active{color:#fff;background:var(--accent-color)}.background-stepper{color:var(--text-secondary);justify-content:center;align-items:center;gap:16px;margin-bottom:1rem;font-size:.9rem;display:flex}.background-stepper .btn-icon{width:36px;height:36px}