@import "https://rsms.me/inter/inter.css";
@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--kp-white:#fff;--kp-gray-50:#fafafa;--kp-gray-100:#f4f4f4;--kp-gray-200:#e8e8e8;--kp-gray-300:#d4d4d4;--kp-gray-400:#a3a3a3;--kp-gray-500:#737373;--kp-gray-600:#525252;--kp-gray-700:#404040;--kp-gray-800:#262626;--kp-gray-900:#171717;--kp-black:#0a0a0a;--kp-bg:var(--kp-white);--kp-bg-subtle:var(--kp-gray-50);--kp-bg-muted:var(--kp-gray-100);--kp-surface:var(--kp-white);--kp-fg:var(--kp-black);--kp-fg-1:var(--kp-gray-900);--kp-fg-2:var(--kp-gray-600);--kp-fg-3:var(--kp-gray-500);--kp-fg-4:var(--kp-gray-400);--kp-border:var(--kp-gray-200);--kp-border-strong:var(--kp-gray-300);--kp-border-faint:var(--kp-gray-100);--kp-accent:var(--kp-black);--kp-focus-ring:#0a0a0a59;--kp-hover-bg:#0a0a0a0a;--kp-press-bg:#0a0a0a14;--kp-danger:#a01b1b;--kp-success:#1f7a3a;--kp-font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--kp-font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--kp-text-xs:12px;--kp-text-sm:13px;--kp-text-base:15px;--kp-text-md:17px;--kp-text-lg:20px;--kp-text-2xl:30px;--kp-text-3xl:38px;--kp-leading-tight:1.15;--kp-leading-snug:1.3;--kp-leading-normal:1.5;--kp-leading-relaxed:1.65;--kp-tracking-tight:-.02em;--kp-tracking-snug:-.01em;--kp-tracking-mono:-.005em;--kp-weight-regular:400;--kp-weight-medium:500;--kp-weight-semi:600;--kp-space-1:4px;--kp-space-2:8px;--kp-space-3:12px;--kp-space-4:16px;--kp-space-5:24px;--kp-space-6:32px;--kp-space-7:48px;--kp-space-8:64px;--kp-radius-xs:2px;--kp-radius-sm:4px;--kp-radius-md:6px;--kp-ease:cubic-bezier(.2, 0, 0, 1);--kp-dur-fast:.12s;--kp-dur-base:.18s;--kp-content-width:720px;--kp-page-pad:24px}@media (min-width:640px){:root{--kp-page-pad:32px}}@media (min-width:1024px){:root{--kp-page-pad:48px}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--kp-bg:var(--kp-black);--kp-bg-subtle:var(--kp-gray-900);--kp-bg-muted:var(--kp-gray-800);--kp-surface:#111;--kp-fg:var(--kp-gray-50);--kp-fg-1:var(--kp-gray-100);--kp-fg-2:var(--kp-gray-400);--kp-fg-3:var(--kp-gray-500);--kp-fg-4:var(--kp-gray-600);--kp-border:#2a2a2a;--kp-border-strong:#3a3a3a;--kp-border-faint:#1f1f1f;--kp-accent:var(--kp-gray-50);--kp-focus-ring:#f5f5f573;--kp-hover-bg:#ffffff0d;--kp-press-bg:#ffffff17}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--kp-font-sans);font-size:var(--kp-text-base);line-height:var(--kp-leading-normal);background:var(--kp-bg);color:var(--kp-fg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}.tiny-page{min-height:100vh;padding:var(--kp-space-7) var(--kp-page-pad);flex-direction:column;justify-content:center;align-items:center;display:flex}.tiny-card{width:100%;max-width:480px}@media (min-width:640px){.tiny-card{max-width:520px}}@media (min-width:1024px){.tiny-card{max-width:560px}}.tiny-header{margin-bottom:var(--kp-space-7);justify-content:space-between;align-items:center;display:flex}.theme-toggle{border-radius:var(--kp-radius-sm);width:32px;height:32px;color:var(--kp-fg-3);transition:background var(--kp-dur-fast) var(--kp-ease), color var(--kp-dur-fast) var(--kp-ease);flex-shrink:0;place-items:center;display:grid}.theme-toggle:hover{background:var(--kp-hover-bg);color:var(--kp-fg)}.tiny-app-icon{border-radius:var(--kp-radius-sm);background:var(--kp-fg);width:24px;height:24px;color:var(--kp-bg);transition:background var(--kp-dur-base) var(--kp-ease), color var(--kp-dur-base) var(--kp-ease);place-items:center;display:grid}.tiny-title{font-size:var(--kp-text-md);font-weight:var(--kp-weight-semi);letter-spacing:var(--kp-tracking-snug)}.tiny-form{gap:var(--kp-space-3);flex-direction:column;display:flex}.kp-input{width:100%;font:var(--kp-weight-regular) var(--kp-text-base) var(--kp-font-sans);border-radius:var(--kp-radius-sm);border:1px solid var(--kp-border);background:var(--kp-bg);color:var(--kp-fg);transition:border-color var(--kp-dur-fast) var(--kp-ease), box-shadow var(--kp-dur-fast) var(--kp-ease);outline:none;padding:9px 12px}.kp-input:focus{border-color:var(--kp-fg);box-shadow:0 0 0 2px var(--kp-focus-ring)}.kp-input::placeholder{color:var(--kp-fg-4)}.btn-primary{font:var(--kp-weight-medium) var(--kp-text-sm) var(--kp-font-sans);background:var(--kp-fg);color:var(--kp-bg);border-radius:var(--kp-radius-sm);transition:opacity var(--kp-dur-fast) var(--kp-ease);border:none;width:100%;padding:9px 16px}.btn-primary:hover{opacity:.85}.btn-primary:disabled{opacity:.4;cursor:default}.btn-secondary{font:var(--kp-weight-medium) var(--kp-text-sm) var(--kp-font-sans);border:1px solid var(--kp-border-strong);border-radius:var(--kp-radius-sm);color:var(--kp-fg);transition:background var(--kp-dur-fast) var(--kp-ease);padding:6px 12px}.btn-secondary:hover{background:var(--kp-hover-bg)}.tiny-error{margin-top:var(--kp-space-4);font-size:var(--kp-text-sm);color:var(--kp-danger);border-radius:var(--kp-radius-sm);background:#a01b1b0a;border:1px solid #a01b1b33;padding:10px 12px}.tiny-result{margin-top:var(--kp-space-6);border:1px solid var(--kp-border);border-radius:var(--kp-radius-md);padding:var(--kp-space-5);background:var(--kp-surface)}.tiny-result-row{justify-content:space-between;align-items:center;gap:var(--kp-space-3);display:flex}.tiny-short-url{font-size:var(--kp-text-md);font-weight:var(--kp-weight-medium);color:var(--kp-fg);font-family:var(--kp-font-mono);letter-spacing:var(--kp-tracking-mono);white-space:nowrap;text-overflow:ellipsis;text-decoration:underline;-webkit-text-decoration-color:var(--kp-border-strong);text-decoration-color:var(--kp-border-strong);text-underline-offset:3px;overflow:hidden}.tiny-short-url:hover{text-decoration-color:currentColor}.tiny-original-url{font-size:var(--kp-text-xs);color:var(--kp-fg-3);margin-top:var(--kp-space-1);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tiny-qr-wrap{align-items:center;gap:var(--kp-space-3);margin-top:var(--kp-space-5);padding-top:var(--kp-space-5);border-top:1px solid var(--kp-border-faint);flex-direction:column;display:flex}.tiny-qr-wrap img{border:1px solid var(--kp-border);border-radius:var(--kp-radius-sm);background:#fff;padding:8px}.tiny-download-link{font-size:var(--kp-text-xs);font-family:var(--kp-font-mono);color:var(--kp-fg-3);letter-spacing:var(--kp-tracking-mono);text-decoration:underline;-webkit-text-decoration-color:var(--kp-border-strong);text-decoration-color:var(--kp-border-strong);text-underline-offset:3px;transition:color var(--kp-dur-fast) var(--kp-ease);cursor:pointer;font:inherit;background:0 0;border:none}.tiny-download-link:hover{color:var(--kp-fg);text-decoration-color:currentColor}.tiny-clicks{font-size:var(--kp-text-xs);font-family:var(--kp-font-mono);color:var(--kp-fg-3);text-align:center;margin-top:var(--kp-space-4);letter-spacing:var(--kp-tracking-mono)}.tiny-footer{margin-top:var(--kp-space-7);font-size:var(--kp-text-xs);font-family:var(--kp-font-mono);color:var(--kp-fg-3);justify-content:center;align-items:center;gap:var(--kp-space-4);letter-spacing:var(--kp-tracking-mono);display:flex}.tiny-footer .pi{font-family:var(--kp-font-sans);color:var(--kp-fg-2);font-size:14px}