*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;margin:0;padding:20px;background:#1a1a2e;color:#eee}.app{max-width:600px;margin:0 auto}h1{color:#00d9ff}.controls{background:#16213e;padding:20px;border-radius:8px;margin:20px 0}.controls p{margin:8px 0}.controls button{background:#0f3460;color:#00d9ff;border:none;padding:10px 20px;margin:5px;border-radius:4px;cursor:pointer;font-size:14px}.controls button:hover{background:#00d9ff;color:#1a1a2e}.input-section{background:#16213e;padding:20px;border-radius:8px;margin:20px 0}.input-section input{background:#0f3460;color:#eee;border:1px solid #00d9ff;padding:8px 12px;border-radius:4px;width:100%;margin-top:8px}.hint{color:#888;font-size:14px}kbd{background:#0f3460;padding:2px 6px;border-radius:3px;font-family:monospace}[data-dock]{background:#16213e!important}