:root{--bg-color: #1a1a1a;--card-bg: #2d2d2d;--text-color: #00ff41;--accent: #ff00ff;--font-stack: "Courier New", Courier, monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-stack);display:flex;justify-content:center;align-items:center;height:100vh;overflow:hidden}#app{width:90%;max-width:600px;text-align:center}.view{display:none}.view.active{display:block}.user-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.user-card{background:var(--card-bg);border:2px solid var(--text-color);color:var(--text-color);padding:20px;font-size:1.5rem;cursor:pointer;transition:all .2s}.user-card:hover{background:var(--text-color);color:var(--bg-color)}#timer-display{font-size:6rem;margin:20px 0;text-shadow:0 0 10px var(--text-color)}#duration-input-container{margin-bottom:20px}#duration-input{background:var(--card-bg);color:var(--text-color);border:1px solid var(--text-color);padding:5px;width:60px;font-family:inherit;font-size:1rem}.controls button{background:transparent;border:1px solid var(--accent);color:var(--accent);padding:10px 15px;margin:5px;cursor:pointer;font-family:inherit;text-transform:uppercase}.controls button:hover{background:var(--accent);color:var(--bg-color)}