:root{font-family:Manrope,Segoe UI,system-ui,sans-serif;line-height:1.5;color-scheme:light dark;--bg: #f7f7f8;--surface: rgba(255, 255, 255, .92);--surface-solid: #ffffff;--surface-2: rgba(255, 255, 255, .72);--border: rgba(15, 23, 42, .12);--border-strong: rgba(15, 23, 42, .18);--text: #0b0f19;--muted: rgba(15, 23, 42, .65);--muted-2: rgba(15, 23, 42, .5);--shadow: 0 18px 48px rgba(15, 23, 42, .08);--shadow-soft: 0 10px 28px rgba(15, 23, 42, .06);--radius: 18px;--radius-lg: 28px;--accent: #0b0f19;--accent-2: #3b82f6;--focus: rgba(59, 130, 246, .25)}@media (prefers-color-scheme: dark){:root{--bg: #0f1117;--surface: rgba(30, 32, 40, .92);--surface-solid: #1a1c24;--surface-2: rgba(30, 32, 40, .72);--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--text: #f1f5f9;--muted: rgba(241, 245, 249, .65);--muted-2: rgba(241, 245, 249, .5);--shadow: 0 18px 48px rgba(0, 0, 0, .35);--shadow-soft: 0 10px 28px rgba(0, 0, 0, .25);--accent: #f1f5f9;--accent-2: #60a5fa;--focus: rgba(96, 165, 250, .35)}}*,*:before,*:after{box-sizing:border-box}html{background-color:var(--bg)}@media (prefers-color-scheme: dark){html{background-color:var(--bg)}}body{margin:0;min-height:100vh;color:var(--text);background:linear-gradient(180deg,#fafafa 0%,var(--bg) 80px,var(--bg) calc(100% - 80px),#fafafa 100%)}@media (min-width: 768px){body{background:radial-gradient(900px 600px at 18% 10%,#3b82f61f,#3b82f600 60%),radial-gradient(900px 600px at 82% 0%,#10b98114,#10b98100 65%),linear-gradient(180deg,#fafafa 0%,var(--bg) 55%,#f3f4f6 100%)}}@media (prefers-color-scheme: dark){body{background:linear-gradient(180deg,#0a0c10 0%,var(--bg) 80px,var(--bg) calc(100% - 80px),#0a0c10 100%)}}@media (prefers-color-scheme: dark) and (min-width: 768px){body{background:radial-gradient(900px 600px at 18% 10%,#3b82f626,#3b82f600 60%),radial-gradient(900px 600px at 82% 0%,#10b9811a,#10b98100 65%),linear-gradient(180deg,#0a0c10 0%,var(--bg) 55%,#0f1117 100%)}}@media (prefers-color-scheme: dark){input,textarea,select{background:#1a1c24!important;color:#f1f5f9!important;border-color:#ffffff1a!important}input::placeholder,textarea::placeholder{color:#f1f5f980!important}button.primary{background:#3b82f6!important;color:#fff!important;box-shadow:0 14px 30px #3b82f64d!important}button.primary:hover{background:#60a5fa!important}button.primary.outline,a.primary.outline{background:transparent!important;color:#60a5fa!important;border:1px solid #3b82f6!important}button.primary.outline:hover{background:#3b82f626!important}button.secondary{background:#1a1c24!important;color:#f1f5f9!important;border:1px solid rgba(255,255,255,.15)!important}button.secondary:hover{background:#252830!important}.card{background:#1a1c24!important;border-color:#ffffff1a!important}.meta-pill,.user-badge,.stat-item{background:#252830!important;border-color:#ffffff1a!important;color:#f1f5f9!important}.status-pill[data-state=ok]{background:#4ade8026!important;color:#4ade80!important}.status-pill[data-state=error]{background:#f8717126!important;color:#f87171!important}.inline-notice{background:#1a1c24!important;border-color:#ffffff1a!important}.lang-trigger{background:#1a1c24!important;border-color:#ffffff26!important;color:#f1f5f9!important}.lang-menu{background:#1a1c24!important;border-color:#ffffff26!important;box-shadow:0 20px 40px #00000080!important}.lang-option{color:#f1f5f9!important}.lang-option:hover{background:#3b82f633!important}.lang-option.selected{background:#4ade8033!important;color:#4ade80!important}.copy-button{background:#3b82f640!important;color:#60a5fa!important}.pill{background:#3b82f633!important;border-color:#3b82f659!important;color:#60a5fa!important}.pricing-card{background:#1a1c24!important;border-color:#ffffff1a!important;color:#f1f5f9!important}.pricing-card h2,.pricing-card-header h2,.pricing-card-price,.price-amount{color:#f1f5f9!important}.price-period,.pricing-card-lede{color:#f1f5f9b3!important}.pricing-list{color:#f1f5f9!important}.pricing-list li:before{color:#60a5fa!important}.pricing-card.featured{background:linear-gradient(180deg,#3b82f626,#1a1c24 40%)!important;border-color:#3b82f666!important}.featured-badge{background:#3b82f640!important;border-color:#3b82f666!important;color:#60a5fa!important}.topbar{background:#0f1117f2!important;border-color:#ffffff1a!important}.public-topbar .primary.outline,.public-actions .primary.outline{background:transparent!important;color:#f1f5f9!important;border-color:#fff3!important}.ghost-button{color:#f1f5f9!important;border-color:#ffffff26!important;background:transparent!important}.ghost-danger{color:#f87171!important;border-color:#f871714d!important}.brand-mark{background:#1a1c24!important;border-color:#ffffff1a!important}.brand-mark.premium{background:radial-gradient(circle at 30% 20%,#6366f140,#1a1c24)!important;border-color:#6366f159!important}.pricing-hero{background:linear-gradient(135deg,#3b82f61a,#7c3aed0f,#1a1c24)!important;border-color:#ffffff1a!important}.pricing-hero h1{color:#f1f5f9!important}.pricing-subtitle{color:#f1f5f9bf!important}.pricing-subtitle strong{color:#f1f5f9!important}.pricing-cta button.primary{background:#3b82f6!important;color:#fff!important}.pricing-cta button.primary.outline,.pricing-cta .hide-mobile{background:transparent!important;color:#f1f5f9!important;border-color:#fff3!important}.pricing-showcase{background:transparent!important;border-color:transparent!important}.showcase-copy h2{color:#f1f5f9!important}.showcase-copy p,.showcase-copy .muted{color:#f1f5f9b3!important}.showcase-copy .tiny{color:#f1f5f980!important}.showcase-frame{background:transparent!important;border-color:transparent!important}.showcase-placeholder{color:#f1f5f966!important}.browser-header{background:#2a2d38!important;border-bottom:1px solid rgba(255,255,255,.1)!important}.browser-content{background:#1e2028!important}.pricing-faq{background:#1a1c24!important;border-color:#ffffff1a!important}.pricing-faq h2,.faq-item h3{color:#f1f5f9!important}.faq-item p,.faq-item .muted,.muted{color:#f1f5f9b3!important}.tiny.muted{color:#f1f5f999!important}}h1,h2,h3,.brand-title{font-family:Space Grotesk,Manrope,system-ui,sans-serif}#root{min-height:100vh}.auth-shell{min-height:100vh;padding:2.5rem 1.5rem;display:flex;align-items:center;justify-content:center;position:relative}.auth-top-actions{position:absolute;top:1.25rem;right:1.25rem;display:flex;align-items:center;gap:.65rem}.auth-layout{width:min(1040px,100%);display:grid;grid-template-columns:1.2fr .8fr;gap:2.25rem;align-items:center}.auth-hero h1{margin:0;font-size:clamp(2.25rem,3.8vw,3.2rem);letter-spacing:-.04em;line-height:1.08}.auth-subtitle{margin:1rem 0 0;font-size:1.05rem;color:var(--muted);max-width:44ch}.auth-brand{display:inline-flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.auth-logo{width:44px;height:44px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a14,#0f172a05);border:1px solid var(--border);color:var(--accent);font-size:1.25rem;box-shadow:var(--shadow-soft)}.auth-brand-name{font-weight:700;letter-spacing:-.02em;font-size:1.05rem}.auth-features{margin:1.5rem 0 0;padding:0;list-style:none;display:grid;gap:.6rem;color:#0f172ac7}.auth-features li{display:flex;align-items:center;gap:.65rem}.auth-features li:before{content:"";width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,#0f172aeb,#0f172a99);box-shadow:0 10px 18px #0f172a1f}.auth-note{margin:1.4rem 0 0;font-size:.95rem;color:var(--muted);max-width:52ch}.auth-card{width:100%;max-width:420px}.auth-form{display:flex;flex-direction:column;gap:1rem;margin-top:1.25rem;text-align:left}.muted{color:var(--muted)}.tiny{font-size:.85rem;margin:.85rem 0 0}.auth-error{color:#b91c1c;margin:0;font-size:.95rem}.auth-divider{display:flex;align-items:center;gap:.9rem;margin:.35rem 0;color:var(--muted-2);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;justify-content:center}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:#0f172a1f}.link-button{background:transparent;color:var(--accent-2);padding:0;box-shadow:none}.google-button{background:var(--surface-solid);color:var(--text);border:1px solid var(--border);display:flex;justify-content:center;align-items:center;gap:.5rem}.google-button:hover{background:#0f172a08;border-color:var(--border-strong)}@media (max-width: 860px){.auth-layout{grid-template-columns:1fr;gap:1.25rem;align-items:stretch}.auth-card{max-width:520px}}.app-shell{max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.topbar{position:sticky;top:0;z-index:10;width:100vw;margin:-2.5rem calc(50% - 50vw) 2rem;padding:1rem clamp(1rem,2vw,2rem);background:#f7f7f8b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(15,23,42,.08)}.topbar-inner{width:min(1200px,100%);margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:1rem}.brand-mark{width:auto;height:auto;border-radius:0;display:flex;align-items:center;background:none;color:var(--accent);border:none;box-shadow:none;flex:0 0 auto}.brand-mark.premium{background:none;border-color:transparent;color:var(--accent);box-shadow:none}.brand-logo{height:28px;width:auto;object-fit:contain;display:block}.brand .brand-logo-dark{display:none}@media (prefers-color-scheme: dark){.brand .brand-logo-light{display:none}.brand .brand-logo-dark{display:block}}.brand-title{display:flex;align-items:baseline;gap:.35rem;font-weight:750;letter-spacing:-.03em;font-size:clamp(1.7rem,2.6vw,2.2rem);margin:0}.brand-sub{font-weight:650;color:var(--muted)}.brand-dot{color:#0f172a47}.brand-tagline{margin:.2rem 0 0;color:var(--muted);font-size:.95rem}.header-actions{display:flex;align-items:center;gap:.75rem}.header-actions>*{flex:0 0 auto}.user-badge{background:#0f172a0f;border:1px solid rgba(15,23,42,.06);padding:.35rem .75rem;border-radius:999px;font-size:.9rem;font-weight:600}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.lang-picker{display:inline-flex;align-items:center;position:relative;z-index:100}.lang-trigger{display:inline-flex;align-items:center;gap:.5rem;border-radius:999px;border:1px solid rgba(15,23,42,.12);background:#ffffffe6;padding:.3rem .7rem;font-size:.92rem;font-weight:650;color:var(--text);cursor:pointer;box-shadow:var(--shadow-soft)}.lang-picker.compact .lang-trigger{padding:.22rem .6rem;font-size:.88rem}.lang-trigger:focus-visible{outline:none;box-shadow:0 0 0 4px var(--focus)}.lang-flag{font-size:1rem}.lang-chevron{width:16px;height:16px;color:var(--muted-2)}@media (max-width: 767px){.lang-picker.compact .lang-trigger{padding:.4rem;gap:0}.lang-trigger .lang-label,.lang-trigger .lang-chevron{display:none}.lang-flag{font-size:1.25rem}}.lang-menu{position:absolute;top:calc(100% + .4rem);right:0;min-width:180px;max-width:calc(100vw - 2rem);background:#fffffffa;border:1px solid rgba(15,23,42,.12);border-radius:16px;padding:.4rem;box-shadow:0 20px 40px #0f172a26;z-index:1000;list-style:none;margin:0}.lang-option{width:100%;border:none;background:transparent;display:flex;align-items:center;gap:.6rem;padding:.45rem .6rem;border-radius:12px;font-size:.92rem;font-weight:600;color:var(--text);cursor:pointer}.lang-option:hover{background:#2563eb1a}.lang-option.selected{background:#10b9811f;color:#065f46}.ghost-button{background:#ffffffbf;border:1px solid var(--border);color:var(--text)}.ghost-button:hover{border-color:var(--border-strong);background:#0f172a08}.status-pill{padding:.35rem .85rem;border-radius:999px;font-size:.9rem;font-weight:600;display:inline-flex;align-items:center;gap:.5rem}.status-pill[data-state=ok]{color:#036635;background:#4ade8026}.status-pill[data-state=error]{color:#b91c1c;background:#f8717133}.grid{display:grid;gap:1.25rem}.card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid rgba(15,23,42,.1);padding:1.75rem;box-shadow:var(--shadow);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.card h2{margin-top:0;margin-bottom:1rem;font-size:1.25rem}@media (hover: hover) and (pointer: fine){.card:hover{transform:translateY(-2px);border-color:#0f172a1f;box-shadow:0 26px 70px #0f172a1a}}.stats-panel{display:flex;flex-direction:column;gap:1.25rem}.stat-row{display:flex;gap:1.5rem;flex-wrap:wrap}.stat-item{flex:1 1 160px;background:#0f172a08;border:1px solid rgba(15,23,42,.06);border-radius:18px;padding:.75rem 1rem}.label{text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;color:var(--muted-2);margin-bottom:.25rem}.stat-item strong{display:block;font-size:1.2rem;color:var(--text)}.two-column{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:1.5rem}.left-panel,.right-panel{min-width:0}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.card-header h2{margin:0}.card-header p{margin:.35rem 0 0}.meta-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:999px;background:#0f172a0f;border:1px solid rgba(15,23,42,.06);color:#0f172ac7;font-weight:650;font-size:.9rem}label{display:block;font-size:.9rem;font-weight:600;margin-bottom:.4rem}input,textarea,select{width:100%;border-radius:14px;border:1px solid var(--border);padding:.78rem 1rem;font-size:1rem;font-family:inherit;transition:border .18s ease,box-shadow .18s ease,background .18s ease;background:#ffffffeb}input:focus,textarea:focus,select:focus{outline:none;border-color:#3b82f68c;box-shadow:0 0 0 4px var(--focus)}textarea{min-height:98px;resize:vertical}.button-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.5rem}button{font-family:inherit;border:1px solid transparent;border-radius:14px;padding:.7rem 1.2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background .18s ease,box-shadow .18s ease,border-color .18s ease,transform .06s ease}button.primary{background:var(--accent);color:#fff;box-shadow:0 14px 30px #0f172a2e}button.primary.outline,a.primary.outline{background:#ffffffd9;color:var(--text);border:1px solid var(--border);box-shadow:none}button.secondary{background:#ffffffd9;border:1px solid var(--border);color:var(--text)}button.primary:hover{background:#0f172aeb}button.primary:active{transform:translateY(1px)}button.secondary:hover,button.primary.outline:hover{border-color:var(--border-strong);background:#0f172a08}a.primary,a.secondary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.inline-notice{display:flex;align-items:flex-start;justify-content:space-between;gap:.9rem;padding:.9rem 1rem;border-radius:18px;background:#0f172a0a;border:1px solid rgba(15,23,42,.08)}.inline-notice-title{margin:0;font-weight:700;letter-spacing:-.01em}.inline-notice-body{margin:.15rem 0 0;color:var(--muted);font-size:.95rem}.plan-pill[data-plan=pro]{background:#10b9811f;border-color:#10b98133;color:#065f46}.plan-pill[data-plan=free]{background:#0f172a0f;border-color:#0f172a14}.plan-usage{font-weight:600}.public-shell{min-height:100vh;padding:1.25rem 1.5rem 3rem;display:flex;flex-direction:column;gap:.75rem}.public-brand .brand-title{font-size:1.3rem;font-weight:800;letter-spacing:-.04em;color:var(--text)}.public-brand .brand-logo{height:28px;width:auto}.public-brand .brand-logo-dark{display:none}@media (prefers-color-scheme: dark){.public-brand .brand-logo-light{display:none}.public-brand .brand-logo-dark{display:block}}.public-topbar{width:min(1120px,100%);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;position:relative}.public-brand{display:inline-flex;align-items:center;gap:.85rem}.public-actions{display:inline-flex;align-items:center;gap:.6rem}.public-actions>button,.public-actions>a{position:relative;z-index:1}.pricing{width:min(1120px,100%);margin:0 auto;display:flex;flex-direction:column;gap:2rem}.pill{display:inline-flex;align-items:center;justify-content:center;padding:.3rem .75rem;border-radius:999px;font-weight:700;font-size:.85rem;color:#2563ebeb;background:#2563eb1a;border:1px solid rgba(37,99,235,.18)}.pricing-hero{position:relative;overflow:hidden;border-radius:28px;padding:2.25rem;background:linear-gradient(135deg,#2563eb1f,#7c3aed14,#0f172a05);border:1px solid rgba(15,23,42,.08);display:grid;grid-template-columns:1.2fr .8fr;gap:1.75rem;align-items:center;min-height:380px}.pricing-hero-copy{max-width:100%;position:relative;z-index:2}.pricing-hero-copy h1{margin:1rem 0 0;font-size:clamp(1.5rem,2.5vw,2.2rem);letter-spacing:-.04em;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pricing-subtitle{margin:.75rem 0 0;color:#0f172ab8;font-size:clamp(.9rem,1.2vw,1.05rem);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pricing-cta{margin-top:1.25rem;display:flex;flex-wrap:wrap;gap:.75rem}.hero-input-group{margin-top:2rem;display:flex;background:var(--surface-float);border:1px solid var(--border);border-radius:999px;padding:.35rem;box-shadow:var(--shadow-md);max-width:500px;width:100%;position:relative;transition:border-color .2s,box-shadow .2s}.hero-input-group:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb40}.hero-input{flex:1;background:transparent;border:none;padding:.75rem 1.25rem;font-size:1rem;color:var(--text);min-width:0}.hero-input:focus{outline:none}.hero-button{border-radius:999px!important;padding:.75rem 1.75rem!important;font-size:1rem!important;font-weight:600!important;flex-shrink:0}.hero-trust{margin-top:1rem;font-size:.85rem;color:var(--muted);font-weight:500}.hero-badges-wrapper{width:100%;overflow:hidden;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.hero-badges{margin-top:1.5rem;display:flex;flex-wrap:nowrap;gap:1.25rem;justify-content:center;margin-bottom:0;width:fit-content}@media (min-width: 768px){.hero-badges-wrapper{mask-image:none;-webkit-mask-image:none}.hero-badges{justify-content:center;width:100%}.hero-badge[aria-hidden=true]{display:none}}@media (max-width: 767px){.hero-badges{animation:marquee 20s linear infinite;padding-right:1.25rem}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero-badges-wrapper:hover .hero-badges,.hero-badges-wrapper:active .hero-badges{animation-play-state:paused}.hero-input-group{margin-top:1.25rem}.hero-trust{font-size:.78rem;margin-top:.75rem}.hero-badges{margin-top:.4rem;margin-bottom:.25rem}.pricing-hero-copy h1{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.2}.pricing-subtitle{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}}.hero-badge{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--muted-2);font-weight:500;white-space:nowrap}.hero-badge .badge-icon{display:flex;align-items:center;justify-content:center}.hero-badge .badge-icon svg{width:1.1em;height:1.1em;opacity:.8}@media (max-width: 720px){.topbar{position:relative!important;background:var(--bg);padding-top:.35rem;padding-bottom:.35rem}.topbar-inner{flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important}.mobile-menu-controls{order:2;margin-left:auto;display:flex!important;align-items:center}.brand{order:1;flex-shrink:0}.search-container{position:sticky;top:0;z-index:9;background:transparent;margin-bottom:0;padding:.25rem 0;border-bottom:none;border-radius:0;box-shadow:none;margin-top:-.5rem}.stats-panel{position:relative;box-shadow:none;border-bottom:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;margin-bottom:0;padding-bottom:.5rem}.search-input{background:transparent;border:1px solid var(--border)}.left-panel{overflow:visible}.hero-input-group{flex-direction:column;border-radius:var(--radius-lg);background:transparent;border:none;box-shadow:none;padding:0;gap:.75rem}.hero-input{background:var(--surface-float);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;text-align:center;padding:1rem}.hero-button{width:100%;border-radius:var(--radius-lg)!important}}.cta-dual .cta-short{display:none}.pricing-hero-art{position:relative;min-height:220px}.pricing-hero-art .glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;background:radial-gradient(circle at 30% 30%,#2563eb66,#7c3aed2e 40%,#0f172a00 70%);filter:blur(24px);opacity:.9;animation:auroraBreathe 10s ease-in-out infinite alternate}@keyframes auroraBreathe{0%{transform:scale(1);opacity:.85;filter:blur(24px) hue-rotate(0deg)}50%{opacity:.95;filter:blur(28px) hue-rotate(15deg)}to{transform:scale(1.08);opacity:.85;filter:blur(24px) hue-rotate(-15deg)}}.pricing-hero-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='1'/%3E%3C/svg%3E");opacity:.08;mix-blend-mode:overlay;pointer-events:none;z-index:1}.pricing-hero .gridlines{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:28px;background-image:linear-gradient(rgba(15,23,42,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.08) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(to bottom,#000 40%,#0000);mask-image:linear-gradient(to bottom,#000 40%,#0000);opacity:.35;z-index:0;pointer-events:none}.pricing-showcase{display:block}.showcase-copy{display:none}.showcase-frame{width:100%;max-width:900px;margin:0 auto;border-radius:12px;background:transparent;overflow:hidden}.browser-header{height:40px;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.06);display:flex;align-items:center;padding:0 16px;border-radius:12px 12px 0 0}.browser-dots{display:flex;gap:8px}.browser-dot{width:12px;height:12px;border-radius:50%}.dot-red{background:#ff5f57}.dot-yellow{background:#febc2e}.dot-green{background:#28c840}.browser-content{position:relative;width:100%;aspect-ratio:16 / 9;background:#f5f5f5;overflow:hidden}.showcase-image,.showcase-video{width:100%;height:100%;object-fit:cover;display:block}.showcase-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:monospace;font-size:.9rem;color:var(--muted);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.showcase-image{width:100%;height:100%;object-fit:cover;display:block}.showcase-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:monospace;font-size:.9rem;color:var(--muted);font-weight:600;letter-spacing:.05em;text-transform:uppercase;background:transparent}.pricing-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.pricing-card{border-radius:26px;padding:1.8rem 1.75rem;background:#ffffffe6;border:1px solid rgba(15,23,42,.08);box-shadow:0 22px 45px #0f172a14;display:flex;flex-direction:column;gap:1.1rem}.pricing-card.featured{border:1px solid rgba(37,99,235,.28);box-shadow:0 28px 60px #2563eb1f;background:linear-gradient(180deg,#2563eb14,#ffffffeb 55%)}.pricing-card-header h2{margin:0;font-size:1.45rem;letter-spacing:-.02em}.pricing-card-price{margin:.65rem 0 0;display:flex;align-items:baseline;gap:.35rem}.price-amount{font-size:2.2rem;font-weight:800;letter-spacing:-.04em}.price-period{color:#0f172a99;font-weight:650}.pricing-card-lede{margin:.65rem 0 0;color:#0f172ab8}.featured-badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .6rem;border-radius:999px;font-weight:800;font-size:.75rem;background:#2563eb24;border:1px solid rgba(37,99,235,.24);color:#1d4ed8;width:fit-content;margin-bottom:.6rem}.pricing-list{margin:0;padding:0;list-style:none;display:grid;gap:.55rem;color:#0f172ac7}.pricing-list li:before{content:"✓";margin-right:.55rem;color:#1d4ed8;font-weight:900}.pricing-faq{border-radius:26px;padding:1.75rem;background:#ffffffd9;border:1px solid rgba(15,23,42,.08)}.pricing-faq h2{margin:0 0 1.2rem;letter-spacing:-.03em}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.25rem}.faq-item h3{margin:0;font-size:1rem}.faq-item p{margin:.35rem 0 0}button.danger{background:#ef444426;color:#b91c1c}button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.link-table{width:100%;overflow-x:hidden}table{width:100%;border-collapse:collapse;font-size:.95rem;table-layout:fixed}th,td{padding:.85rem .5rem;text-align:left;border-bottom:none}th{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:#0f172aa6}thead tr,tbody tr{border-bottom:1px solid rgba(15,23,42,.08)}tbody tr:last-child{border-bottom:none}.cell-label{display:none}td.actions{white-space:nowrap;display:flex;gap:.4rem}th:nth-child(1),td.slug-cell{width:30%}th:nth-child(2),td.destination-cell{width:20%}th:nth-child(3),td:nth-child(3){width:18%}th:nth-child(4),td.actions{width:32%}.destination-cell{max-width:100%}.destination-link{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text);font-size:.9rem}.destination-link:hover{color:#1d4ed8;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.actions{justify-content:flex-end;gap:.5rem}.date-cell{font-size:.9rem;color:var(--muted)}.ghost-button,.ghost-danger{padding:.32rem .75rem;border:1px solid var(--border);background:transparent;border-radius:10px;font-weight:600;color:var(--text);font-size:.95rem}.ghost-danger{color:#b91c1c;border-color:#b91c1c40}.destination-note{font-size:.8rem;color:#0f172a99;margin-top:.25rem}.short-url{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;max-width:100%}.short-url-text{min-width:0;max-width:100%}.short-url-origin{display:inline}.short-url-scheme{color:var(--muted-2);font-weight:650}.short-url-host{white-space:normal;overflow-wrap:anywhere;word-break:normal}.short-url-path{overflow-wrap:break-word;word-break:break-word}.destination-host{font-weight:600}.destination-rest{color:var(--muted)}.copy-button{border:none;background:#2563eb1f;color:#1d4ed8;border-radius:999px;padding:.2rem .85rem;font-size:.85rem;cursor:pointer}.empty-state{text-align:center;padding:2.5rem 1rem;color:var(--muted)}.toast{position:fixed;top:1.5rem;right:1.5rem;background:var(--surface-solid);color:var(--text);padding:.85rem 1.25rem;border-radius:16px;border:1px solid var(--border);box-shadow:var(--shadow);font-size:.95rem}.toast.success{background:#15803d}.toast.error{background:#b91c1c}.settings-panel{display:grid;gap:1rem}.settings-panel .field-group{display:flex;flex-direction:column;gap:.4rem}@media (max-width: 720px){.cta-dual .cta-full{display:none}.cta-dual .cta-short{display:inline}.public-shell{padding:1.75rem 1.1rem 2.5rem}.pricing-hero{grid-template-columns:1fr;padding:1.6rem 1.35rem}.pricing-hero-art{display:none}.pricing-showcase,.pricing-cards,.faq-grid{grid-template-columns:1fr}.app-shell{padding:1.25rem 1rem 2rem}.topbar-inner{flex-direction:column;align-items:flex-start;gap:.5rem}.header-actions{width:100%;justify-content:flex-start;flex-wrap:wrap;gap:.5rem}.card{padding:1.2rem}.two-column{grid-template-columns:1fr}.right-panel{order:-1}table,th,td,.destination-link{font-size:.82rem}.ghost-button,.ghost-danger{padding:.2rem .5rem;font-size:.82rem}.link-table{overflow-x:auto}table{min-width:640px;table-layout:fixed}th,td{padding:.65rem .4rem}.actions{justify-content:flex-start;flex-wrap:wrap;gap:.35rem}}.hide-mobile{display:inline-flex}@media (max-width: 720px){.hide-mobile{display:none}}@media (max-width: 560px){.auth-shell{padding:2.25rem 1.1rem}.auth-top-actions{right:1rem;top:1rem}.inline-notice{flex-direction:column;align-items:stretch}.brand-title{font-size:1.85rem}.user-badge{display:none}.header-actions{gap:.45rem}.card-header{gap:.75rem}.meta-pill{font-size:.82rem;padding:.28rem .6rem;white-space:nowrap}.link-table{overflow-x:hidden}table{min-width:0;table-layout:auto}thead{display:none}tbody{display:flex;flex-direction:column}tbody tr{display:grid;grid-template-columns:1fr auto;grid-template-areas:"slug slug" "dest dest" "meta actions";gap:.55rem .9rem;padding:.9rem 0;border-bottom:1px solid rgba(15,23,42,.08)}tbody tr:last-child{border-bottom:none}td{border-bottom:none;padding:0}td.slug-cell{grid-area:slug}td.destination-cell{grid-area:dest}td.date-cell{grid-area:meta;display:flex;flex-direction:column;gap:.15rem;color:#0f172abf;font-size:.9rem}td.date-cell .cell-label{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#0f172a80;white-space:nowrap;margin-bottom:.15rem}td.actions{grid-area:actions;display:flex;align-items:flex-end;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.cell-label{display:none}.short-url{width:100%;display:grid;grid-template-columns:1fr auto;align-items:start;gap:.6rem .75rem}.short-url-text{width:100%;min-width:0;font-size:1.05rem;line-height:1.25}.short-url-origin{display:block;width:100%;white-space:normal;overflow-wrap:anywhere;word-break:normal}.short-url-path{display:block;width:100%;overflow-wrap:break-word;word-break:break-word}.copy-button{padding:.24rem .75rem;font-size:.86rem;white-space:nowrap;align-self:start}.destination-link{display:block;white-space:normal;overflow:visible;text-overflow:clip}.destination-host{display:block;width:100%;white-space:normal;overflow-wrap:anywhere;word-break:normal;font-size:1rem;line-height:1.25}.destination-rest{display:block;width:100%;white-space:normal;overflow-wrap:anywhere;word-break:normal;font-size:.95rem;line-height:1.25;color:#0f172abf}.destination-note{margin-top:.15rem}.ghost-button,.ghost-danger{padding:.28rem .7rem;font-size:.9rem}.link-list{margin-top:.9rem;display:flex;flex-direction:column}.link-list-item{padding:.95rem 0;border-top:1px solid rgba(15,23,42,.08)}.link-list-item:first-child{border-top:none;padding-top:0}.link-list-main{display:flex;flex-direction:column;gap:.55rem}.link-list-short{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem}.link-list .short-url{display:block;width:100%}.link-list .short-url-text{display:block;width:100%;font-size:1.1rem;line-height:1.3}.link-list .copy-button{padding:.3rem .9rem;font-size:.95rem;min-height:44px}.link-list-footer{margin-top:.75rem;display:flex;flex-direction:column;gap:.75rem}.link-list-updated{display:flex;flex-direction:column;gap:.1rem;color:#0f172abf}.link-list-updated-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#0f172a80;white-space:nowrap}.link-list-updated-value{font-size:.95rem}.link-list-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.link-list-actions .ghost-button,.link-list-actions .ghost-danger{width:100%;justify-content:center;min-height:46px;font-size:1rem}}.site-footer{margin-top:3rem;padding:2rem 1.5rem 3rem;border-top:1px solid var(--border);text-align:center}.footer-inner{max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-copy{margin:0;font-size:.875rem;color:var(--muted)}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.footer-links a{font-size:.875rem;color:var(--muted);text-decoration:none;transition:color .15s ease}.footer-links a:hover{color:var(--text);text-decoration:underline}.footer-promo{display:inline-block;margin-top:.75rem;font-size:.875rem;color:var(--accent-2);text-decoration:none;transition:opacity .15s ease}.footer-promo:hover{opacity:.8;text-decoration:underline}.legal-page{min-height:100vh;background:transparent;padding:1.5rem}.legal-header{max-width:800px;margin:0 auto 2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.legal-content{max-width:800px;margin:0 auto;background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-soft)}.legal-content h1{margin-top:0;margin-bottom:.5rem;font-size:1.75rem}.legal-content h2{margin-top:2rem;margin-bottom:.75rem;font-size:1.25rem;border-bottom:1px solid var(--border);padding-bottom:.5rem}.legal-content p,.legal-content li{color:var(--text);line-height:1.7}.legal-content ul{padding-left:1.5rem}.legal-content li{margin-bottom:.5rem}.legal-content a{color:var(--accent-2);text-decoration:none}.legal-content a:hover{text-decoration:underline}.legal-content em{color:var(--muted)}.legal-footer{max-width:800px;margin:2rem auto 3rem;text-align:center;color:var(--muted);font-size:.875rem}@media (max-width: 720px){.legal-content{padding:1.5rem}.legal-content h1{font-size:1.5rem}.footer-links{gap:1rem}}@media (prefers-color-scheme: dark){.legal-content{background:#1a1c24!important;border-color:#ffffff1a!important}.legal-content h1,.legal-content h2,.legal-content p,.legal-content li,.legal-content strong{color:#f1f5f9!important}.legal-content h2{border-color:#ffffff1a!important}.legal-content a{color:#60a5fa!important}.legal-content em{color:#f1f5f999!important}.site-footer{border-color:#ffffff1a!important}.footer-copy,.footer-links a{color:#f1f5f999!important}.footer-links a:hover{color:#f1f5f9!important}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;padding:1rem;animation:slideUp .4s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-banner-content{max-width:900px;margin:0 auto;display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.cookie-icon{font-size:1.5rem;flex-shrink:0}.cookie-message{flex:1;margin:0;font-size:.9rem;color:var(--text);line-height:1.4}.cookie-actions{display:flex;gap:.75rem;flex-shrink:0}.cookie-learn-more{padding:.5rem 1rem;background:transparent;border:1px solid var(--border);border-radius:9px;font-size:.85rem;color:var(--muted);cursor:pointer;transition:all .2s ease}.cookie-learn-more:hover{background:var(--surface-2);color:var(--text)}.cookie-accept{padding:.5rem 1.25rem;background:var(--accent);border:none;border-radius:9px;font-size:.85rem;font-weight:600;color:var(--bg);cursor:pointer;transition:all .2s ease}.cookie-accept:hover{opacity:.9;transform:translateY(-1px)}.cookie-banner.rtl .cookie-banner-content{direction:rtl}@media (max-width: 640px){.cookie-banner-content{flex-direction:column;text-align:center}.cookie-message{text-align:center}.cookie-actions{width:100%;justify-content:center}}@media (prefers-color-scheme: dark){.cookie-banner-content{background:#1e2028f2!important;border-color:#ffffff1a!important}.cookie-accept{background:#3b82f6!important;color:#fff!important}.cookie-learn-more{border-color:#fff3!important;color:#f1f5f9b3!important}.cookie-learn-more:hover{background:#ffffff14!important;color:#f1f5f9!important}}@media (max-width: 720px){.link-list-actions-menu{position:relative;display:flex;justify-content:flex-end}.actions-dropdown{position:absolute;top:100%;right:0;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);z-index:20;display:flex;flex-direction:column;min-width:170px;overflow:hidden;margin-top:.25rem;padding:4px;gap:2px}.dropdown-item{background:none;border:none;text-align:left;padding:.6rem .75rem;font-size:.9rem;cursor:pointer;color:var(--text);display:flex;align-items:center;gap:.75rem;width:100%;border-radius:6px;transition:background .1s ease}.dropdown-item svg{opacity:.7;width:16px;height:16px}.dropdown-item:hover{background:var(--surface-2)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:active{background:var(--surface-2)}.dropdown-item.danger{color:#ef4444}.dropdown-item.danger:hover{background:#fef2f2;color:#dc2626}@media (prefers-color-scheme: dark){.dropdown-item.danger:hover{background:#ef44441a;color:#f87171}}.menu-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:15;background:transparent}.link-list-short .short-url-text{font-size:1.15rem;font-weight:700;color:var(--text)}.destination-link{font-size:.85rem;color:var(--muted);opacity:.85;margin-top:.2rem}.link-list-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.short-url-compact{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.short-url-slug{font-size:1.15rem;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-icon-btn{padding:.35rem;font-size:1.1rem;opacity:.6;background:transparent;border-radius:5px}.copy-icon-btn:active{background:var(--surface-hover);opacity:1}.link-list-meta{flex-shrink:0}.link-list-date{font-size:.8rem;color:var(--muted)}.destination-link.compact{font-size:.85rem;color:var(--muted);opacity:.8;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-top:.25rem}.link-list-item{padding:.75rem 0!important}.link-list-footer{margin-top:0!important}.link-list-actions-menu-wrapper{position:relative}.header-menu-btn{font-size:1.25rem;padding:.25rem .5rem;line-height:1;height:auto}.actions-dropdown.right-aligned{right:0;top:100%;min-width:180px}.link-list-body{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.25rem}.link-list-date{white-space:nowrap;font-size:.75rem}.destination-link.compact{margin-top:0;flex:1;min-width:0}.mobile-menu-controls,.mobile-menu-dropdown{display:none}.hide-mobile{display:none!important}.show-mobile{display:flex!important;align-items:center}.mobile-menu-controls{display:flex;align-items:center}.mobile-menu-toggle{font-size:1.5rem;padding:.5rem;background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important}.mobile-menu-dropdown{position:absolute;top:100%;left:0;right:0;display:flex;flex-direction:column;width:100%;background:var(--bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:.75rem 1rem;animation:slideDown .2s ease-out;gap:0;z-index:100}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-section{padding:.75rem 0;border-bottom:1px solid var(--border)}.mobile-menu-section:first-child{padding-top:0}.mobile-menu-section:last-child{border-bottom:none;padding-bottom:0}.mobile-menu-header-row{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:none;padding-bottom:.25rem}.mobile-menu-upgrade-section{border-bottom:none;padding-top:.35rem;padding-bottom:.25rem}.mobile-menu-user-compact{display:flex;flex-direction:column;gap:.25rem;flex:1}.mobile-menu-email{font-weight:600;font-size:.95rem;color:var(--text)}.mobile-menu-plan{font-size:.8rem;color:var(--muted)}.mobile-menu-footer{display:flex;justify-content:space-between;align-items:center}.mobile-upgrade-btn{width:100%;padding:.65rem 1rem;font-size:.9rem;font-weight:600;color:#fff;background:#0b0f19;border:none;border-radius:10px;cursor:pointer;transition:all .15s ease;box-shadow:0 4px 12px #0000001a}.mobile-upgrade-btn:hover{background:#1a1c24;transform:translateY(-1px)}.mobile-logout-link{background:none;border:none;padding:0;font-size:.85rem;color:#dc2626;opacity:.75;cursor:pointer;transition:opacity .15s}.mobile-logout-link:hover{opacity:1}.full-width{width:100%;justify-content:center}.link-list-actions-menu{margin-top:-1.75rem;margin-top:0}}.card.grid{transition:all .3s ease;overflow:hidden}.card.grid.collapsed{padding-bottom:0;gap:0}.card.grid.collapsed .button-row{display:none}.left-panel{overflow:visible!important}.stats-panel{display:none}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1.1rem;height:1.1rem;color:var(--muted);pointer-events:none}.search-input.has-icon{padding-left:2.5rem}.quick-shorten{display:none;align-items:center;background:var(--surface-solid);border:1px solid var(--border);border-radius:12px;padding:.25rem .25rem .25rem .75rem;margin-bottom:.75rem;gap:.5rem;box-shadow:var(--shadow-soft)}.quick-shorten-icon{color:var(--muted);flex-shrink:0}.quick-shorten-input{flex:1;border:none!important;background:transparent!important;padding:.5rem 0!important;font-size:.95rem;min-width:0;box-shadow:none!important}.quick-shorten-input::placeholder{color:var(--muted-2)}.quick-shorten-input:focus{outline:none}.quick-shorten-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--accent);color:var(--bg);border:none;cursor:pointer;flex-shrink:0;transition:all .15s ease}.quick-shorten-btn:disabled{opacity:.4;cursor:not-allowed}.quick-shorten-btn:not(:disabled):active{transform:scale(.95)}.spinner-small{width:16px;height:16px;border:2px solid var(--bg);border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.quick-shorten{flex-direction:column}.quick-shorten-main{display:flex;align-items:center;width:100%;gap:.5rem}.quick-shorten.expanded{padding-bottom:.75rem}.quick-shorten-options{display:flex;flex-direction:column;gap:.75rem;width:100%;padding-top:.75rem;margin-top:.5rem;border-top:1px solid var(--border);animation:slideDown .2s ease-out}.quick-option-row{display:flex;align-items:center;gap:0;background:var(--surface);border-radius:10px;overflow:hidden}.quick-option-prefix{padding:.6rem .75rem;font-size:.85rem;color:var(--muted);background:var(--surface-2);white-space:nowrap;flex-shrink:0;border-right:1px solid var(--border)}.quick-option-input{flex:1;border:none!important;background:transparent!important;padding:.6rem .75rem!important;font-size:.9rem;min-width:0;box-shadow:none!important}.quick-option-input::placeholder{color:var(--muted-2)}.quick-option-input:focus{outline:none}.quick-shorten-submit{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1rem;background:var(--accent);color:var(--bg);border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .15s ease;margin-top:.25rem}.quick-shorten-submit:disabled{opacity:.5;cursor:not-allowed}.quick-shorten-submit:not(:disabled):active{transform:scale(.98)}@media (max-width: 720px){.quick-shorten.show-mobile{display:flex}}.mobile-form-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000;display:none}.mobile-form-backdrop.show-mobile{display:block}body:has(.mobile-form-backdrop.show-mobile){overflow:hidden}html:has(.mobile-form-backdrop.show-mobile){overflow:hidden}@media (max-width: 900px){.right-panel:not(.mobile-open){display:none}.right-panel.mobile-open{position:fixed;display:block;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:1001;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:var(--bg);padding:0 0 100px;border-radius:0;transform:none}.right-panel.mobile-open .card-header-toggle{position:sticky;top:0;background:var(--background);z-index:10;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);margin:0}.right-panel.mobile-open .card-header-toggle h2{font-size:1.25rem;font-weight:600;margin:0}.right-panel.mobile-open .card-header-toggle .ghost-button{display:none}.mobile-form-close{position:fixed;top:1rem;right:1rem;background:var(--surface-bg);border:1px solid var(--border);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--text);z-index:1002;cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:all .15s ease}.mobile-form-close:hover{background:var(--surface-hover);transform:scale(1.05)}.right-panel.mobile-open .card{box-shadow:none;border:none;border-radius:0;padding:1.5rem;margin:0;min-height:100%;background:var(--bg)}.right-panel.mobile-open .card>div{margin-bottom:1.25rem}.right-panel.mobile-open label{font-size:.875rem;font-weight:600;color:var(--text);margin-bottom:.5rem;display:block}.right-panel.mobile-open input,.right-panel.mobile-open textarea,.right-panel.mobile-open select{font-size:1rem;padding:.875rem 1rem;border-radius:10px;border:1px solid var(--border);background:var(--surface-bg);width:100%;box-sizing:border-box}.right-panel.mobile-open input:focus,.right-panel.mobile-open textarea:focus,.right-panel.mobile-open select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #3b82f626}.right-panel.mobile-open textarea{min-height:80px;resize:vertical}.right-panel.mobile-open .input-group{display:flex;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface-bg)}.right-panel.mobile-open .input-group .input-prefix{background:var(--surface-2);padding:.875rem .75rem;font-size:.8rem;color:var(--muted);border-right:1px solid var(--border);white-space:nowrap}.right-panel.mobile-open .input-group input{border:none;border-radius:0}.right-panel.mobile-open .select-wrapper select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.right-panel.mobile-open .button-row{position:sticky;bottom:0;background:var(--background);padding:1rem 1.5rem 1.5rem;margin:0 -1.5rem -1.5rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.75rem}.right-panel.mobile-open .button-row .primary{width:100%;padding:1rem;font-size:1rem;font-weight:600;border-radius:12px}.right-panel.mobile-open .button-row .secondary{width:100%;padding:.875rem;font-size:.9rem;border-radius:10px}}.button-row .primary{width:100%;margin-top:.5rem}.input-group{display:flex;align-items:center;border:1px solid var(--border)!important;border-radius:var(--radius);background:#fff;overflow:hidden;transition:all .2s ease}.input-group:focus-within{border-color:var(--primary)!important;box-shadow:0 0 0 2px #2563eb1a}.input-prefix{background:#f8fafc;color:var(--muted);padding:0 .75rem;border-right:1px solid var(--border);font-size:.9em;font-weight:500;white-space:nowrap;height:42px;display:flex;align-items:center}.input-group input{border:none!important;background:transparent!important;box-shadow:none!important;padding-left:.75rem!important;flex:1;min-width:0}.inline-panel{background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius);margin-top:1rem;overflow:hidden;animation:slideDown .2s ease-out}.inline-panel-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--surface-2);border-bottom:1px solid var(--border)}.inline-panel-title{font-weight:600;font-size:.95rem}.inline-panel-body{padding:1.25rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.inline-qr .inline-panel-body{text-align:center}.inline-qr-url{font-size:.85rem;color:var(--muted);word-break:break-all;margin:0}.inline-stats{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.inline-stat{display:flex;flex-direction:column;align-items:center;min-width:80px}.inline-stat-value{font-size:1.5rem;font-weight:700;color:var(--accent-2)}.inline-stat-label{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.inline-recent{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;font-size:.85rem;color:var(--muted)}.inline-recent-item{background:var(--surface);padding:.25rem .5rem;border-radius:4px;font-size:.8rem}.inline-analytics .inline-panel-body{align-items:stretch;gap:1rem}.inline-analytics .inline-panel-title{display:flex;align-items:center;gap:.5rem}.inline-analytics .inline-panel-title svg{opacity:.7}.chart-time-selector{display:flex;gap:4px;justify-content:center;background:var(--surface);padding:4px;border-radius:8px}.chart-time-btn{background:transparent;border:none;padding:.4rem .75rem;font-size:.8rem;font-weight:500;color:var(--muted);cursor:pointer;border-radius:6px;transition:all .15s ease}.chart-time-btn:hover{color:var(--text);background:var(--surface-2)}.chart-time-btn.active{background:var(--surface-solid);color:var(--accent-2);box-shadow:0 1px 3px #0000001a}.chart-container{width:100%;min-height:160px}.chart-empty{text-align:center;padding:2rem 1rem}.chart-tooltip{background:var(--surface-solid);border:1px solid var(--border);border-radius:8px;padding:.5rem .75rem;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:.25rem}.chart-tooltip-date{font-size:.75rem;color:var(--muted)}.chart-tooltip-value{font-size:.9rem;font-weight:600;color:var(--text)}.analytics-breakdown{display:flex;flex-direction:column;gap:1rem;width:100%;margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--border)}.breakdown-section{display:flex;flex-direction:column;gap:.5rem}.breakdown-title{font-size:.8rem;font-weight:600;color:var(--muted);margin:0;text-transform:uppercase;letter-spacing:.05em}.breakdown-list{display:flex;flex-direction:column;gap:.35rem}.breakdown-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.breakdown-flag,.breakdown-icon{font-size:1rem;width:1.25rem;text-align:center}.breakdown-name{min-width:70px;color:var(--text)}.breakdown-bar{flex:1;height:6px;background:var(--surface);border-radius:3px;overflow:hidden}.breakdown-bar-fill{height:100%;background:var(--accent-2);border-radius:3px;transition:width .3s ease}.breakdown-bar-fill.source{background:#10b981}.breakdown-bar-fill.device{background:#8b5cf6}.breakdown-percent{min-width:35px;text-align:right;font-size:.8rem;color:var(--muted);font-weight:500}@media (prefers-color-scheme: dark){.chart-time-btn.active{background:#ffffff1a}.recharts-cartesian-axis-tick text{fill:var(--muted)!important}}.inline-edit .inline-panel-body{align-items:stretch}.inline-edit-row{display:flex;align-items:center;gap:0;background:var(--surface);border-radius:8px;overflow:hidden;width:100%}.inline-edit-prefix{padding:.6rem .75rem;font-size:.85rem;color:var(--muted);background:var(--surface-2);white-space:nowrap;flex-shrink:0;border-right:1px solid var(--border);min-width:100px}.inline-edit-input{flex:1;border:none!important;background:transparent!important;padding:.6rem .75rem!important;font-size:.9rem;min-width:0;box-shadow:none!important}.inline-edit-input:disabled{color:var(--muted);cursor:not-allowed}.inline-edit-input:focus{outline:none}.inline-edit-save{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1rem;background:#334155;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .15s ease;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.inline-edit-save:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}@media (prefers-color-scheme: dark){.inline-edit-save{background:#cbd5e1;color:#0f172a}}.inline-edit-save:disabled{opacity:.5;cursor:not-allowed}.inline-edit-save:not(:disabled):active{transform:scale(.98)}.inline-error{background:#fee;color:#c00;padding:.5rem .75rem;border-radius:6px;font-size:.85rem;width:100%}.inline-expand-row td{padding:0!important;background:var(--bg)}.inline-expand-row .inline-panel{margin:0;border-radius:0;border-left:none;border-right:none}.expanded-row{background:var(--surface-2)}.ghost-button.icon-button.active{background:var(--accent-2);color:#fff;border-radius:6px}@media (max-width: 560px){.inline-panel{margin-top:.75rem;border-radius:12px}.inline-panel-body{padding:1rem}.inline-stats{gap:1rem}.inline-stat-value{font-size:1.25rem}}button.small{padding:.5rem 1rem;font-size:.85rem}.live-indicator{display:inline-flex;align-items:center;gap:.35rem;margin-left:.5rem;padding:.2rem .5rem;background:#22c55e26;color:#22c55e;font-size:.7rem;font-weight:600;text-transform:uppercase;border-radius:4px;cursor:pointer;transition:all .2s ease}.live-indicator:hover{background:#22c55e40}.live-dot{width:6px;height:6px;background:#22c55e;border-radius:50%;animation:pulse-dot 1.5s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.inline-stats.click-flash{animation:click-flash .6s ease-out}@keyframes click-flash{0%{background:#3b82f64d;transform:scale(1.02)}to{background:transparent;transform:scale(1)}}.inline-stats.click-flash .inline-stat-value{color:var(--accent-2)}.world-heatmap{margin-top:1.5rem;position:relative}.world-heatmap-empty{padding:2rem;text-align:center}.heatmap-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.heatmap-title{font-size:.9rem;font-weight:600;color:var(--text)}.heatmap-countries{font-size:.75rem;color:var(--muted);background:var(--surface-2);padding:.2rem .5rem;border-radius:4px}.heatmap-container{width:100%;min-height:50px}.country-list{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto}.country-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:var(--surface-2);border-radius:8px;transition:all .15s ease}.country-item:hover{background:var(--surface-solid)}.country-flag{font-size:1.25rem}.country-name{flex:1;font-size:.85rem;font-weight:500;color:var(--text)}.country-count{font-size:.9rem;font-weight:600;color:var(--accent-2);min-width:30px;text-align:right}.country-percent{font-size:.75rem;color:var(--muted);min-width:35px;text-align:right}.heatmap-tooltip{position:fixed;background:var(--surface-solid);color:var(--text);padding:.4rem .6rem;border-radius:6px;font-size:.75rem;font-weight:500;box-shadow:0 2px 8px #00000026;pointer-events:none;z-index:1000;white-space:nowrap}.heatmap-legend{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.75rem}.legend-label{font-size:.65rem;color:var(--muted);text-transform:uppercase}.legend-gradient{width:80px;height:8px;border-radius:4px;background:linear-gradient(to right,#e2e8f0,#93c5fd,#3b82f6,#1d4ed8)}.folder-sidebar{background:var(--surface);border-radius:12px;padding:1rem;margin-bottom:1rem}.folder-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.folder-header-title{font-size:.9rem;font-weight:600;color:var(--text)}.folder-add-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--accent-2);color:#fff;border:none;border-radius:6px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.folder-add-btn:hover{background:var(--accent);transform:scale(1.05)}.folder-create-form{background:var(--surface-2);padding:.75rem;border-radius:8px;margin-bottom:.75rem}.folder-create-form input{width:100%;padding:.5rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font-size:.85rem;margin-bottom:.5rem}.folder-create-form input:focus{outline:none;border-color:var(--accent-2)}.folder-create-actions{display:flex;gap:.5rem}.btn-small{padding:.35rem .75rem;font-size:.75rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);cursor:pointer;transition:all .2s ease}.btn-small:hover{background:var(--surface-2)}.btn-small.primary{background:var(--accent-2);color:#fff;border-color:var(--accent-2)}.btn-small.primary:hover{background:var(--accent)}.folder-list{display:flex;flex-direction:column;gap:.25rem}.folder-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:8px;background:transparent;border:none;color:var(--text);font-size:.85rem;cursor:pointer;transition:all .15s ease;text-align:left;width:100%}.folder-item:hover{background:var(--surface-2)}.folder-item.active{background:#3b82f626;color:var(--accent-2)}.folder-item-btn{flex:1;display:flex;align-items:center;gap:.5rem;background:none;border:none;color:inherit;font-size:inherit;cursor:pointer;padding:0;text-align:left}.folder-icon{font-size:1rem}.folder-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-delete-btn{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--muted);font-size:1rem;cursor:pointer;border-radius:4px;opacity:0;transition:all .15s ease}.folder-item:hover .folder-delete-btn{opacity:1}.folder-delete-btn:hover{background:#ef444426;color:#ef4444}.app-with-sidebar{display:grid;grid-template-columns:220px 1fr;gap:1.5rem}@media (max-width: 768px){.app-with-sidebar{grid-template-columns:1fr}.folder-sidebar{display:none}}.card-header-title-row{display:flex;align-items:center;gap:.5rem}.header-menu-wrapper{position:relative}.header-menu-btn{font-size:1.25rem;font-weight:700;padding:.25rem .5rem;line-height:1;color:var(--muted)}.header-menu-btn:hover{color:var(--text)}.header-menu-dropdown{position:absolute;top:100%;left:0;background:var(--surface-solid);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:180px;z-index:100;padding:.25rem}.header-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.6rem .75rem;background:none;border:none;color:var(--text);font-size:.85rem;cursor:pointer;border-radius:6px;text-align:left;transition:all .15s ease}.header-menu-item:hover{background:var(--surface-2)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem}.modal-sm{max-width:420px;width:90%;padding:0;overflow:hidden;border:1px solid var(--border);box-shadow:0 25px 50px -12px #00000040;border-radius:12px;background:var(--surface-bg)}.modal-header.no-border{border-bottom:none;padding:1rem 1.25rem .5rem;display:flex;justify-content:space-between;align-items:center}.modal-header.no-border h2{font-size:1.1rem;font-weight:600;margin:0}.modal-header.no-border .ghost-button{padding:.25rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--muted);background:transparent;border-radius:4px}.modal-header.no-border .ghost-button:hover{background:var(--surface-2);color:var(--text)}.modal-body.pt-0{padding:.5rem 1.25rem 1.5rem}.modal-footer.no-border{border-top:1px solid var(--border);padding:.75rem 1.25rem;background:var(--surface-bg);display:flex;justify-content:flex-end;gap:.75rem}.input-label{display:block;font-size:.85rem;font-weight:500;color:var(--text);margin-bottom:.5rem}.input-field{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:.95rem;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.input-field:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px #2563eb1a}.primary-focus:focus{border-color:var(--accent)}.modal-footer .ghost-button{font-weight:500;color:var(--text)}.modal-footer .primary{font-weight:500;padding:.5rem 1rem}.modal-footer .primary:disabled{opacity:.5;cursor:not-allowed;background:var(--accent)}.folder-list-row{display:flex;gap:.75rem;padding:0 1.5rem 1rem;overflow-x:auto;align-items:center}.folder-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;background:var(--surface-bg);border:1px solid var(--border);border-radius:8px;font-size:.85rem;color:var(--text);white-space:nowrap;font-weight:500;cursor:pointer;transition:all .2s ease}.folder-chip:hover{background:var(--surface-2);border-color:var(--border-hover);transform:translateY(-1px)}.folder-chip .folder-icon{font-size:1rem;line-height:1}.folder-chip .folder-name{line-height:1.2}.folder-selection-list{display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto;padding:2px}.folder-option{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;width:100%;border:1px solid var(--border);border-radius:8px;background:var(--surface-bg);cursor:pointer;text-align:left;transition:all .2s ease;color:var(--text);font-weight:500}.folder-option:hover{background:var(--surface-hover);border-color:var(--border-hover)}.folder-option.selected{background:var(--surface-2);border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.folder-option .folder-icon{font-size:1.2rem}.folder-option.selected{background:#2563eb14;border-color:var(--accent);color:var(--accent)}.folder-option .folder-icon{font-size:1.1rem}.folder-option .folder-name{flex:1;font-weight:500;font-size:.95rem}.folder-option .check-icon{color:var(--accent);font-weight:700}.link-table-container{display:flex;flex-direction:column;gap:1.5rem}.link-grid-header{display:grid;grid-template-columns:32px 2fr 2fr 100px 50px;gap:1rem;padding:0 1.25rem .75rem;font-weight:500;color:var(--muted);font-size:.75rem;letter-spacing:.02em;text-transform:uppercase;border-bottom:1px solid var(--border)}.folder-section{position:relative;border:none;border-radius:var(--radius);background:transparent;overflow:visible;margin-bottom:.75rem;transition:all .2s ease}.folder-section.dragging{opacity:.5;pointer-events:none;height:auto!important;overflow:hidden;transform:scale(.98);transition:transform .15s ease,opacity .15s ease}.folder-section.dragging .folder-body{display:none!important;height:0!important;padding:0!important;margin:0!important}.folder-section.dragging.expanded{border:none;background:transparent}.folder-section.dragging .folder-header,.folder-section.dragging .folder-header[aria-expanded=true]{border-radius:var(--radius)!important;border:1px solid rgba(0,0,0,.15)!important;background:var(--surface-bg)!important}.folder-section.drag-overlay{opacity:1!important;transform:scale(1.02) rotate(1deg);box-shadow:0 12px 28px #00000026,0 4px 10px #0000001a;border-radius:var(--radius);background:var(--surface-bg);z-index:1000}.folder-section.drag-overlay .folder-header{border-radius:var(--radius)!important;border:2px solid var(--accent)!important;background:var(--surface-bg)!important}.folder-section{transition:transform .2s cubic-bezier(.25,1,.5,1),opacity .15s ease,box-shadow .2s ease}.folder-section.insert-before:before{content:"";position:absolute;top:-4px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-light) 100%);border-radius:2px;animation:insertPulse 1s ease-in-out infinite}.folder-section.insert-after:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-light) 100%);border-radius:2px;animation:insertPulse 1s ease-in-out infinite}@keyframes insertPulse{0%,to{opacity:.7}50%{opacity:1}}.folder-section.expanded{border:1px solid rgba(0,0,0,.15);background:var(--surface-bg)}.folder-section:hover{border-color:var(--accent-light)}.folder-section.drag-over{border-color:#000!important;transition:all .2s cubic-bezier(.4,0,.2,1)}.folder-section.drag-over .folder-header{background:transparent;color:inherit;border-color:transparent!important;box-shadow:none;transform:scale(1)}.folder-section.drag-over .folder-icon{transform:scale(1);transition:transform .2s}.folder-header{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:var(--surface-bg);cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500;font-size:.9rem;color:var(--text);transition:background .15s;border-radius:var(--radius);border:1px solid rgba(0,0,0,.15)}.folder-header:hover{background:var(--surface-hover)}.folder-header:focus,.folder-header:focus-visible{outline:none}.folder-section:focus,.folder-section:focus-visible,.folder-section:focus-within{outline:none}.folder-header[aria-expanded=true]{border-bottom:1px solid rgba(0,0,0,.08);background:var(--surface-2);border-radius:var(--radius) var(--radius) 0 0;border-left:none;border-right:none;border-top:none}.folder-toggle-icon{transition:transform .2s cubic-bezier(.4,0,.2,1);font-size:.7rem;color:var(--muted);width:1rem;display:grid;place-items:center}.folder-header[aria-expanded=true] .folder-toggle-icon{transform:rotate(90deg)}.folder-icon{font-size:1.1rem}.folder-name{flex:1}.folder-count-badge{background:var(--bg);padding:.15rem .6rem;border-radius:99px;font-size:.7rem;font-weight:500;color:var(--muted);border:1px solid var(--border);min-width:24px;text-align:center}.folder-action-btn{display:flex;align-items:center;justify-content:center;padding:.35rem;border:none;background:transparent;color:var(--muted);border-radius:6px;cursor:pointer;transition:all .15s;opacity:0}.folder-header:hover .folder-action-btn{opacity:1}.folder-action-btn:hover{background:var(--surface-hover);color:var(--text)}.folder-action-btn.delete:hover{background:#ef444426;color:#ef4444}.link-grid-row{display:grid;grid-template-columns:32px 2fr 2fr 100px 50px;gap:1rem;padding:1rem 1.25rem;align-items:center;border-bottom:1px solid var(--border);background:var(--surface-bg);transition:background .15s,transform .15s}.link-grid-row:last-child{border-bottom:none}.link-grid-row:hover{background:var(--surface-hover);z-index:1;position:relative}.drag-handle{opacity:0;transition:opacity .2s;padding:4px;border-radius:4px}.link-grid-row:hover .drag-handle{opacity:1}.drag-handle:hover{background:var(--surface-3);color:var(--text)!important}.link-grid-row.dragging{opacity:.4;background:var(--surface-2)}.drag-preview{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--surface-solid);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 25px -5px #0000001f,0 4px 6px -2px #0000000d,0 0 0 1px #3b82f633;cursor:grabbing;font-size:.9rem;font-weight:500;color:var(--text);white-space:nowrap;z-index:9999}.drag-preview-icon{color:#3b82f6;flex-shrink:0}.drag-preview-slug{font-family:SF Mono,Fira Code,Consolas,monospace;font-weight:600;color:var(--text)}.folder-icon{display:flex;align-items:center;color:var(--muted)}.folder-icon svg{width:18px;height:18px}@media (max-width: 768px){.link-grid-header{display:none}.link-grid-row{grid-template-columns:1fr;gap:.75rem;padding:1rem;position:relative}.drag-handle{opacity:1;position:absolute;top:1rem;right:3rem;padding:8px}.short-url-cell{padding-right:3rem}.link-grid-cell.destination-cell{font-size:.85rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.link-grid-cell.clicks-cell{display:none}.clicks-badge{background:var(--surface-2);padding:2px 8px;border-radius:4px;font-size:.75rem}.link-grid-cell.actions{position:absolute;top:.5rem;right:.5rem;justify-content:flex-end}.copy-action-btn{display:flex!important;align-items:center;justify-content:center;padding:.375rem;background:var(--surface-2);border-radius:6px;color:var(--muted);margin-bottom:.25rem}.copy-action-btn:hover,.copy-action-btn:active{background:var(--surface-hover);color:#3b82f6}.card-header{display:flex!important;flex-wrap:wrap;padding:1rem!important}.header-menu-wrapper{display:block!important}.short-url-mobile{display:flex;align-items:center;gap:.5rem;padding:.25rem 0}.short-url-icon{color:#3b82f6;flex-shrink:0}.short-url-slug{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:1rem;font-weight:600;color:var(--text)}.destination-link{max-width:calc(100vw - 120px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.left-panel{gap:.25rem!important;padding-top:0!important}.quick-shorten{margin-bottom:0}.search-container{display:none!important}.link-table-container{gap:.25rem!important;margin-top:-1.25rem}.folder-section{margin-left:1rem;margin-right:1rem}.link-table-container .card-header{padding:.75rem!important}.card-header-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.card-header-title-row h2{margin:0}.add-folder-btn{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border:none;background:transparent;color:var(--muted);font-size:.75rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .15s}.add-folder-btn span{display:none}.add-folder-btn:hover{background:var(--surface-2);color:var(--text)}.add-folder-btn:active{transform:scale(.97)}.table-search-inline{display:flex;align-items:center;gap:.25rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.125rem .5rem;margin-left:auto;flex:1;max-width:none}.table-search-inline:focus-within{border-color:var(--accent-light)}.table-search-icon{color:var(--muted);flex-shrink:0}.table-search-input{flex:1;border:none;background:transparent;font-size:.8rem;color:var(--text);outline:none;min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.table-search-input:focus{outline:none;box-shadow:none}.table-search-input::placeholder{color:var(--muted)}}.modal.modal-premium{padding:0;gap:0;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden}.modal-premium .modal-content-wrapper{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.modal-premium h2{font-size:1.1rem;font-weight:600;margin:0;color:var(--text);letter-spacing:-.01em}.modal-premium .close-btn{position:absolute;top:1rem;right:1rem;color:var(--muted);opacity:.6;transition:opacity .2s;padding:.25rem;line-height:1;border-radius:4px;background:transparent;border:none;cursor:pointer}.modal-premium .close-btn:hover{opacity:1;background:var(--bg)}.input-premium{width:100%;padding:.75rem 1rem;font-size:1rem;line-height:1.5;color:var(--text);background:var(--bg);border:1px solid transparent;border-radius:8px;transition:all .2s ease}.input-premium:hover{box-shadow:0 0 0 1px var(--border)}.input-premium:focus{outline:none;background:var(--bg);box-shadow:0 0 0 2px var(--focus);border-color:var(--accent-2)}@media (prefers-color-scheme: dark){.input-premium{background:#0003}.input-premium:focus{background:#0000004d}}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem}@media (max-width: 560px){.modal-overlay{align-items:flex-start;padding-top:2rem;padding-bottom:2rem;overflow-y:auto}}