*{margin:0;padding:0;box-sizing:border-box}:root{--pm-black: #141413;--pm-black-2: #262624;--pm-black-3: #353532;--pm-white: #faf9f5;--pm-sand: #e8e6dc;--pm-gray: #c9c6bb;--pm-gray-dim: #5e5d59;--pm-red: #d9483e;--pm-green: #6aa84f;--pm-yellow: #e0a82e;--pm-blue: #4a86d6;--pm-magenta: #c05bc4;--pm-cyan: #3ea6b8;--pm-red-bright: #ff7a6b;--pm-green-bright: #9bd35f;--pm-yellow-bright: #ffd36b;--pm-blue-bright: #7fb0f0;--pm-magenta-bright: #e48ae9;--pm-cyan-bright: #72cddd;--pm-orange: #d97757;--pm-orange-bright: #f0956f;--pm-pink: #e86f9a;--pm-teal: #3fb8a4;--pm-lavender: #9d8cf0;--pm-lime: #b6d94c;--pm-sky: #6a9bcc;--bg: var(--pm-black);--bg-elevated: var(--pm-black-2);--bg-hover: var(--pm-black-3);--border: var(--pm-black-3);--border-strong: var(--pm-gray-dim);--fg: var(--pm-white);--fg-muted: var(--pm-gray);--fg-dim: var(--pm-gray-dim);--accent: var(--pm-orange);--accent-hover: var(--pm-orange-bright);--accent-fg: var(--pm-black);--link: var(--pm-blue-bright);--link-hover: var(--pm-white);--success: var(--pm-green-bright);--danger: var(--pm-red-bright);--warning: var(--pm-yellow-bright);color-scheme:dark}[data-theme=light]{--bg: var(--pm-white);--bg-elevated: var(--pm-sand);--bg-hover: #dedbcf;--border: #d9d6ca;--border-strong: var(--pm-gray);--fg: var(--pm-black);--fg-muted: #4a4945;--fg-dim: #807e78;--accent: #c2603f;--accent-hover: var(--pm-orange);--accent-fg: var(--pm-white);--link: #2d66b8;--link-hover: var(--pm-black);--success: var(--pm-green);--danger: var(--pm-red);--warning: var(--pm-yellow);color-scheme:light}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--fg);min-height:100vh;padding:2rem 1rem;line-height:1.65;font-feature-settings:"cv11","ss01"}#root{max-width:1200px;margin:0 auto}.container{background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;padding:2rem;margin-bottom:2rem}h1{color:var(--fg);margin-bottom:1.5rem;font-size:2rem;font-weight:700;letter-spacing:-.02em}h2{color:var(--fg);margin-bottom:1rem;font-size:1.5rem;font-weight:600;letter-spacing:-.01em}.form-group{margin-bottom:1.5rem}label{display:block;margin-bottom:.5rem;color:var(--fg-muted);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}input{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:4px;font-size:.9rem;transition:border-color .2s;font-family:inherit;background:var(--bg);color:var(--fg)}input:focus{outline:none;border-color:var(--accent)}input::placeholder{color:var(--fg-dim)}.btn{padding:.625rem 1.25rem;border:1px solid transparent;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;font-family:JetBrains Mono,ui-monospace,monospace;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{background:transparent;color:var(--danger);border-color:var(--danger);padding:.375rem .875rem;font-size:.8rem}.btn-danger:hover{background:var(--danger);color:var(--bg)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:768px){.grid-2{grid-template-columns:1fr}}.alert{padding:1rem;border-radius:6px;margin-bottom:1rem;border:1px solid}.alert-success{background:#6aa84f1a;border-color:var(--success);color:var(--success)}.alert-error{background:#d9483e1a;border-color:var(--danger);color:var(--danger)}.url-card{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:1.25rem;margin-bottom:1rem;transition:border-color .2s}.url-card:hover{border-color:var(--border-strong)}.url-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.url-short{color:var(--link);font-weight:500;font-size:1rem;text-decoration:none;word-break:break-all;font-family:JetBrains Mono,ui-monospace,monospace}.url-short:hover{color:var(--link-hover);border-bottom:1px solid var(--link)}.url-original{color:var(--fg-muted);font-size:.85rem;word-break:break-all;margin-bottom:.5rem;line-height:1.5}.url-meta{display:flex;gap:1rem;flex-wrap:wrap;color:var(--fg-dim);font-size:.75rem;font-family:JetBrains Mono,ui-monospace,monospace}.stat-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:4px;font-weight:500;color:var(--fg-muted)}.empty-state{text-align:center;padding:3rem;color:var(--fg-dim)}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.loading{text-align:center;padding:2rem;color:var(--fg-dim)}.spinner{border:2px solid var(--border);border-top:2px solid var(--accent);border-radius:50%;width:32px;height:32px;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.copy-btn{background:transparent;border:1px solid var(--border);color:var(--fg-muted);padding:.25rem .625rem;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s;font-family:JetBrains Mono,ui-monospace,monospace}.copy-btn:hover{border-color:var(--accent);color:var(--accent)}.tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid var(--border)}.tab{padding:.625rem 1rem;background:transparent;border:none;color:var(--fg-dim);font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.875rem}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tab:hover{color:var(--fg)}small{color:var(--fg-dim);font-size:.75rem;font-family:JetBrains Mono,ui-monospace,monospace}