:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#333;background-color:#333;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--background: oklch(1 0 0);--foreground: oklch(.141 .005 285.823);--card: oklch(1 0 0);--card-foreground: oklch(.141 .005 285.823);--popover: oklch(1 0 0);--popover-foreground: oklch(.141 .005 285.823);--primary: oklch(.21 .006 285.885);--primary-foreground: oklch(.985 0 0);--secondary: oklch(.967 .001 286.375);--secondary-foreground: oklch(.21 .006 285.885);--muted: oklch(.967 .001 286.375);--muted-foreground: oklch(.552 .016 285.938);--accent: oklch(.967 .001 286.375);--accent-foreground: oklch(.21 .006 285.885);--destructive: oklch(.577 .245 27.325);--destructive-foreground: oklch(.577 .245 27.325);--border: oklch(.92 .004 286.32);--input: oklch(.92 .004 286.32);--ring: oklch(.871 .006 286.286);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--radius: .625rem;--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.141 .005 285.823);--sidebar-primary: oklch(.21 .006 285.885);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.967 .001 286.375);--sidebar-accent-foreground: oklch(.21 .006 285.885);--sidebar-border: oklch(.92 .004 286.32);--sidebar-ring: oklch(.871 .006 286.286)}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;font-family:Arial,sans-serif;background-color:#000;padding:0}h1{font-size:3.2em;line-height:1.1;text-align:center;margin-top:20px}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:#fff;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{background-color:#333;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px auto;padding:20px;max-width:400px;color:#fff}.notification{position:fixed;top:20px;right:20px;background-color:#333;color:#fff;padding:15px 25px;border-radius:8px;box-shadow:0 4px 8px #0003;z-index:1000;display:flex;align-items:center;gap:10px}.notification p{margin:0;font-size:16px}.notification button{background:none;border:none;color:#fff;font-size:16px;cursor:pointer;padding:5px 10px;border-radius:4px;transition:background-color .3s}.notification button:hover{background-color:#fff3}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{font-family:Arial,sans-serif;background-color:#333;margin:0;padding:0;color:#333;transition:background-color .3s,color .3s;display:flex;justify-content:center;align-items:center;height:100vh}.app{padding-top:70px;width:100%;height:100%}h1{text-align:center;margin-top:20px}.card{background-color:#fff;border-radius:8px;box-shadow:none;margin:20px auto;padding:20px;max-width:400px;text-align:center}.card h2{font-size:2em;margin:10px 0}.timer-controls{display:flex;flex-direction:column;align-items:center}.timer-controls input{margin-bottom:10px;padding:5px;font-size:1em;width:80px;text-align:center}.timer-controls button{margin:5px;padding:10px 20px;font-size:1em;border:none;border-radius:4px;cursor:pointer;background-color:#007bff;color:#fff}.timer-controls button:disabled{background-color:#ccc;cursor:not-allowed}button{padding:12px 20px;margin:5px;border:none;border-radius:25px;cursor:pointer;transition:background-color .3s,transform .2s;background-color:#007bff;color:#fff;font-weight:700}button:hover{background-color:#0056b3}input{padding:12px;margin:5px;border:1px solid #ccc;border-radius:5px;width:100%}.settings-panel{padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px auto;max-width:400px}.settings-panel h2{margin-bottom:20px}.settings-panel label{display:block;margin-bottom:10px}.settings-panel input[type=number],.settings-panel select{width:100%;padding:8px;margin-top:5px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px}.settings-panel button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.settings-panel button:hover{background-color:#0056b3}.app.light{background-color:#f0f0f0;color:#333}.app.dark{background-color:#333;color:#f0f0f0}.app.blue{background-color:#007bff;color:#fff}.settings-panel.light{background-color:#f9f9f9;color:#333}.settings-panel.dark{background-color:#444;color:#f0f0f0}.settings-panel.blue{background-color:#0056b3;color:#fff}.navbar{background-color:#333;overflow:hidden;position:fixed;height:60px;width:100%;top:0;left:0;z-index:1000;display:flex;justify-content:center;align-items:center}.navbar ul{list-style-type:none;margin:0;padding:0;display:flex;justify-content:center;align-items:center}.navbar li{margin:0 10px}.navbar li a{display:block;color:#fff;text-align:center;padding:14px 16px;text-decoration:none}.navbar li a:hover{background-color:#111}.reward-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000}.reward-button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color .3s}.reward-button:hover{background-color:#0056b3}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.loading-bar{position:fixed;top:0;left:0;width:100%;height:4px;background-color:#f0f0f0;z-index:1000}.loading-bar-progress{width:0;height:100%;background-color:#007bff;animation:loading 2s infinite}@keyframes loading{0%{width:0}50%{width:100%}to{width:0}}