:root{--background:#18181b;--foreground:#f4f4f5;--primary:#a855f7;--card:#27272a;--border:#3f3f46}body,html{padding:0;margin:0}body{background-color:var(--background);color:var(--foreground)}*{box-sizing:border-box}.container{max-width:800px;margin:2rem auto;padding:1rem}.timer-display{font-family:"ui-monospace",SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:8rem;font-weight:700;color:var(--primary);text-align:center;padding:1rem 0}.event-log{background-color:var(--card);border:1px solid var(--border);border-radius:.5rem;padding:1rem;margin-top:2rem;height:350px;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.event-log::-webkit-scrollbar{width:8px}.event-log::-webkit-scrollbar-track{background:transparent;border-radius:4px}.event-log::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}.event-entry{background-color:var(--background);border-left:4px solid var(--primary);border-radius:4px;padding:.75rem 1rem;display:flex;align-items:center;gap:1rem;font-family:sans-serif}.timestamp{color:#a1a1aa;font-size:.875rem;white-space:nowrap}.action{font-weight:500;word-break:break-word}.commands-info{background-color:var(--card);border:1px solid var(--border);border-radius:.5rem;padding:1.5rem;margin-top:2rem}.commands-info h3{margin:0 0 1rem;color:var(--primary);font-size:1.25rem;font-weight:600}.auth-note,.commands-info h3{font-family:Inter,"system-ui",Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.auth-note{margin:0 0 1.5rem;padding:.75rem;background-color:var(--background);border-radius:.375rem;border-left:4px solid var(--primary);font-size:.875rem}.commands-list{display:flex;flex-direction:column;gap:.75rem}.command-item{display:flex;flex-direction:row;align-items:center;gap:1rem;padding:.75rem;background-color:var(--background);border-radius:.375rem;border:1px solid var(--border)}.command-item code{background-color:var(--card);color:var(--primary);padding:.25rem .5rem;border-radius:.25rem;font-family:"ui-monospace",SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;font-weight:600;white-space:nowrap;flex-shrink:0}.command-item span{font-size:.875rem;line-height:1.4;color:var(--foreground);font-family:Inter,"system-ui",Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;flex:1 1}.command-examples{display:flex;flex-direction:column;gap:.25rem;flex-shrink:0}.timer-values{background:linear-gradient(135deg,var(--card) 0,#2d2d30 100%);border:1px solid var(--border);border-radius:.75rem;padding:.75rem;margin-top:.5rem;display:flex;flex-direction:row;flex-wrap:wrap;gap:1.3rem;justify-content:center;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.value-item{display:flex;align-items:center;gap:.22rem;padding:.25rem .5rem;background:linear-gradient(135deg,var(--background) 0,#1f1f23 100%);border-radius:.5rem;border:1px solid rgba(168,85,247,.2);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.value-item .label{color:var(--foreground);font-family:Inter,"system-ui",Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.75rem;font-weight:500}.value-item .arrow{font-weight:700;opacity:.8}.value-item .arrow,.value-item .time{color:var(--primary);font-size:.75rem}.value-item .time{font-family:"ui-monospace",SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:600;text-shadow:0 0 8px rgba(168,85,247,.3)}.loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,var(--background) 0,#1f1f23 100%)}.loading-spinner{color:var(--primary);font-family:Inter,"system-ui",Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1.25rem;font-weight:500;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.error-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,var(--background) 0,#1f1f23 100%);gap:1.5rem;padding:2rem}.error-container h1{color:#ef4444;font-size:2rem;font-weight:600}.error-container h1,.error-container p{font-family:Inter,"system-ui",Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0}.error-container p{color:var(--foreground);font-size:1rem;line-height:1.5;text-align:center;max-width:500px}.error-container button{background:linear-gradient(135deg,var(--primary) 0,#9333ea 100%);color:white;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-family:Inter,"system-ui",Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.error-container button:hover{transform:translateY(-1px);box-shadow:0 6px 8px -1px rgba(0,0,0,.1),0 4px 6px -1px rgba(0,0,0,.06)}.error-container button:active{transform:translateY(0)}.sparkles-container{width:100vw;height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);position:relative;overflow:hidden}body:has(.sparkles-container),html:has(.sparkles-container){overflow:hidden;margin:0;padding:0;width:100%;height:100%}.archives-overlay{position:absolute;top:20px;left:20px;z-index:2000}.archives-dropdown{display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.8);border:2px solid rgba(255,215,0,.6);border-radius:25px;padding:6px 12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(0,0,0,.3);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.archives-dropdown select{background:transparent;border:none;color:#ffffff;font-size:14px;outline:none;font-family:inherit}.archives-dropdown option{color:#000000}@media (max-width:768px){.archives-overlay{top:10px;left:10px}.archives-dropdown{padding:4px 10px}}.search-overlay{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:1000}.search-container{display:flex;align-items:center;background:rgba(0,0,0,.8);border:2px solid rgba(255,215,0,.6);border-radius:25px;padding:8px 16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(0,0,0,.3)}.search-input{background:transparent;border:none;color:#ffffff;font-size:16px;padding:8px 12px;outline:none;min-width:250px}.search-input::placeholder{color:rgba(255,255,255,.6)}.search-clear{background:rgba(255,255,255,.2);border:none;color:#ffffff;font-size:18px;font-weight:700;cursor:pointer;padding:4px 8px;border-radius:50%;margin-left:8px;transition:all .2s ease}.search-clear:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}.view-all-stars-button{background:rgba(255,215,0,.3);border:none;color:#ffffff;font-size:14px;font-weight:700;cursor:pointer;padding:6px 12px;border-radius:15px;margin-left:12px;transition:all .2s ease}.view-all-stars-button:hover{background:rgba(255,215,0,.5);transform:scale(1.05)}@media (max-width:768px){.search-container{padding:6px 12px}.search-input{min-width:200px;font-size:14px}}@media (max-width:480px){.search-container{padding:4px 8px}.search-input{min-width:150px;font-size:12px}}.stats-overlay{position:absolute;top:20px;right:20px;z-index:2000;pointer-events:none}.stats-panel{background:rgba(0,0,0,.9);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:16px;color:white;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;line-height:1.4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 16px rgba(0,0,0,.5);pointer-events:auto;max-width:280px}.stats-panel h3{margin:0 0 12px;font-size:14px;font-weight:600;color:#ffed4e;text-align:center}.stats-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.stat-group h4{margin:0 0 8px;font-size:11px;font-weight:600;color:#87ceeb}.stat-item{display:flex;justify-content:space-between;margin-bottom:4px;font-size:10px}.stat-item span:first-child{color:#cccccc}.stat-item span:last-child{color:#ffffff;font-weight:500}.total-stats{margin-top:12px;padding-top:8px;border-top:1px solid rgba(255,255,255,.2);text-align:center;font-size:11px;color:#ffed4e}@media (max-width:768px){.stats-overlay{top:10px;right:10px}.stats-panel{padding:12px;font-size:11px;max-width:240px}.stats-grid{gap:12px}.stat-item{font-size:9px}}@media (max-width:480px){.stats-overlay{top:5px;right:5px}.stats-panel{padding:8px;font-size:10px;max-width:200px}.stats-grid{grid-template-columns:1fr;gap:8px}.stat-item{font-size:8px}}.info-overlay{position:absolute;bottom:20px;right:20px;z-index:2000}.info-panel{background:rgba(0,0,0,.9);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:white;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 16px rgba(0,0,0,.5);transition:all .3s ease;overflow:hidden}.info-panel.collapsed{width:40px;height:40px;padding:0}.info-panel.expanded{width:350px;height:390px;padding:16px}.info-toggle{position:absolute;width:24px;height:24px;background:rgba(255,215,0,.3);border:none;border-radius:50%;color:white;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:1}.info-panel.collapsed .info-toggle{top:50%;left:50%;transform:translate(-50%,-50%)}.info-panel.expanded .info-toggle{top:8px;right:8px;transform:none}.info-toggle:hover{background:rgba(255,215,0,.5);transform:scale(1.1)}.info-content{font-size:13px;line-height:1.4;opacity:0;transition:opacity .2s ease .1s}.info-panel.expanded .info-content{opacity:1}.info-content h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#ffed4e;text-align:center;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:8px}.info-section{margin-bottom:20px}.info-section h4{margin:0 0 8px;font-size:14px;font-weight:600;color:#87ceeb}.info-section ul{margin:0;padding-left:16px;color:#cccccc}.info-section li{margin-bottom:4px}.info-section p{margin:4px 0;color:#cccccc}.info-section strong{color:#ffed4e}.reset-note{font-size:11px;color:#999999;font-style:italic}.info-section a{color:#87ceeb;text-decoration:none;transition:color .2s ease}.info-section a:hover{color:#ffed4e;text-decoration:underline}@media (max-width:768px){.info-overlay{bottom:10px;right:10px}.info-panel.expanded{width:280px;height:350px;padding:12px}.info-content{font-size:12px}.info-content h3{font-size:14px}.info-section h4{font-size:13px}}@media (max-width:480px){.info-overlay{bottom:5px;right:5px}.info-panel.expanded{width:240px;height:320px;padding:10px}.info-content{font-size:11px;margin-top:28px}.info-content h3{font-size:13px}.info-section h4{font-size:12px}.info-section{margin-bottom:16px}}