:root{font-family:system-ui,Helvetica,Arial,sans-serif;line-height:1.5;color:#ffffffde;background:#242424}a{color:#646cff}a:hover{color:#535bf2}body{margin:0;min-height:100vh}h1{font-size:3.2em}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-family:inherit;background:#1a1a1a;cursor:pointer;transition:border-color .3s,background-color .3s}button:hover{border-color:#646cff;background-color:#2a2a2a}button:focus{outline:4px auto -webkit-focus-ring-color}.toggle-btn{background:transparent;border:none;padding:0;margin-right:10px;line-height:1;color:#6c757d}.toggle-btn:hover{color:#343a40;background:transparent}.toggle-btn:focus{outline:none;box-shadow:none}@media (prefers-color-scheme: light){:root{color:#213547;background:#fff}a:hover{color:#747bff}button{background:#f9f9f9}}.token-input-container{margin-bottom:.25rem}.token-input-label{display:block;font-size:.875rem;font-weight:500;color:#334155}.token-input-wrapper{position:relative}.token-input{width:100%;padding:.5rem 2.5rem .5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 1px 2px #0000000d}.token-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f680}.toggle-button{position:absolute;top:50%;right:0;transform:translateY(-50%);padding-right:.75rem;color:#9ca3af}.toggle-button:hover{color:#4b5563}.help-text{font-size:.75rem;color:#6b7280}.help-text a{color:#2563eb}.help-text a:hover{text-decoration:underline}.app-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:1rem}@media (min-width: 576px){.app-container{padding:1.5rem}}@media (min-width: 768px){.app-container{padding:2rem}}