:root{--bg: #f6f7fb;--bg-2: #eef0f7;--surface: #ffffff;--surface-2: #f3f4fa;--border: #e3e6f0;--text: #0b1020;--muted: #5b6478;--faint: #8a93a8;--brand: #5b5bf5;--brand-2: #8b5cf6;--brand-3: #06b6d4;--grad: linear-gradient(135deg, #5b5bf5 0%, #8b5cf6 55%, #06b6d4 120%);--ok: #16a34a;--warn: #d97706;--danger: #dc2626;--ring: rgba(91, 91, 245, .35);--shadow-sm: 0 1px 2px rgba(11, 16, 32, .06);--shadow: 0 10px 30px -12px rgba(30, 30, 80, .18), 0 2px 6px rgba(11, 16, 32, .05);--shadow-lg: 0 30px 80px -24px rgba(50, 40, 140, .35);--r: 14px;--r-lg: 22px;--ease: cubic-bezier(.22, 1, .36, 1);--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI Variable", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;color-scheme:light}:root[data-theme=dark]{--bg: #070a14;--bg-2: #0b1020;--surface: #0f1426;--surface-2: #151b31;--border: #212943;--text: #eef1fb;--muted: #a3adc6;--faint: #6f7a96;--ring: rgba(139, 124, 255, .45);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 12px 34px -12px rgba(0, 0, 0, .65), 0 2px 6px rgba(0, 0, 0, .35);--shadow-lg: 0 30px 90px -24px rgba(91, 91, 245, .35);color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #070a14;--bg-2: #0b1020;--surface: #0f1426;--surface-2: #151b31;--border: #212943;--text: #eef1fb;--muted: #a3adc6;--faint: #6f7a96;--ring: rgba(139, 124, 255, .45);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 12px 34px -12px rgba(0, 0, 0, .65), 0 2px 6px rgba(0, 0, 0, .35);--shadow-lg: 0 30px 90px -24px rgba(91, 91, 245, .35);color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100dvh;overflow-x:hidden}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:8px}::selection{background:var(--ring)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--text);color:var(--bg);padding:10px 16px;border-radius:10px;transition:top .2s var(--ease)}.skip:focus{top:12px}.container{width:min(1160px,100% - 40px);margin-inline:auto}.aurora{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.aurora i{position:absolute;width:60vmax;height:60vmax;border-radius:50%;filter:blur(90px);opacity:.28;will-change:transform;animation:drift 26s ease-in-out infinite alternate}.aurora i:nth-child(1){background:#6366f1;top:-30vmax;left:-15vmax}.aurora i:nth-child(2){background:#06b6d4;top:-20vmax;right:-25vmax;animation-delay:-9s;opacity:.2}.aurora i:nth-child(3){background:#a855f7;bottom:-35vmax;left:25%;animation-delay:-17s;opacity:.18}:root[data-theme=dark] .aurora i{opacity:.2}@keyframes drift{to{transform:translate3d(6vmax,5vmax,0) scale(1.08)}}.grid-bg{position:absolute;inset:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:56px 56px;opacity:.35;mask-image:radial-gradient(ellipse 70% 55% at 50% 0%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 55% at 50% 0%,#000 30%,transparent 75%)}.btn{--h: 44px;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:var(--h);padding:0 18px;border-radius:12px;border:1px solid var(--border);background:var(--surface);font-weight:600;font-size:.95rem;white-space:nowrap;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .2s,border-color .2s;box-shadow:var(--shadow-sm);user-select:none;-webkit-tap-highlight-color:transparent}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--brand) 40%,var(--border))}.btn:active{transform:translateY(0) scale(.98)}.btn[disabled],.btn[aria-busy=true]{opacity:.6;pointer-events:none}.btn svg{width:18px;height:18px;flex:none}.btn-primary{background:var(--grad);color:#fff;border-color:transparent;box-shadow:0 10px 24px -10px #5b5bf5b3}.btn-primary:hover{border-color:transparent;box-shadow:0 16px 30px -10px #5b5bf5d9}.btn-lg{--h: 54px;padding:0 28px;border-radius:14px;font-size:1.02rem}.btn-ghost{background:transparent;box-shadow:none;border-color:transparent}.btn-ghost:hover{background:var(--surface-2);box-shadow:none}.btn-danger{color:var(--danger)}.btn-danger-solid{background:var(--danger);color:#fff;border-color:transparent}.btn-sm{--h: 36px;padding:0 12px;font-size:.88rem;border-radius:10px}.icon-btn{width:38px;height:38px;display:inline-grid;place-items:center;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--muted);transition:background .2s,color .2s,transform .2s var(--ease)}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn:active{transform:scale(.92)}.icon-btn svg{width:18px;height:18px}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .7s linear infinite}.btn:not(.btn-primary) .spinner{border-color:var(--border);border-top-color:var(--brand)}@keyframes spin{to{transform:rotate(360deg)}}.nav{position:sticky;top:0;z-index:40;backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);background:color-mix(in srgb,var(--bg) 72%,transparent);border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.nav-in{display:flex;align-items:center;justify-content:space-between;height:68px;gap:12px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.02em;font-size:1.15rem}.logo{width:36px;height:36px;border-radius:11px;background:var(--grad);display:grid;place-items:center;box-shadow:0 8px 20px -8px #5b5bf5cc;color:#fff}.logo svg{width:20px;height:20px}.nav-links{display:flex;align-items:center;gap:4px}.nav-links a{padding:8px 14px;border-radius:10px;color:var(--muted);font-weight:500;transition:color .2s,background .2s}.nav-links a:hover{color:var(--text);background:var(--surface-2)}.nav-actions{display:flex;align-items:center;gap:8px}.hero{padding:clamp(56px,9vw,120px) 0 56px;text-align:center;position:relative}.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 8px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:.85rem;font-weight:600;color:var(--muted);box-shadow:var(--shadow-sm)}.pill b{background:var(--grad);color:#fff;padding:2px 9px;border-radius:999px;font-size:.72rem;letter-spacing:.04em}h1{font-size:clamp(2.4rem,7vw,4.8rem);line-height:1.04;letter-spacing:-.04em;margin:22px auto 0;max-width:16ch;font-weight:800}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:clamp(1.02rem,2.2vw,1.25rem);color:var(--muted);max-width:56ch;margin:22px auto 0}.cta{display:flex;gap:12px;justify-content:center;margin-top:34px;flex-wrap:wrap}.fine{color:var(--faint);font-size:.85rem;margin-top:14px}.mock{margin:64px auto 0;width:min(880px,100%);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);overflow:hidden;text-align:left}.mock-bar{display:flex;gap:7px;padding:14px 18px;border-bottom:1px solid var(--border);background:var(--surface-2)}.mock-bar i{width:11px;height:11px;border-radius:50%;background:var(--border)}.mock-body{padding:clamp(16px,3vw,28px);display:grid;gap:12px}.mock-field{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:12px;padding:14px 16px;color:var(--faint);background:var(--bg);min-width:0}.mock-field span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mock-row{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.mock-row strong{color:var(--brand);font-family:var(--mono);font-size:.95rem}.mock-row small{color:var(--faint);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:34ch}.chip{font-size:.78rem;font-weight:700;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok)}.chip.brand{background:color-mix(in srgb,var(--brand) 14%,transparent);color:var(--brand)}.section{padding:clamp(56px,8vw,104px) 0}.eyebrow{color:var(--brand);font-weight:700;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase}h2{font-size:clamp(1.8rem,4.5vw,3rem);letter-spacing:-.03em;line-height:1.1;margin:10px 0 0;font-weight:800}.sec-lead{color:var(--muted);max-width:58ch;margin:16px 0 0;font-size:1.05rem}.center{text-align:center}.center .sec-lead{margin-inline:auto}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:48px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:26px;box-shadow:var(--shadow-sm);transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .3s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--brand) 35%,var(--border))}.ico{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--brand) 12%,transparent);color:var(--brand);margin-bottom:18px}.ico svg{width:23px;height:23px}.card h3{margin:0 0 8px;font-size:1.12rem;letter-spacing:-.01em}.card p{margin:0;color:var(--muted);font-size:.97rem}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:48px;counter-reset:s}.step{position:relative;padding:26px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border);counter-increment:s}.step:before{content:counter(s);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--grad);color:#fff;font-weight:800;margin-bottom:16px}.step h3{margin:0 0 6px;font-size:1.08rem}.step p{margin:0;color:var(--muted);font-size:.96rem}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:18px;margin-top:40px}.stat{text-align:center;padding:26px 12px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border)}.stat b{font-size:2rem;letter-spacing:-.03em;display:block}.stat span{color:var(--muted);font-size:.92rem}.faq{max-width:780px;margin:44px auto 0;display:grid;gap:12px}.faq details{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:4px 20px;transition:border-color .2s}.faq details[open]{border-color:color-mix(in srgb,var(--brand) 40%,var(--border))}.faq summary{cursor:pointer;font-weight:600;padding:16px 0;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:1.4rem;color:var(--brand);transition:transform .3s var(--ease);line-height:1}.faq details[open] summary:after{transform:rotate(45deg)}.faq p{margin:0 0 18px;color:var(--muted)}.final{margin:0 auto;border-radius:28px;padding:clamp(36px,6vw,72px) 24px;text-align:center;color:#fff;background:var(--grad);position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}.final h2{color:#fff}.final p{color:#ffffffd9;max-width:50ch;margin:14px auto 28px}.final .btn{background:#fff;color:#1b1b4b;border-color:transparent}.footer{border-top:1px solid var(--border);padding:36px 0 44px;color:var(--muted);font-size:.92rem}.footer-in{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;align-items:center}.footer nav{display:flex;gap:20px;flex-wrap:wrap}.footer a:hover{color:var(--text)}.js .reveal{opacity:0;transform:translate3d(0,22px,0);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:calc(var(--i, 0) * 70ms)}.js .reveal.in{opacity:1;transform:none}.hero .pill,.hero h1,.hero .lead,.hero .cta,.hero .fine,.mock{animation:rise .9s var(--ease) both}.hero h1{animation-delay:.08s}.hero .lead{animation-delay:.16s}.hero .cta{animation-delay:.24s}.hero .fine{animation-delay:.3s}.mock{animation-delay:.38s}@keyframes rise{0%{opacity:0;transform:translate3d(0,26px,0)}to{opacity:1;transform:none}}.float{animation:float 7s ease-in-out infinite}@keyframes float{50%{transform:translate3d(0,-8px,0)}}.gate{min-height:100dvh;display:grid;place-items:center;padding:24px}.gate-card{width:min(440px,100%);background:var(--surface);border:1px solid var(--border);border-radius:26px;padding:clamp(28px,5vw,44px);text-align:center;box-shadow:var(--shadow-lg);animation:rise .7s var(--ease) both}.gate-card .logo{width:56px;height:56px;border-radius:17px;margin:0 auto 22px}.gate-card .logo svg{width:30px;height:30px}.gate-card h1{font-size:1.7rem;margin:0 0 8px;max-width:none;letter-spacing:-.03em}.gate-card p{color:var(--muted);margin:0 0 26px}.gate-card .btn{width:100%}.g-btn{background:#fff;color:#1f1f1f;border:1px solid #dadce0}:root[data-theme=dark] .g-btn{border-color:#3c4043}.g-btn:hover{background:#f8f9fa}.gate small{display:block;margin-top:18px;color:var(--faint)}.gate small a{text-decoration:underline;text-underline-offset:3px}.msg-error{margin-top:16px;color:var(--danger);font-size:.92rem}.app{display:grid;grid-template-columns:252px 1fr;min-height:100dvh}.side{position:sticky;top:0;height:100dvh;padding:22px 16px;border-right:1px solid var(--border);background:color-mix(in srgb,var(--surface) 80%,transparent);display:flex;flex-direction:column;gap:22px}.side nav{display:grid;gap:4px}.side nav button{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;border:0;background:transparent;color:var(--muted);font-weight:600;text-align:left;transition:background .2s,color .2s}.side nav button svg{width:19px;height:19px}.side nav button:hover{background:var(--surface-2);color:var(--text)}.side nav button[aria-current=page]{background:color-mix(in srgb,var(--brand) 12%,transparent);color:var(--brand)}.side-foot{margin-top:auto;display:grid;gap:12px}.quota{padding:14px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border);font-size:.85rem;color:var(--muted)}.bar{height:6px;border-radius:99px;background:var(--border);margin-top:10px;overflow:hidden}.bar i{display:block;height:100%;border-radius:inherit;background:var(--grad);transform-origin:left;transition:transform .9s var(--ease);width:100%}.user{display:flex;align-items:center;gap:10px;padding:8px;border-radius:12px;min-width:0}.avatar{width:38px;height:38px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;font-weight:700;flex:none;overflow:hidden;object-fit:cover}.user div{min-width:0;line-height:1.25}.user strong,.user span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user span{font-size:.8rem;color:var(--faint)}.main{padding:clamp(18px,3vw,36px);min-width:0;padding-bottom:96px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:26px}.topbar h1{font-size:clamp(1.5rem,3.5vw,2.1rem);margin:0;letter-spacing:-.03em;max-width:none}.topbar p{margin:4px 0 0;color:var(--muted)}.mobile-top,.tabbar{display:none}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:clamp(18px,3vw,28px);box-shadow:var(--shadow-sm)}.create{display:grid;gap:14px}.row{display:grid;grid-template-columns:1fr;gap:12px}.row.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.field{display:grid;gap:6px;min-width:0}.field>label,.label{font-size:.82rem;font-weight:600;color:var(--muted)}.input,.select{width:100%;height:48px;padding:0 14px;border-radius:12px;background:var(--bg);border:1px solid var(--border);transition:border-color .2s,box-shadow .2s,background .2s;min-width:0;-webkit-appearance:none;appearance:none}.input::placeholder{color:var(--faint)}.input:hover,.select:hover{border-color:color-mix(in srgb,var(--brand) 35%,var(--border))}.input:focus,.select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px var(--ring);background:var(--surface)}.select{padding-right:38px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%238a93a8'%3E%3Cpath d='M5.5 7.5 10 12l4.5-4.5'  stroke='%238a93a8' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px}.slug-group{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px}.slug-wrap{position:relative}.slug-wrap .btn-ghost{position:absolute;right:4px;top:4px}.slug-wrap .input{padding-right:52px}.hint{font-size:.8rem;color:var(--faint);min-height:1.2em}.hint.err{color:var(--danger)}.more{border:1px dashed var(--border);border-radius:14px;padding:0 16px}.more summary{cursor:pointer;padding:13px 0;font-weight:600;color:var(--muted);list-style:none;font-size:.92rem}.more summary::-webkit-details-marker{display:none}.more[open]{padding-bottom:16px}.more[open] summary{margin-bottom:4px}.preview{display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:12px;background:var(--surface-2);font-family:var(--mono);font-size:.9rem;overflow:hidden}.preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview b{color:var(--brand)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:20px}.kpi{padding:18px 20px;border-radius:var(--r);background:var(--surface);border:1px solid var(--border)}.kpi span{color:var(--muted);font-size:.85rem;font-weight:600}.kpi b{display:block;font-size:1.8rem;letter-spacing:-.03em;margin-top:4px;font-variant-numeric:tabular-nums}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0 14px;align-items:center}.search{position:relative;flex:1 1 240px}.search svg{position:absolute;left:14px;top:50%;width:18px;height:18px;transform:translateY(-50%);color:var(--faint);pointer-events:none}.search .input{padding-left:42px}.toolbar .select{width:auto;min-width:150px}.bulk{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:color-mix(in srgb,var(--brand) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--brand) 30%,var(--border));margin-bottom:12px;animation:rise .35s var(--ease) both;flex-wrap:wrap}.bulk span{font-weight:600;margin-right:auto}.list{display:grid;gap:12px}.link{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:16px;align-items:center;padding:16px 18px;border-radius:var(--r);background:var(--surface);border:1px solid var(--border);transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .2s;animation:rise .5s var(--ease) both;animation-delay:calc(var(--i, 0) * 35ms);contain:layout paint}.link:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--brand) 30%,var(--border))}.link.removing{animation:out .35s var(--ease) forwards}@keyframes out{to{opacity:0;transform:translate3d(24px,0,0) scale(.98)}}.check{width:20px;height:20px;accent-color:var(--brand);cursor:pointer}.link-main{min-width:0}.link-short{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-weight:600;color:var(--brand);flex-wrap:wrap}.link-short a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.link-short a:hover{text-decoration:underline;text-underline-offset:3px}.link-title{font-weight:600;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-orig{color:var(--faint);font-size:.86rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;align-items:center;font-size:.8rem;color:var(--faint)}.tag{padding:2px 9px;border-radius:99px;background:var(--surface-2);border:1px solid var(--border);color:var(--muted);font-weight:600}.tag.warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 40%,var(--border))}.tag.exp{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,var(--border))}.clicks{text-align:right;min-width:66px}.clicks b{display:block;font-size:1.35rem;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.clicks span{font-size:.75rem;color:var(--faint);text-transform:uppercase;letter-spacing:.06em}.actions{display:flex;gap:2px}.empty{text-align:center;padding:56px 20px;color:var(--muted);border:1px dashed var(--border);border-radius:var(--r-lg)}.empty svg{width:52px;height:52px;margin:0 auto 14px;color:var(--brand)}.empty h3{margin:0 0 6px;color:var(--text)}.skeleton{height:92px;border-radius:var(--r);background:linear-gradient(100deg,var(--surface) 30%,var(--surface-2) 50%,var(--surface) 70%);background-size:300% 100%;animation:shine 1.4s linear infinite;border:1px solid var(--border)}@keyframes shine{to{background-position:-300% 0}}.pager{display:flex;justify-content:center;margin-top:18px}.overlay{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:16px;background:#0508148c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fade .25s ease both}@keyframes fade{0%{opacity:0}}.modal{width:min(560px,100%);max-height:min(92dvh,860px);overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:26px;box-shadow:var(--shadow-lg);animation:pop .4s var(--ease) both;overscroll-behavior:contain}.modal.wide{width:min(760px,100%)}@keyframes pop{0%{opacity:0;transform:translate3d(0,24px,0) scale(.97)}}.modal-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}.modal-h h2{font-size:1.35rem;margin:0;letter-spacing:-.02em}.modal-h p{margin:4px 0 0;color:var(--muted);font-size:.92rem;word-break:break-word}.modal-f{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;flex-wrap:wrap}.qr-box{background:#fff;border-radius:18px;padding:14px;width:min(280px,100%);margin:0 auto}.qr-box svg{width:100%;height:auto}.seg{display:inline-flex;padding:4px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border);gap:2px;margin-bottom:16px}.seg button{border:0;background:transparent;padding:7px 14px;border-radius:9px;font-weight:600;font-size:.86rem;color:var(--muted);transition:background .2s,color .2s}.seg button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.chart{width:100%;height:auto;aspect-ratio:3 / 1}.chart path.line{fill:none;stroke:var(--brand);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:draw 1.1s var(--ease) forwards}.chart path.area{fill:url(#g);opacity:0;animation:fade .8s .4s var(--ease) forwards}.chart text{fill:var(--faint);font-size:11px;font-family:var(--font)}.chart line{stroke:var(--border);stroke-width:1}@keyframes draw{to{stroke-dashoffset:0}}.breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;margin-top:20px}.breakdown h4{margin:0 0 10px;font-size:.85rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.bk{display:grid;gap:4px;margin-bottom:10px;font-size:.88rem}.bk div{display:flex;justify-content:space-between;gap:8px}.bk span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk i{display:block;height:5px;border-radius:9px;background:var(--grad);transform-origin:left;animation:grow .9s var(--ease) both}@keyframes grow{0%{transform:scaleX(0)}}.toasts{position:fixed;z-index:100;right:18px;bottom:18px;display:grid;gap:10px;width:min(380px,calc(100vw - 36px));pointer-events:none}.toast{pointer-events:auto;display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:14px;background:var(--text);color:var(--bg);box-shadow:var(--shadow);animation:toast-in .45s var(--ease) both;font-size:.93rem}.toast.err{background:var(--danger);color:#fff}.toast.out{animation:toast-out .3s var(--ease) forwards}.toast svg{width:20px;height:20px;flex:none}@keyframes toast-in{0%{opacity:0;transform:translate3d(0,16px,0) scale(.96)}}@keyframes toast-out{to{opacity:0;transform:translate3d(0,10px,0) scale(.96)}}.prose{max-width:760px;margin:0 auto;padding:56px 0 80px}.prose h1{font-size:clamp(2rem,5vw,2.8rem);margin:0 0 8px;max-width:none}.prose h2{font-size:1.3rem;margin:36px 0 8px}.prose p,.prose li{color:var(--muted)}.prose a{color:var(--brand);text-decoration:underline;text-underline-offset:3px}@media(max-width:900px){.app{grid-template-columns:1fr}.side{display:none}.mobile-top{display:flex;position:sticky;top:0;z-index:30;align-items:center;justify-content:space-between;padding:12px 18px;background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.tabbar{display:grid;grid-template-columns:repeat(2,1fr);position:fixed;z-index:35;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));padding:6px;border-radius:20px;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border);box-shadow:var(--shadow)}.tabbar button{border:0;background:transparent;display:grid;justify-items:center;gap:2px;padding:8px;border-radius:14px;font-size:.74rem;font-weight:700;color:var(--muted)}.tabbar button svg{width:22px;height:22px}.tabbar button[aria-current=page]{color:var(--brand);background:color-mix(in srgb,var(--brand) 12%,transparent)}.toasts{bottom:92px;right:12px;left:12px;width:auto}}@media(max-width:720px){.nav-links{display:none}.row.two,.slug-group{grid-template-columns:1fr}.link{grid-template-columns:auto minmax(0,1fr);gap:12px}.link .clicks{grid-column:2;text-align:left;display:flex;align-items:baseline;gap:8px}.link .actions{grid-column:1 / -1;justify-content:flex-end;border-top:1px solid var(--border);padding-top:10px;margin-top:-2px}.mock-row{grid-template-columns:1fr auto}.mock-row .chip.brand{display:none}.overlay{align-items:end;padding:0}.modal{border-radius:24px 24px 0 0;max-height:92dvh}.toolbar .select{flex:1}}@media(hover:none){.card:hover,.link:hover,.btn:hover{transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.js .reveal{opacity:1;transform:none}}@media print{.aurora,.nav,.side,.tabbar{display:none}}.features>:nth-child(2),.steps>:nth-child(2){--i: 1}.features>:nth-child(3),.steps>:nth-child(3){--i: 2}.features>:nth-child(4){--i: 3}.features>:nth-child(5){--i: 4}.features>:nth-child(6){--i: 5}.brand-text{white-space:nowrap}.brand-text b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}.mono{font-family:var(--mono)}.sub{font-size:1.1rem;margin:28px 0 12px;letter-spacing:-.01em}.view{animation:rise .45s var(--ease) both}.actions.wrap{flex-wrap:wrap;gap:8px}.center-actions{justify-content:center;margin-top:14px}.side{overflow:hidden}.side-scroll{flex:1;overflow-y:auto;display:grid;gap:16px;align-content:start;margin:0 -6px;padding:0 6px;overscroll-behavior:contain}.nav-title{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);padding:0 14px 6px}.quota .nav-title{padding:0 0 8px}.side-foot{margin-top:0}.usage-row{margin-bottom:10px}.usage-row>div:first-child{display:flex;justify-content:space-between;font-size:.8rem}.usage-row b{font-variant-numeric:tabular-nums;color:var(--text);font-weight:600}.usage-row .bar{margin-top:5px}.qbar{display:flex;gap:12px;align-items:flex-start;margin-bottom:26px;position:sticky;top:0;z-index:20;padding:10px 0;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.qcreate{flex:1;min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm);transition:border-color .2s,box-shadow .2s}.qcreate:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px var(--ring)}.qrow{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 16px}.qrow>svg{width:18px;height:18px;color:var(--faint);flex:none}.qinput{flex:1;min-width:0;height:40px;border:0;background:transparent;outline:none}.qinput::placeholder{color:var(--faint)}.qselect{height:36px;border:1px solid var(--border);background:var(--bg);border-radius:10px;padding:0 8px;max-width:150px}.qopts{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;padding:6px 16px 10px;border-top:1px solid var(--border);font-size:.82rem;color:var(--muted)}.toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-weight:600}.toggle input{accent-color:var(--brand);width:16px;height:16px}.toggle span{display:inline-flex;align-items:center;gap:6px}.toggle svg,.qlink svg{width:15px;height:15px}.toggle.block{padding:6px 0}.qpass{height:30px;border:1px solid var(--border);border-radius:8px;background:var(--bg);padding:0 10px;width:160px}.qlink{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--muted);font-weight:600;padding:4px 2px;border-radius:8px;transition:color .2s}.qlink:hover{color:var(--brand)}.palette-btn{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 14px;border-radius:16px;border:1px solid var(--border);background:var(--surface);color:var(--faint);min-width:230px;box-shadow:var(--shadow-sm);transition:border-color .2s,transform .2s var(--ease)}.palette-btn:hover{border-color:color-mix(in srgb,var(--brand) 40%,var(--border));transform:translateY(-1px)}.palette-btn svg{width:17px;height:17px}.palette-btn span{flex:1;text-align:left}kbd{font-family:var(--mono);font-size:.72rem;border:1px solid var(--border);border-bottom-width:2px;border-radius:6px;padding:1px 6px;background:var(--surface-2);color:var(--muted)}.pal-list{display:grid;gap:2px;margin-top:12px;max-height:50dvh;overflow:auto}.pal-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border:0;background:transparent;border-radius:10px;text-align:left}.pal-item svg{width:18px;height:18px;color:var(--muted);flex:none}.pal-item[aria-selected=true]{background:color-mix(in srgb,var(--brand) 12%,transparent)}.pal-l{font-weight:600;flex:none;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pal-h{margin-left:auto;color:var(--faint);font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.menu-item{display:flex;align-items:center;gap:10px;padding:14px;border-radius:14px;border:1px solid var(--border);background:var(--surface-2);font-weight:600;transition:border-color .2s,transform .2s var(--ease)}.menu-item:hover{border-color:var(--brand);transform:translateY(-1px)}.menu-item svg{width:18px;height:18px;color:var(--brand);flex:none}.bulk-head{display:flex;gap:14px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;margin-bottom:14px}.bulk-head .field{min-width:180px}.sheet-wrap{overflow:auto;border:1px solid var(--border);border-radius:14px;max-height:60dvh;background:var(--bg)}.sheet-wrap.panel{padding:0;background:var(--surface)}.sheet{width:100%;border-collapse:collapse;font-size:.9rem;min-width:640px}.sheet th,.sheet td{border-bottom:1px solid var(--border);text-align:left;padding:0;vertical-align:middle}.sheet thead th{position:sticky;top:0;background:var(--surface-2);z-index:1;padding:10px 12px;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.sheet .rownum{width:44px;text-align:center;color:var(--faint);font-weight:500;background:var(--surface-2)}.sheet td.res{padding:4px 10px;max-width:240px}.sheet.static td{padding:10px 12px;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet tr.bad td{color:var(--danger);text-decoration:line-through}.cell{width:100%;min-width:120px;height:42px;padding:0 12px;border:0;background:transparent;outline:none}.cell:focus{background:var(--surface);box-shadow:inset 0 0 0 2px var(--brand)}.tag.ok{display:inline-flex;align-items:center;gap:6px;color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,var(--border));cursor:pointer;font-family:var(--mono);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag.ok svg{width:13px;height:13px;flex:none}.tag svg{width:13px;height:13px}.tag.exp{max-width:100%;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.progress{margin-top:14px;height:8px}.dropzone{display:grid;justify-items:center;gap:6px;text-align:center;padding:34px 18px;border:2px dashed var(--border);border-radius:18px;color:var(--muted);cursor:pointer;transition:border-color .2s,background .2s}.dropzone svg{width:34px;height:34px;color:var(--brand)}.dropzone strong{color:var(--text)}.dropzone span{font-size:.85rem}.dropzone:hover,.dropzone.over,.dropzone:focus-visible{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 6%,transparent)}.link.top{grid-template-columns:minmax(0,1fr) auto}.link.keyrow{grid-template-columns:auto minmax(0,1fr) auto}.link.keyrow .ico{margin:0}.keyform-row{display:flex;gap:10px}.keyform-row .input{flex:1}.code{margin:12px 0;padding:16px;border-radius:12px;background:#0b1020;color:#dbe3ff;overflow:auto;font-size:.85rem;line-height:1.6}.code code{font-family:var(--mono);white-space:pre}.panel.note{display:flex;gap:14px;align-items:flex-start;margin-top:18px;color:var(--muted)}.panel.note svg{width:22px;height:22px;color:var(--brand);flex:none;margin-top:2px}.panel.note p{margin:0}.card-actions{margin-top:16px}.plan-head{margin-bottom:18px}.plan-head h2{margin:8px 0 2px;font-size:2rem}.perks{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.perks li{display:flex;gap:10px;align-items:center;color:var(--muted)}.perks svg{width:18px;height:18px;color:var(--ok);flex:none}.faq.wide{max-width:none;margin-top:0}.keys{display:grid;grid-template-columns:auto 1fr;gap:12px 20px;margin:0;align-items:center}.keys dd{margin:0;color:var(--muted)}@media(max-width:900px){.qbar{position:static;padding:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;flex-direction:column}.palette-btn{width:100%;height:46px}.palette-btn kbd{display:none}.tabbar{grid-template-columns:repeat(4,1fr)}.brand-text{font-size:1rem}}@media(max-width:720px){.qrow{flex-wrap:wrap;padding:10px}.qrow>svg{display:none}.qinput{flex:1 1 100%;order:1}.qselect{flex:1;order:2;max-width:none}.qrow .btn{order:3}.keyform-row{flex-direction:column}}