body{margin:0;padding:0;min-width:320px;min-height:100vh}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.frontend-body{--bg-primary: #121212;--bg-secondary: #1e1e1e;--text-primary: #e0e0e0;--text-secondary: #ffffff;--accent-color: #8b56cc;--accent-hover: #9a67ea;--error-color: #cf6679;--success-color: #03dac6;--border-color: #8b56cc;--bg-tertiary: #252525;--bg-selected: #4d4d4d;--bg-hover: #454545;--text-on-accent: #ffffff;--border-disabled: #4a5568;--text-disabled: #4a5568;--error-hover: #d32f2f;background-color:var(--bg-primary);color:var(--text-primary);font-family:Segoe UI,system-ui,sans-serif;line-height:1.6;margin:0;padding:0;min-height:100vh}.app{width:100%;margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column;box-sizing:border-box}#root{width:100%;min-height:100vh;margin:0;padding:0}.btn{border:solid;padding:10px;border-radius:12px;cursor:pointer;font-size:16px;font-weight:500;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.btn-primary{background-color:#4caf50;color:#fff}.btn-primary:hover{background-color:#45a049;box-shadow:0 4px 8px #00000026}.btn-secondary{background-color:#2196f3;color:#fff}.btn-secondary:hover{background-color:#0b7dda;box-shadow:0 4px 8px #00000026}.btn-tertiary{background-color:#9c27b0;color:#fff}.btn-tertiary:hover{background-color:#7b1fa2;box-shadow:0 4px 8px #00000026}.header-container{background-color:#eb512a;display:flex;align-items:center;justify-content:center;height:60px;padding:0 20px}.app-title{font-size:20px;color:#fff;margin:0}.buttons-container{display:flex;gap:16px;margin:16px}.loading{text-align:center;padding:20px;font-size:1.2rem;color:#666}.time-container{display:inline-block}.blinking-colon{animation:blink 1s infinite}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{background:#fff;padding:2rem;border-radius:8px;text-align:center;box-shadow:0 4px 8px #0003}.btn-active{background-color:#007bff;color:#fff;border-bottom:4px solid #0056b3;text-decoration:underline}