.code-input-container.svelte-94ypdh{margin:24px 0;display:flex;flex-direction:column;align-items:center}.input-wrapper.svelte-94ypdh{display:flex;align-items:center;background:#1a1a1a;border:3px solid #555;border-radius:8px;padding:4px;transition:all .3s ease;width:100%;max-width:400px}.input-wrapper.svelte-94ypdh:focus-within{border-color:#f4d03f}.input-wrapper.error.svelte-94ypdh{border-color:#c0392b;animation:svelte-94ypdh-shake .4s ease}.input-wrapper.unlocked.svelte-94ypdh{border-color:#27ae60;background:#1a2a1a}.prefix.svelte-94ypdh{padding:0 12px;font-size:20px}input.svelte-94ypdh{flex:1;background:transparent;border:none;color:#ecf0f1;font-family:Courier New,monospace;font-size:18px;padding:12px;outline:none;text-transform:lowercase}input.svelte-94ypdh::placeholder{color:#666}input.svelte-94ypdh:disabled{color:#27ae60}.status.svelte-94ypdh{padding:0 16px;font-size:20px;color:#27ae60}.error-message.svelte-94ypdh{color:#c0392b;font-family:Courier New,monospace;font-size:14px;margin-top:8px}.success-audio-section.svelte-94ypdh{display:flex;justify-content:center;margin-top:16px}.qr-section.svelte-94ypdh{margin-top:12px;display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.qr-btn.svelte-94ypdh,.stop-btn.svelte-94ypdh{padding:10px 16px;background:#2a2a2a;border:2px solid #f4d03f;border-radius:8px;color:#f4d03f;font-family:Courier New,monospace;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease}.qr-btn.svelte-94ypdh:hover:not(:disabled),.stop-btn.svelte-94ypdh:hover{background:#f4d03f;color:#1a1a1a}.qr-btn.svelte-94ypdh:disabled{opacity:.5;cursor:not-allowed}.scanner-box.svelte-94ypdh{display:none;width:100%;max-width:400px;flex-direction:column;align-items:center;gap:8px}.scanner-box.visible.svelte-94ypdh{display:flex}video.svelte-94ypdh{width:100%;border:2px solid #f4d03f;border-radius:8px;background:#111}.qr-hint.svelte-94ypdh{margin:0;font-family:Courier New,monospace;font-size:12px;color:#666}@media (max-width: 640px){input.svelte-94ypdh{font-size:16px;padding:10px}.prefix.svelte-94ypdh{padding:0 8px;font-size:18px}.status.svelte-94ypdh{padding:0 10px;font-size:18px}}@keyframes svelte-94ypdh-shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}