@import "https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";:root{--bg-cream:#faf9f7;--pure-white:#fff;--clay-black:#000;--border-oat:#dad4c8;--border-oat-light:#eee9df;--border-dark:#525a69;--swatch-matcha-300:#84e7a5;--swatch-matcha-600:#078a52;--swatch-matcha-800:#02492a;--swatch-slushie-500:#3bd3fd;--swatch-slushie-800:#0089ad;--swatch-lemon-400:#f8cc65;--swatch-lemon-500:#fbbd41;--swatch-lemon-700:#d08a11;--swatch-lemon-800:#9d6a09;--swatch-ube-300:#c1b0ff;--swatch-ube-800:#43089f;--swatch-ube-900:#32037d;--swatch-pomegranate-400:#fc7981;--swatch-blueberry-800:#01418d;--text-primary:#000;--text-secondary:#333;--text-muted:#55534e;--text-light:#9f9b93;--badge-blue-bg:#f0f8ff;--badge-blue-text:#3859f9;--success:#078a52;--danger:#fc7981;--warning:#fbbd41;--font-sans:"Roobert", "Arial", sans-serif;--font-mono:"Space Mono", "Courier New", monospace;--radius-sharp:4px;--radius-standard:8px;--radius-badge:11px;--radius-card:12px;--radius-feature:24px;--radius-section:40px;--radius-pill:1584px;--shadow-clay:#0000001a 0px 1px 1px, #0000000a 0px -1px 1px inset, #0000000d 0px -.5px 1px;--shadow-hover:#000 -7px 7px;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--focus-ring:#146ef5 solid 2px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-cream);color:var(--text-primary);font-family:var(--font-sans);font-feature-settings:"ss03" on, "ss10" on, "ss11" on, "ss12" on;-webkit-font-smoothing:antialiased;min-height:100vh;font-size:18px;line-height:1.6;overflow-x:hidden}.app-container{flex-direction:column;max-width:1200px;min-height:100vh;margin:0 auto;padding:0 24px;display:flex}.navbar{border-bottom:1px solid var(--border-oat);background:var(--bg-cream);z-index:100;justify-content:space-between;align-items:center;margin-bottom:40px;padding:24px 0;display:flex;position:sticky;top:0}.logo-container{align-items:center;gap:12px;text-decoration:none;display:flex}.logo-text{font-family:var(--font-sans);font-feature-settings:"ss01" on, "ss03" on, "ss10" on, "ss11" on, "ss12" on;color:var(--clay-black);letter-spacing:-1px;font-size:28px;font-weight:600}.nav-links{background:var(--pure-white);border-radius:var(--radius-pill);border:1px solid var(--border-oat);box-shadow:var(--shadow-clay);padding:6px;display:flex}.nav-btn{color:var(--text-muted);font-family:var(--font-sans);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:8px;padding:8px 20px;font-size:15px;font-weight:500;display:flex}.nav-btn:hover{color:var(--clay-black)}.nav-btn.active{background:var(--border-oat-light);color:var(--clay-black);font-weight:600}.main-content{flex-direction:column;flex-grow:1;padding-bottom:60px;display:flex}h1{font-family:var(--font-sans);font-feature-settings:"ss01" on, "ss03" on, "ss10" on, "ss11" on, "ss12" on;letter-spacing:-3.2px;color:var(--clay-black);margin-bottom:20px;font-size:80px;font-weight:600;line-height:1}h2{font-family:var(--font-sans);font-feature-settings:"ss01" on, "ss03" on, "ss10" on, "ss11" on, "ss12" on;letter-spacing:-1.32px;color:var(--clay-black);margin-bottom:24px;font-size:44px;font-weight:600;line-height:1.1}h3{font-family:var(--font-sans);font-feature-settings:"ss01" on, "ss03" on, "ss10" on, "ss11" on, "ss12" on;letter-spacing:-.64px;color:var(--clay-black);margin-bottom:16px;font-size:32px;font-weight:600;line-height:1.1}p.subtitle{color:var(--text-muted);max-width:650px;margin-bottom:40px;font-size:20px;font-weight:400;line-height:1.4}.card{background:var(--pure-white);border:1px solid var(--border-oat);border-radius:var(--radius-feature);box-shadow:var(--shadow-clay);transition:border-color var(--transition-normal);padding:32px;position:relative}.card.dashed{border-style:dashed}.card:hover{border-color:var(--text-light)}.section-matcha{background:var(--swatch-matcha-300);border:1px solid var(--border-oat)}.section-ube{background:var(--swatch-ube-800);color:var(--pure-white);border:1px solid var(--swatch-ube-900)}.section-ube h1,.section-ube h2,.section-ube h3{color:var(--pure-white)}.form-group{text-align:left;flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-label{font-family:var(--font-sans);font-feature-settings:"ss03" on, "ss10" on, "ss11" on, "ss12" on;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.08px;font-size:12px;font-weight:600}.input-wrapper{align-items:center;width:100%;display:flex;position:relative}.input-icon{color:var(--text-muted);pointer-events:none;align-items:center;display:flex;position:absolute;left:16px}.input-field{background:var(--pure-white);border:1px solid var(--text-muted);border-radius:var(--radius-sharp);width:100%;color:var(--clay-black);font-family:var(--font-sans);transition:all var(--transition-normal);padding:14px 16px;font-size:16px}.input-field.has-icon{padding-left:48px}.input-field:focus{outline:var(--focus-ring);outline-offset:-1px}.input-field::placeholder{color:var(--text-light)}.mono-text{font-family:var(--font-mono);font-size:15px}.btn{background:var(--swatch-ube-800);color:var(--pure-white);border:1px solid var(--swatch-ube-900);border-radius:var(--radius-pill);font-family:var(--font-sans);cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-clay);letter-spacing:-.16px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:16px;font-weight:500;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),background-color .2s,box-shadow .2s,color .2s;display:inline-flex;position:relative}.btn:hover{box-shadow:var(--shadow-hover);background-color:var(--swatch-ube-900);transform:translateY(-6px)rotate(-3deg)}.btn:active{box-shadow:none;transform:translateY(2px)rotate(1deg)}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{border:1px solid var(--border-dark);color:var(--clay-black);border-radius:var(--radius-sharp);background:0 0}.btn-secondary:hover{background-color:var(--swatch-pomegranate-400);color:var(--pure-white);border-color:var(--swatch-pomegranate-400);box-shadow:var(--shadow-hover);transform:translateY(-6px)rotate(-3deg)}.btn-danger{border:1px solid var(--danger);color:var(--clay-black);border-radius:var(--radius-sharp);background:0 0}.btn-danger:hover{background-color:var(--danger);color:var(--pure-white);box-shadow:var(--shadow-hover);transform:translateY(-6px)rotate(-3deg)}.btn-sm{letter-spacing:-.128px;padding:6px 16px;font-size:12.8px}.btn-icon-only{border-radius:var(--radius-sharp);justify-content:center;align-items:center;width:38px;height:38px;padding:0;display:flex}.success-card{text-align:center;flex-direction:column;align-items:center;display:flex}.success-icon-wrap{background:var(--swatch-matcha-300);border:2px solid var(--swatch-matcha-600);width:64px;height:64px;color:var(--swatch-matcha-800);border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.shortened-result-container{background:var(--bg-cream);border:1px dashed var(--border-oat);border-radius:var(--radius-card);justify-content:space-between;align-items:center;width:100%;margin:20px 0;padding:16px 20px;display:flex}.shortened-url{font-family:var(--font-sans);font-feature-settings:"ss01" on, "ss03" on, "ss10" on, "ss11" on, "ss12" on;color:var(--swatch-blueberry-800);word-break:break-all;text-align:left;padding-right:12px;font-size:20px;font-weight:600;text-decoration:none}.qr-container{background:var(--pure-white);border:1px solid var(--border-oat);border-radius:var(--radius-card);box-shadow:var(--shadow-clay);margin:24px 0;padding:16px;display:inline-block}.qr-image{width:150px;height:150px;display:block}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.link-list{flex-direction:column;gap:20px;display:flex}.link-card{background:var(--pure-white);border:1px solid var(--border-oat);border-radius:var(--radius-card);transition:all var(--transition-normal);box-shadow:var(--shadow-clay);grid-template-columns:1fr auto;align-items:center;gap:16px;padding:24px;display:grid;position:relative}.link-card:hover{border-color:var(--border-dark)}.link-info{text-align:left;flex-direction:column;gap:8px;min-width:0;display:flex}.link-slug-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.link-short-url{font-family:var(--font-sans);font-feature-settings:"ss01" on, "ss03" on, "ss10" on, "ss11" on, "ss12" on;color:var(--clay-black);font-size:18px;font-weight:600;text-decoration:none}.link-short-url:hover{color:var(--swatch-ube-800)}.link-original{font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:13.5px;overflow:hidden}.link-meta{color:var(--text-light);align-items:center;gap:16px;font-size:13px;display:flex}.meta-item{align-items:center;gap:4px;display:flex}.meta-badge{background:var(--badge-blue-bg);border:1px solid var(--badge-blue-bg);border-radius:var(--radius-pill);color:var(--badge-blue-text);font-weight:600;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all var(--transition-fast);outline:none;align-items:center;gap:4px;padding:2px 10px;font-size:11px;display:inline-flex}.meta-badge:hover{background:#e0f0ff;border-color:#3859f9}.link-actions{align-items:center;gap:8px;display:flex}.edit-form{background:var(--bg-cream);border-radius:var(--radius-standard);border:1px dashed var(--border-oat);flex-direction:column;grid-column:1/-1;gap:12px;width:100%;margin-top:8px;padding:20px;display:flex}.toast-container{z-index:1000;pointer-events:none;flex-direction:column;gap:12px;width:100%;max-width:380px;display:flex;position:fixed;top:24px;right:24px}.toast{pointer-events:auto;background:var(--pure-white);border:1px solid var(--border-oat);border-radius:var(--radius-card);color:var(--clay-black);align-items:center;gap:12px;padding:16px 20px;font-size:15px;animation:.3s cubic-bezier(.16,1,.3,1) forwards toastIn;display:flex;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.toast.success{border-left:4px solid var(--swatch-matcha-600)}.toast.error{border-left:4px solid var(--danger)}.toast.info{border-left:4px solid var(--badge-blue-text)}.toast-close{color:var(--text-light);cursor:pointer;background:0 0;border:none;align-items:center;margin-left:auto;display:flex}.toast-close:hover{color:var(--clay-black)}.footer{text-align:center;border-top:1px solid var(--border-oat);color:var(--text-light);margin-top:auto;padding:40px 0;font-size:14px}.footer-link{color:var(--text-muted);transition:color var(--transition-fast);text-decoration:underline}.footer-link:hover{color:var(--clay-black)}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:1s linear infinite spin}@media (width<=768px){.app-container{padding:0 16px}.navbar{margin-bottom:24px;padding:16px 0}h1{letter-spacing:-1.76px;font-size:44px}h2{letter-spacing:-.96px;font-size:32px}.card{padding:20px}.link-card{grid-template-columns:1fr}.link-actions{border-top:1px solid var(--border-oat-light);justify-content:flex-end;width:100%;padding-top:12px}}