:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#0f0f13;--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--input-bg: rgba(0, 0, 0, .2);--accent-color: #8b5cf6}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% 0%,#1a1a2e,#0f0f13)}#root{width:100%;max-width:1280px;margin:0 auto;padding:2rem;text-align:center}h1{font-size:3.2em;line-height:1.1;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5em}.card{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:16px;padding:2rem;margin:2rem auto;max-width:600px;box-shadow:0 4px 30px #0000001a}.input-group{margin-bottom:1.5rem;text-align:left}label{display:block;margin-bottom:.5rem;font-size:.9rem;color:#a1a1aa}input[type=text]{width:100%;padding:12px 16px;background:var(--input-bg);border:1px solid var(--glass-border);border-radius:8px;color:#fff;font-size:1rem;transition:all .3s ease;box-sizing:border-box}input[type=text]:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #8b5cf64d}button{cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-primary{background:var(--primary-gradient);border:none;border-radius:8px;padding:12px 24px;color:#fff;font-weight:600;font-size:1rem;width:100%;margin-top:1rem}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px -10px #764ba280}.btn-secondary{background:transparent;border:1px solid var(--glass-border);color:#fff;padding:8px 16px;border-radius:6px;display:flex;align-items:center;gap:8px;font-size:.9rem}.btn-secondary:hover{background:#ffffff1a}.result-area{margin-top:2rem;background:#0000004d;padding:1.5rem;border-radius:12px;text-align:left;word-break:break-all}.result-actions{display:flex;gap:10px;margin-top:1rem;justify-content:flex-end}.error-msg{color:#ef4444;margin-top:.5rem;font-size:.875rem}.helper-text{font-size:.8rem;color:#71717a;margin-top:4px}