.shiny-text{display:inline-block}.alert-banner{border-radius:12px;padding:1rem 1.5rem;margin:0 auto 1.5rem;width:100%;display:flex;align-items:center;gap:1rem;font-weight:500;font-size:.95rem;box-sizing:border-box;animation:alertFadeIn .3s ease}.alert-banner i{font-size:1.2rem}.alert-error{background:#ff44441a;border:1px solid rgba(255,68,68,.2);color:#f44}[data-theme=light] .alert-error{background:#fff5f5;border-color:#feb2b2}.alert-warning{background:#ff98001a;border:1px solid rgba(255,152,0,.2);color:#ff9800}[data-theme=light] .alert-warning{background:#fffaf0;border-color:#fbd38d}.alert-success{background:#4caf501a;border:1px solid rgba(76,175,80,.2);color:#4caf50}[data-theme=light] .alert-success{background:#f0fff4;border-color:#9ae6b4}.alert-info{background:#2196f31a;border:1px solid rgba(33,150,243,.2);color:#2196f3}[data-theme=light] .alert-info{background:#ebf8ff;border-color:#90cdf4}@keyframes alertFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.theme-toggle{display:inline-flex;align-items:center;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}.theme-toggle-input{position:absolute;opacity:0;width:0;height:0}.theme-toggle-slider{position:relative;width:80px;height:40px;background-color:#fff;border-radius:9999px;transition:background-color .3s ease;box-shadow:0 1px 2px #0000000d;overflow:hidden}.theme-toggle-slider:after{content:"";position:absolute;width:32px;height:32px;border-radius:50%;top:4px;left:4px;background:linear-gradient(to right,#f97316,#facc15);transition:all .3s ease;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:10}.theme-toggle-input:active+.theme-toggle-slider:after{width:40px}.theme-toggle-input:checked+.theme-toggle-slider{background-color:#3f3f46}.theme-toggle-input:checked+.theme-toggle-slider:after{left:76px;transform:translate(-100%);background:#18181b}.theme-toggle-icon{position:absolute;width:20px;height:20px;pointer-events:none;transition:all .3s ease}.theme-toggle-sun{left:8px;fill:#fff;z-index:5}.theme-toggle-input:checked~.theme-toggle-sun{opacity:.6}.theme-toggle-moon{right:8px;fill:#000;opacity:.6;z-index:5}.theme-toggle-input:checked~.theme-toggle-moon{opacity:.7;fill:#fff}@keyframes spotify-scroll{0%,15%{transform:translate(0)}50%,65%{transform:translate(var(--scroll-distance))}to{transform:translate(0)}}.scrolling-text-container{overflow:hidden;white-space:nowrap}.scrolling-text-inner{display:inline-block;transform:translate(0)}.spotify-widget{display:flex;flex-direction:column;background-color:var(--card-bg);border:1px solid var(--border-color);width:100%;box-sizing:border-box;align-items:center;text-align:center;box-shadow:0 4px 6px var(--shadow-color);color:var(--text-color)}.spotify-widget.compact{gap:.25rem;padding:.75rem;border-radius:16px;max-width:400px}.spotify-widget:not(.compact){gap:1.5rem;padding:2rem;border-radius:24px;max-width:400px}.album-art{width:100%;max-width:280px;aspect-ratio:1/1;overflow:hidden;box-shadow:0 8px 24px #0000004d;border-radius:16px}.spotify-widget.compact .album-art{border-radius:12px;margin-bottom:.25rem}.spotify-widget:not(.compact) .album-art{border-radius:16px;margin-bottom:.5rem}.album-art img{width:100%;height:100%;object-fit:cover}.album-art-placeholder{width:100%;height:100%;background-color:var(--card-bg)}.text-info{width:100%;min-width:0}.track-link{text-decoration:none;display:block;color:var(--text-color)}.spotify-widget.compact .track-link{margin-bottom:.1rem}.spotify-widget:not(.compact) .track-link{margin-bottom:.5rem}.track-name{color:inherit;font-weight:700}.spotify-widget.compact .track-name{font-size:1.9rem}.spotify-widget:not(.compact) .track-name{font-size:1.5rem}.artist-name{color:var(--muted-text);font-weight:500}.spotify-widget.compact .artist-name{font-size:1.5rem;color:var(--text-color);font-weight:700}.spotify-widget:not(.compact) .artist-name{font-size:1.1rem}.album-name{font-size:.9rem;color:var(--muted-text);margin-top:.5rem}.progress-container{width:100%}.progress-bar-bg{width:100%;height:6px;background-color:var(--input-border);border-radius:3px;overflow:hidden}.spotify-widget.compact .progress-bar-bg{margin-top:.25rem;margin-bottom:.25rem}.spotify-widget:not(.compact) .progress-bar-bg{margin-top:.5rem;margin-bottom:.5rem}.progress-bar-fill{height:100%;background-color:#1db954;border-radius:3px;transition:width 1s linear}.time-display{display:flex;justify-content:space-between;font-size:.85rem;color:var(--muted-text);font-variant-numeric:tabular-nums;font-weight:500}.auth-message{text-align:center;padding:1rem;color:var(--muted-text)}.login-button{background-color:#1db954;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:24px;font-weight:700;cursor:pointer;font-size:.9rem;display:inline-flex;align-items:center;gap:.5rem;transition:transform .2s,background-color .2s}.login-button:hover{background-color:#1ed760;transform:scale(1.05)}.bots-container{width:100%;max-width:1200px;margin:0 auto;padding:2rem 1rem;box-sizing:border-box;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.bot-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;transition:transform .3s ease,box-shadow .3s ease,var(--theme-transition);box-shadow:0 4px 12px var(--shadow-color)}.bot-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000026}.bot-header{display:flex;align-items:center;gap:1rem}.bot-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:14px;font-size:1.75rem;flex-shrink:0;box-shadow:0 4px 12px #0000001a}.discord-icon{background:linear-gradient(135deg,#5865f2,#7289da);color:#fff}.steam-icon{background:linear-gradient(135deg,#1b2838,#2a475e);color:#fff}.bot-info{flex:1}.bot-info h2{margin:0 0 .25rem;font-size:1.3rem;font-weight:600;color:var(--text-color)}.bot-status{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--muted-text)}.uptime-counter{font-size:.8rem;color:var(--muted-text);opacity:.7;font-family:JetBrains Mono,Consolas,monospace;margin-left:.25rem}.status-dot{width:10px;height:10px;border-radius:50%;transition:var(--theme-transition)}.status-online{background:#43b581;box-shadow:0 0 12px #43b58199;animation:pulse 2s infinite}.status-offline{background:#747f8d}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.bot-details{padding:1rem;background:var(--input-bg);border-radius:12px;font-size:.9rem;border:1px solid var(--border-color)}.detail-row{display:flex;justify-content:space-between;margin-bottom:.75rem;line-height:1.4}.detail-row:last-child{margin-bottom:0}.label{color:var(--muted-text);font-weight:400}.value{color:var(--text-color);font-weight:500;text-align:right}.bot-actions{display:flex;gap:.75rem;margin-top:auto}.action-btn{flex:1;padding:.75rem 1rem;border-radius:8px;border:1px solid transparent;font-weight:600;font-size:.95rem;cursor:pointer;transition:var(--theme-transition),transform .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.start-btn{background:#646cff;color:#fff;border-color:#646cff}.start-btn:hover:not(:disabled){background:#5558dd;border-color:#5558dd;transform:translateY(-2px);box-shadow:0 4px 12px #646cff66}.stop-btn{background:#f44;color:#fff;border-color:#f44}.stop-btn:hover:not(:disabled){background:#d33;border-color:#d33;transform:translateY(-2px);box-shadow:0 4px 12px #f446}.edit-btn{background:var(--button-bg);border:1px solid var(--border-color);color:var(--text-color);flex:0 0 auto;padding:.75rem 1.25rem;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:var(--theme-transition),transform .2s ease}[data-theme=light] .edit-btn{background:#f8f9fa}.edit-btn:hover:not(:disabled){background:var(--input-bg);border-color:#646cff;transform:translateY(-2px)}[data-theme=light] .edit-btn:hover:not(:disabled){background:#fff}.settings-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-color);width:44px;flex:none;padding:0}.settings-btn:hover:not(:disabled){background:var(--input-bg);border-color:#646cff;transform:translateY(-2px)}.action-btn:disabled{opacity:.4;cursor:not-allowed}.action-btn i{font-size:.9rem}.bot-logs{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.logs-header{font-size:.8rem;font-weight:600;color:var(--muted-text);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.logs-content{background:#0003;border-radius:8px;padding:.75rem;height:120px;overflow-y:auto;font-family:JetBrains Mono,Consolas,monospace;font-size:.75rem;display:flex;flex-direction:column;gap:.4rem}[data-theme=light] .logs-content{background:#f8f9fa;border:1px solid var(--border-color)}.log-entry{color:var(--text-color);opacity:.8;line-height:1.4;word-break:break-all}.log-entry.empty{color:var(--muted-text);font-style:italic;text-align:center;margin-top:1rem}.logs-content::-webkit-scrollbar{width:6px}.logs-content::-webkit-scrollbar-track{background:transparent}.logs-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}[data-theme=light] .logs-content::-webkit-scrollbar-thumb{background:#0000001a}.logs-content::-webkit-scrollbar-thumb:hover{background:#fff3}.steam-guard-section{background:#646cff1a;border:1px solid rgba(100,108,255,.2);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.75rem;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.guard-notice{color:#646cff;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.guard-form{display:flex;gap:.5rem}.guard-form input{flex:1;background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;padding:.6rem .8rem;color:var(--text-color);font-family:JetBrains Mono,monospace;font-weight:600;letter-spacing:.1em;text-align:center;font-size:1.1rem;text-transform:uppercase}.guard-form input:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 2px #646cff33}.guard-form button{background:#646cff;color:#fff;border:none;border-radius:8px;padding:0 1.25rem;font-weight:600;cursor:pointer;transition:all .2s ease}.guard-form button:hover:not(:disabled){background:#5558dd;transform:translateY(-1px)}.guard-form button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 600px){.bots-container{padding:1rem .5rem;grid-template-columns:1fr}.bot-card{padding:1.25rem}}:root{font-family:Outfit,system-ui,sans-serif;line-height:1.5;font-weight:400;--bg-color: #242424;--text-color: rgba(255, 255, 255, .87);--muted-text: rgba(255, 255, 255, .6);--header-bg: #1a1a1a;--button-bg: #1a1a1a;--card-bg: #2a2a2a;--card-border: rgba(255, 255, 255, .08);--border-color: #333;--shadow-color: rgba(0, 0, 0, .1);--input-bg: #1a1a1a;--input-border: #333;--code-bg: #111;--zone-bg: #1e1e1e;--modal-bg: rgba(30, 30, 30, .7);--danger-bg: #3d1a1a;--danger-border: #cc0000;--danger-text: #ff4444;--success-bg: #1b3a1b;--success-border: #2e7d32;--success-text: #81c784;--layout-bg-gradient: linear-gradient(135deg, #1a1a1a 0%, #242424 100%);--theme-transition: background-color .4s ease, color .4s ease, border-color .4s ease, box-shadow .4s ease, background .4s ease;color-scheme:dark;color:var(--text-color);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light]{--bg-color: #f0f2f5;--text-color: #213547;--muted-text: rgba(0, 0, 0, .6);--header-bg: #ffffff;--button-bg: #ffffff;--card-bg: #ffffff;--card-border: rgba(0, 0, 0, .08);--border-color: #e0e0e0;--shadow-color: rgba(0, 0, 0, .05);--input-bg: #ffffff;--input-border: #ccc;--code-bg: #f5f5f5;--zone-bg: #fff;--modal-bg: rgba(255, 255, 255, .85);--danger-bg: #ffebee;--danger-border: #ffcdd2;--danger-text: #c62828;--success-bg: #e8f5e9;--success-border: #c8e6c9;--success-text: #2e7d32;--layout-bg-gradient: linear-gradient(135deg, #f0f2f5 0%, #e1e6ed 100%);color-scheme:light}body{margin:0;display:flex;min-width:320px;min-height:100vh;background-color:var(--bg-color);font-family:Outfit,sans-serif;color:var(--text-color);transition:var(--theme-transition)}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--button-bg);color:var(--text-color);cursor:pointer;transition:var(--theme-transition),transform .2s ease}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:none}.modal-input:focus{border-color:#646cff!important;background-color:#ffffff14!important;box-shadow:0 0 15px #646cff33}input,select,textarea{transition:var(--theme-transition)}.habit-card{transition:transform .3s ease,box-shadow .3s ease}.habit-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000004d}.habit-page-container{width:100%;max-width:1200px;margin:0 auto;height:100%;padding:2rem 1rem;box-sizing:border-box}.habits-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.habit-days-container{display:grid;grid-template-columns:repeat(7,1fr);gap:.6rem;width:100%}@media (max-width: 600px){.habit-page-container{padding:1rem .5rem}.habits-grid{grid-template-columns:1fr;gap:1rem}.habit-card{padding:1rem!important;border-radius:20px!important}.habit-card-header{margin-bottom:1.5rem!important}.habit-days-container{gap:.3rem!important}.habit-day-item{gap:.4rem!important;min-width:0}.habit-day-label{font-size:.6rem!important}.habit-day-num{font-size:.8rem!important}.habit-day-button{max-width:44px;width:100%}}@media (max-width: 450px){.habit-days-container{gap:.2rem!important}}@media (max-width: 380px){.habit-card-header{flex-direction:column!important;gap:1rem!important;align-items:flex-start!important}.habit-card-actions{width:100%;display:flex;justify-content:flex-start!important}.habit-day-button{border-radius:10px!important;font-size:.9rem!important}}.custom-checkbox-container{display:flex;align-items:center;cursor:pointer;font-size:1rem;-webkit-user-select:none;user-select:none;position:relative;padding-left:35px;margin-bottom:0}.custom-checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:50%;left:0;transform:translateY(-50%);height:22px;width:22px;background-color:var(--input-bg);border:2px solid var(--input-border);border-radius:6px;transition:var(--theme-transition)}.custom-checkbox-container:hover input~.checkmark{border-color:#646cff;background-color:#646cff1a}.custom-checkbox-container input:checked~.checkmark{background-color:#646cff;border-color:#646cff;box-shadow:0 0 10px #646cff66}.checkmark:after{content:"";position:absolute;display:none}.custom-checkbox-container input:checked~.checkmark:after{display:block}.custom-checkbox-container .checkmark:after{left:7px;top:3px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}