@import"https://fonts.googleapis.com/css2?family=Courier+Prime:wght@400;700&display=swap";:root{--bg-color: #fdfbf7;--text-color: #2d2d2d;--accent-color: #ff4757;--border-color: #2d2d2d;--secondary-bg: #ffffff;--font-family: "Courier Prime", "Courier New", monospace}@media(prefers-color-scheme:dark){:root{--bg-color: #1a1a1a;--text-color: #f0f0f0;--accent-color: #ff6b81;--border-color: #f0f0f0;--secondary-bg: #2d2d2d}}body{margin:0;min-height:100vh;background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-family);display:flex;justify-content:center;align-items:center;line-height:1.5}#root{margin-left:auto;margin-right:auto;width:100%;padding:2rem;box-sizing:border-box}h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase;letter-spacing:-1px;border-bottom:4px solid var(--accent-color);display:inline-block;padding-bottom:.5rem}p{font-size:1rem;margin-bottom:2rem;opacity:.8}.card{background:var(--secondary-bg);border:2px solid var(--border-color);padding:2rem;box-shadow:8px 8px 0 var(--border-color);transition:transform .2s;width:99%;max-width:600px}.card:hover{transform:translate(-2px,-2px);box-shadow:10px 10px 0 var(--border-color)}input{width:100%;background:transparent;border:2px solid var(--border-color);padding:1rem;color:var(--text-color);font-family:var(--font-family);font-size:1rem;margin-bottom:1rem;box-sizing:border-box;outline:none;transition:background .2s}input:focus{background:#0000000d}button{width:100%;background:var(--text-color);color:var(--bg-color);border:2px solid var(--border-color);padding:1rem;font-family:var(--font-family);font-weight:700;font-size:1rem;cursor:pointer;text-transform:uppercase;transition:all .2s}button:hover{background:var(--accent-color);color:#fff;transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--border-color)}button:active{transform:translate(0);box-shadow:none}.flex-col{display:flex;flex-direction:column;gap:1rem}.error-msg{color:var(--accent-color);font-weight:700;margin-top:.5rem;border:1px dashed var(--accent-color);padding:.5rem;text-align:center}.success-msg{color:#2ecc71;font-weight:700;margin-top:.5rem}.copy-box{background:var(--bg-color);border:2px dashed var(--border-color);padding:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.5rem;overflow:hidden}.copy-text{font-family:var(--font-family);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.icon-btn{width:auto;padding:.5rem;background:transparent;color:var(--text-color);border:2px solid var(--border-color);box-shadow:2px 2px 0 var(--border-color)}.icon-btn:hover{background:var(--bg-color);color:var(--accent-color);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--border-color)}a{color:var(--text-color);text-decoration:underline;text-decoration-thickness:2px}a:hover{color:var(--accent-color)}