:root{--bg-cream:#f6f1e4;--bg-cream-dark:#f0eae2;--text-primary:#1a1a1a;--text-secondary:#6b6560;--accent-orange:#f94b1f;--accent-orange-hover:#d04420;--info-bg:#1a1a1a;--info-text:#e8e0d8;--border-color:#d4cdc4;--border-light:#e8e2da;--font-mono:"JetBrains Mono", monospace;--font-sans:"Space Grotesk", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-cream);color:var(--text-primary);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--accent-orange);color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-cream)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}input::placeholder{color:var(--text-secondary);font-family:var(--font-mono);font-size:.875rem}input:focus{border-color:var(--text-primary);outline:none}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:28px;margin-bottom:40px;display:grid}.hero-form-box{padding:40px}.history-row{border-bottom:2px solid #141210;grid-template-columns:1fr 2fr 1fr 40px;align-items:center;gap:16px;padding:20px 8px 15px;display:grid}.history-row .original-url{font-family:var(--font-mono);color:#6b6560;-webkit-line-clamp:3;line-clamp:3;word-break:break-all;-webkit-box-orient:vertical;font-size:.8rem;display:-webkit-box;overflow:hidden}.delete-btn:hover{background:var(--text-primary);color:var(--bg-cream);border-color:var(--text-primary)}.clear-all-btn:hover{background:var(--text-primary);color:var(--bg-cream)}.submit-btn:hover:not(:disabled){background:var(--accent-orange-hover)}.short-url-link:hover{text-decoration:underline}@media (max-width:768px){.hero-grid{grid-template-columns:1fr;gap:40px;margin-bottom:30px}.hero-form-box{padding:20px}.history-row{grid-template-rows:auto auto auto;grid-template-columns:1fr auto;align-items:center;gap:12px 16px}.history-row .short-url-link{grid-area:1/1/2/3}.history-row .original-url{grid-area:2/1/3/3}.history-row .history-date{text-align:left;grid-area:3/1/4/2;display:block}.history-row .delete-btn{grid-area:3/2/4/3;align-self:center}}
