:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;--font-display: "Space Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--bg: hsl(220, 20%, 7%);--fg: hsl(220, 10%, 92%);--card: hsl(220, 18%, 10%);--border: hsl(220, 14%, 18%);--muted: hsl(220, 10%, 50%);--accent: hsl(160, 84%, 50%);--accent-glow: hsla(160, 84%, 50%, .1);--destructive-glow: hsla(0, 72%, 55%, .1);line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-display);font-weight:600;background-color:var(--bg);color:var(--fg)}.wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:1rem;position:relative}.title{font-size:2rem;margin:0;margin-bottom:1rem;color:var(--accent)}.container{position:relative;z-index:1;width:100%;max-width:560px;text-align:center}.formRow{display:flex;gap:.5rem}.inputWrap{position:relative;flex:1}.inputWrap img{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}.input{font-family:var(--font-mono);width:100%;height:3rem;padding:0 .75rem 0 2.5rem;border:1px solid var(--border);border-radius:.3rem;background:var(--card);color:var(--fg);font-size:.875rem;outline:none;transition:border-color .15s}.input::placeholder{color:var(--muted)}.input:focus{border-color:var(--accent)}.btn{font-family:var(--font-display);height:3rem;padding:0 1.5rem;border:none;border-radius:.3rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s;display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap}.btn:active{transform:scale(.97)}.btn--primary{background:var(--accent);color:var(--bg)}.btn--primary:hover{opacity:.9}.btn--primary:disabled{opacity:.5;cursor:default}.box{margin-top:2rem;border:1px solid var(--border);border-radius:.3rem;background:var(--card);padding:1rem;animation:slideUp .3s ease-out}.box.error{background-color:#3c111133;border:1px solid rgba(108,32,32,.8)}.boxLabel{font-size:.75rem;color:var(--muted);margin-bottom:.25rem}.boxRow{display:flex;align-items:center;gap:.5rem}.box.shortUrl input{background:none;border:none;width:100%;outline:none;flex:1;font-family:var(--font-mono);color:var(--accent);font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.box.shortUrl button{cursor:pointer;border:none;background:none;width:24px;height:24px}.notFound{line-height:normal;display:flex;flex-direction:column;align-items:center;margin-top:2rem}.notFound h1{letter-spacing:5px;font-size:5rem;margin:0;line-height:1}.notFound p{font-size:1.25rem;margin:1rem 0;color:var(--muted)}.notFound a{color:var(--accent);text-decoration:none;font-weight:600}.notFound a:hover{text-decoration:underline}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}