@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{font-family:Manrope,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color:#2a1f16;background-color:#f8f2ea;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-display: "Space Grotesk", "Helvetica Neue", sans-serif;--font-mono: "IBM Plex Mono", "Courier New", monospace;--ink-900: #241a13;--ink-800: #34261c;--ink-600: #5b4c3e;--ink-500: #786556;--sand-500: #8d7765;--sunset-500: #c46b3a;--sunset-600: #a9562d;--sunset-700: #8f3e20;--forest-600: #2d6a4f}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(244,214,184,.9),transparent 55%),radial-gradient(circle at 20% 80%,rgba(197,227,210,.6),transparent 60%),linear-gradient(135deg,#f8f2ea,#f6efe5 40%,#f4e3d2)}a{color:inherit;text-decoration:none}#root{width:100%}.app{min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:2.5rem;padding:3.5rem clamp(1.5rem,4vw,4rem) 4.5rem;max-width:1100px;margin:0 auto}.hero{display:flex;flex-direction:column;gap:1rem;max-width:640px;animation:rise .6s ease-out both}.eyebrow{text-transform:uppercase;letter-spacing:.28em;font-weight:600;font-size:.72rem;color:var(--sand-500)}.hero h1{font-family:var(--font-display);font-size:clamp(2.4rem,4vw,3.6rem);line-height:1.05;color:var(--ink-900);margin:0}.lead{font-size:1.1rem;color:var(--ink-600);margin:0}.panel{background:#ffffffc7;border:1px solid rgba(255,255,255,.9);border-radius:28px;padding:clamp(1.5rem,3vw,2.5rem);box-shadow:0 24px 60px -32px #23181080;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:grid;gap:1.8rem;animation:rise .8s ease-out both;animation-delay:.05s}.field{display:flex;flex-direction:column;gap:.65rem}label{font-weight:600;color:var(--ink-800)}input{width:100%;border-radius:16px;border:1px solid rgba(32,25,21,.12);padding:.85rem 1rem;font-size:1.05rem;font-family:var(--font-mono);background:#ffffffeb;color:var(--ink-900);box-shadow:0 12px 30px -24px #20191599;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}input:focus{outline:none;border-color:#c2723e99;box-shadow:0 18px 40px -26px #c2723ebf;transform:translateY(-1px)}input::placeholder{color:#3d302659}.hint{font-size:.85rem;color:var(--ink-500)}.output-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:center}button{border-radius:999px;border:none;padding:.75rem 1.6rem;font-weight:600;font-family:var(--font-display);background:var(--sunset-500);color:#fff;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;box-shadow:0 18px 30px -20px #c2723ee6}button:hover:not(:disabled){transform:translateY(-1px);background:var(--sunset-600)}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.copy-status{font-size:.9rem;font-weight:500}.copy-status.copied{color:var(--forest-600)}.copy-status.error{color:var(--sunset-700)}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:720px){.app{padding-top:2.5rem}.output-row{grid-template-columns:1fr}button{width:100%}}