:root{--emerald-50: #ecfdf5;--emerald-100: #d1fae5;--emerald-500: #10b981;--emerald-600: #059669;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b}*{box-sizing:border-box}html,body{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background:linear-gradient(135deg,var(--slate-50) 0%,var(--slate-100) 100%);min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--slate-100);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--slate-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--slate-400)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #10b9814d}50%{box-shadow:0 0 30px #10b98199}}@keyframes timer-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.animate-slide-in{animation:slideIn .3s ease-out forwards}.animate-pulse-glow{animation:pulse-glow 2s infinite}.animate-timer-pulse{animation:timer-pulse 1s ease-in-out infinite}.btn-primary{@apply bg-emerald-500 hover:bg-emerald-600 text-white font-semibold py-3 px-6 rounded-xl transition-all duration-200 shadow-lg hover:shadow-xl;}.btn-secondary{@apply bg-slate-100 hover:bg-slate-200 text-slate-700 font-semibold py-3 px-6 rounded-xl transition-all duration-200;}.btn-danger{@apply bg-red-500 hover:bg-red-600 text-white font-semibold py-3 px-6 rounded-xl transition-all duration-200 shadow-lg hover:shadow-xl;}.card{@apply bg-white rounded-2xl shadow-lg border border-slate-200 p-6 hover:shadow-xl transition-shadow duration-200;}.input-field{@apply w-full px-4 py-3 bg-slate-50 border border-slate-200 rounded-xl focus:outline-none focus:ring-2 focus:ring-emerald-500 focus:border-emerald-500 transition-all duration-200;}.timer-display{@apply text-6xl font-bold tracking-tight;text-shadow:0 2px 4px rgba(0,0,0,.1)}.phase-work{@apply bg-gradient-to-br from-emerald-500 to-emerald-600;}.phase-rest{@apply bg-gradient-to-br from-blue-500 to-blue-600;}.phase-pause{@apply bg-gradient-to-br from-amber-500 to-amber-600;}.phase-complete{@apply bg-gradient-to-br from-purple-500 to-purple-600;}.progress-bar{@apply w-full bg-slate-200 rounded-full h-3 overflow-hidden;}.progress-fill{@apply bg-gradient-to-r from-emerald-500 to-emerald-600 h-3 rounded-full transition-all duration-1000 shadow-sm;}.glass{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}@media(max-width:640px){.timer-display{@apply text-4xl;}.card{@apply p-4;}.btn-primary,.btn-secondary,.btn-danger{@apply py-2 px-4 text-sm;}}.focus-ring{@apply focus:outline-none focus:ring-2 focus:ring-emerald-500 focus:ring-offset-2;}.loading{position:relative;overflow:hidden}.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}@media(prefers-color-scheme:dark){:root{--slate-50: #0f172a;--slate-100: #1e293b;--slate-200: #334155;--slate-500: #94a3b8;--slate-600: #cbd5e1;--slate-700: #e2e8f0;--slate-800: #f1f5f9}}@media print{.no-print{display:none!important}body{background:#fff!important}.card{box-shadow:none!important;border:1px solid #ccc!important}}@media(prefers-contrast:high){.btn-primary{@apply border-2 border-emerald-700;}.card{@apply border-2 border-slate-300;}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(pointer:coarse){button,.btn-primary,.btn-secondary,.btn-danger{min-height:44px;min-width:44px}}.logo{width:70px;height:70px;background-image:url(/assets/challange-DyZ08VJu.png);background-size:contain;background-repeat:no-repeat;background-position:center}@tailwind base;@tailwind components;@tailwind utilities;