#app{font-family:sans-serif}header{padding:10px 20px;background:#f8f8f8;border-bottom:1px solid #eee}.logged-in-nav{display:flex;align-items:center;justify-content:space-between}nav a,nav button{margin-right:15px;text-decoration:none;color:#333;padding:5px}nav button{background:none;border:none;color:red;cursor:pointer}.api-key-display{display:flex;align-items:center;gap:10px;font-size:.85em;margin-left:auto;margin-right:20px}.key-label{font-weight:700;color:#555}.key-value{background-color:#e9e9e9;padding:4px 8px;border:1px solid #ccc;border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s;font-family:monospace}.key-value:hover{background-color:#ddd}.copy-success{color:#28a745;font-weight:700;font-size:.9em}