:root{--bg:#fafafa;--surface:#fff;--surface-2:#f4f4f5;--surface-3:#ececee;--border:#e4e4e7;--border-strong:#d4d4d8;--text:#09090b;--text-2:#3f3f46;--muted:#6b6b76;--primary:#4f46e5;--primary-hover:#4338ca;--primary-fg:#fff;--primary-soft:#eef2ff;--primary-soft-fg:#3730a3;--success:#15803d;--success-soft:#dcfce7;--warning:#a16207;--warning-soft:#fef9c3;--danger:#dc2626;--danger-hover:#b91c1c;--danger-soft:#fee2e2;--ring:#4f46e566;--chart-1:#4f46e5;--chart-2:#0d9488;--chart-grid:#ececee;--chart-wash:#4f46e51a;--shadow-sm:0 1px 2px #1010180f;--shadow-md:0 4px 16px -4px #1010181a, 0 2px 4px -2px #1010180f;--shadow-lg:0 24px 48px -12px #10101840;--radius-sm:6px;--radius:10px;--radius-lg:14px;--font:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#09090b;--surface:#111113;--surface-2:#18181b;--surface-3:#222226;--border:#26262b;--border-strong:#3a3a41;--text:#fafafa;--text-2:#d4d4d8;--muted:#a1a1aa;--primary:#4f46e5;--primary-hover:#4338ca;--primary-fg:#fff;--primary-soft:#1e1b4b;--primary-soft-fg:#c7d2fe;--success:#4ade80;--success-soft:#052e16;--warning:#facc15;--warning-soft:#2a2306;--danger:#f87171;--danger-hover:#ef4444;--danger-soft:#2a0f0f;--ring:#7c7ff280;--chart-1:#7c7ff2;--chart-2:#22a99a;--chart-grid:#26262b;--chart-wash:#7c7ff21f;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 4px 16px -4px #0009;--shadow-lg:0 24px 48px -12px #000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#09090b;--surface:#111113;--surface-2:#18181b;--surface-3:#222226;--border:#26262b;--border-strong:#3a3a41;--text:#fafafa;--text-2:#d4d4d8;--muted:#a1a1aa;--primary:#4f46e5;--primary-hover:#4338ca;--primary-fg:#fff;--primary-soft:#1e1b4b;--primary-soft-fg:#c7d2fe;--success:#4ade80;--success-soft:#052e16;--warning:#facc15;--warning-soft:#2a2306;--danger:#f87171;--danger-hover:#ef4444;--danger-soft:#2a0f0f;--ring:#7c7ff280;--chart-1:#7c7ff2;--chart-2:#22a99a;--chart-grid:#26262b;--chart-wash:#7c7ff21f;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 4px 16px -4px #0009;--shadow-lg:0 24px 48px -12px #000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.55}a{color:inherit;text-underline-offset:3px}h1,h2,h3,h4,p{margin-top:0}h1{letter-spacing:-.035em;margin-bottom:16px;font-size:clamp(32px,5vw,56px);font-weight:700;line-height:1.08}h2{letter-spacing:-.015em;margin-bottom:8px;font-size:20px;font-weight:650;line-height:1.3}h3{margin-bottom:6px;font-size:15px;font-weight:600}p{color:var(--text-2)}code,.mono{font-family:var(--mono);overflow-wrap:anywhere;font-size:13px}img,svg{max-width:100%;display:block}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}::selection{background:var(--primary-soft);color:var(--text)}.skip{background:var(--surface);color:var(--text);z-index:100;border-radius:var(--radius-sm);padding:10px 14px;position:absolute;top:-100px;left:16px}.skip:focus{top:8px}.small{color:var(--muted);font-size:13px;line-height:1.5}.muted{color:var(--muted)}.error{color:var(--danger);font-size:13px}.success-text{color:var(--success);font-size:13px}.num{font-variant-numeric:tabular-nums;text-align:right}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spread{justify-content:space-between}.stack{gap:16px;display:grid}.plain{margin:0;padding:0;list-style:none}.truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}button,.button{font:inherit;cursor:pointer;border-radius:var(--radius-sm);border:1px solid var(--primary);background:var(--primary);min-height:38px;color:var(--primary-fg);white-space:nowrap;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:14px;font-weight:550;line-height:1.2;text-decoration:none;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex}button:hover:not(:disabled),.button:hover{background:var(--primary-hover);border-color:var(--primary-hover)}button:disabled{opacity:.5;cursor:not-allowed}.secondary,button.secondary,.button.secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}button.secondary:hover:not(:disabled),.button.secondary:hover{background:var(--surface-2);border-color:var(--border-strong)}.ghost,button.ghost,.button.ghost{color:var(--text-2);box-shadow:none;background:0 0;border-color:#0000}button.ghost:hover:not(:disabled),.button.ghost:hover{background:var(--surface-2);color:var(--text);border-color:#0000}.danger,button.danger{background:var(--danger);border-color:var(--danger);color:#fff}button.danger:hover:not(:disabled){background:var(--danger-hover);border-color:var(--danger-hover)}.danger-outline,button.danger-outline{background:var(--surface);color:var(--danger);border-color:var(--border-strong)}button.danger-outline:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger)}.text-button,button.text-button{box-shadow:none;color:var(--text-2);background:0 0;border:0;min-height:0;padding:6px 8px;font-weight:500}button.text-button:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn-sm,button.btn-sm,.button.btn-sm{min-height:32px;padding:6px 12px;font-size:13px}.btn-lg,.button.btn-lg,button.btn-lg{min-height:46px;padding:12px 22px;font-size:15px}.btn-block{width:100%}.icon-btn,button.icon-btn{border:1px solid var(--border);width:36px;min-height:36px;color:var(--text-2);box-shadow:none;background:0 0;padding:0}button.icon-btn:hover:not(:disabled){background:var(--surface-2);color:var(--text);border-color:var(--border-strong)}label{color:var(--text);margin:0 0 14px;font-size:13px;font-weight:550;display:block}input,textarea,select{width:100%;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);min-height:38px;margin-top:6px;padding:9px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s;display:block}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.8}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring);outline:none}textarea{resize:vertical;min-height:96px}input[type=checkbox]{width:16px;height:16px;min-height:16px;accent-color:var(--primary);margin:0}.check{align-items:center;gap:10px;font-weight:500;display:flex}.hint{color:var(--muted);margin-top:6px;font-size:12px;font-weight:400;display:block}fieldset{border:0;min-width:0;margin:0;padding:0}.input-group{align-items:stretch;gap:8px;display:flex}.input-group input{margin-top:0}.card,.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.card-header h2{margin:0;font-size:16px}.card-header p{color:var(--muted);margin:4px 0 0;font-size:13px}.badge{background:var(--surface-2);color:var(--text-2);border:1px solid var(--border);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:12px;font-weight:550;line-height:1;display:inline-flex}.badge:before{content:"";opacity:.8;background:currentColor;border-radius:50%;width:6px;height:6px}.badge.plain-badge:before{display:none}.badge.success{background:var(--success-soft);color:var(--success);border-color:#0000}.badge.warn{background:var(--warning-soft);color:var(--warning);border-color:#0000}.badge.danger-badge{background:var(--danger-soft);color:var(--danger);border-color:#0000}.badge.brand{background:var(--primary-soft);color:var(--primary-soft-fg);border-color:#0000}.notice{background:var(--warning-soft);color:var(--text);border:1px solid color-mix(in srgb, var(--warning) 30%, transparent);border-radius:var(--radius);padding:12px 14px;font-size:14px}.notice.info{background:var(--primary-soft);border-color:color-mix(in srgb, var(--primary) 25%, transparent)}.empty{text-align:center;border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);padding:48px 24px}.empty .empty-icon{background:var(--primary-soft);width:44px;height:44px;color:var(--primary);border-radius:12px;place-items:center;margin:0 auto 14px;display:grid}.empty h2,.empty h3{margin-bottom:6px}.empty p{max-width:420px;color:var(--muted);margin:0 auto 18px;font-size:14px}.divider{background:var(--border);border:0;height:1px;margin:20px 0}.divider-text{color:var(--muted);align-items:center;gap:12px;margin:18px 0;font-size:12px;display:flex}.divider-text:before,.divider-text:after{content:"";background:var(--border);flex:1;height:1px}.meter{background:var(--surface-3);border-radius:999px;height:6px;display:block;overflow:hidden}.meter>span{background:var(--primary);border-radius:999px;height:100%;display:block}.meter.full>span{background:var(--danger)}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:11px 12px}thead th{color:var(--muted);background:var(--surface-2);font-size:12px;font-weight:550}thead th:first-child{border-top-left-radius:var(--radius-sm)}thead th:last-child{border-top-right-radius:var(--radius-sm)}tbody tr:last-child td,tbody tr:last-child th{border-bottom:0}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}details{border-bottom:1px solid var(--border);padding:16px 0}summary{cursor:pointer;font-weight:550;list-style-position:outside}details p{margin:10px 0 0}.segmented{background:var(--surface-2);border:1px solid var(--border);border-radius:9px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.segmented a,.segmented button{color:var(--muted);box-shadow:none;background:0 0;border:0;border-radius:7px;min-height:0;padding:6px 12px;font-size:13px;font-weight:550;text-decoration:none}.segmented a:hover,.segmented button:hover:not(:disabled){color:var(--text);background:0 0}.segmented a[aria-current=page],.segmented a[aria-current=true],.segmented button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}dialog.modal{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);width:min(520px,100vw - 32px);box-shadow:var(--shadow-lg);padding:0}dialog.modal.wide{width:min(760px,100vw - 32px)}dialog.modal::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#09090b8c}.modal-body{padding:24px}.modal-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.modal-head h2{margin:0;font-size:18px}.modal-head p{color:var(--muted);margin:4px 0 0;font-size:14px}.modal-foot{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.container{max-width:1160px;margin:0 auto;padding:0 24px}.site-header{z-index:20;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:saturate(1.6)blur(10px);backdrop-filter:saturate(1.6)blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0}.site-header .container{justify-content:space-between;align-items:center;gap:16px;height:62px;display:flex}.brand{letter-spacing:-.01em;color:var(--text);align-items:center;gap:10px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{background:var(--text);width:28px;height:28px;color:var(--bg);border-radius:8px;flex:none;place-items:center;display:grid}.site-nav{align-items:center;gap:4px;display:flex}.site-nav a:not(.button){color:var(--text-2);border-radius:var(--radius-sm);padding:7px 10px;font-size:14px;text-decoration:none}.site-nav a:not(.button):hover{color:var(--text);background:var(--surface-2)}.nav-actions{align-items:center;gap:8px;display:flex}.site-footer{border-top:1px solid var(--border);margin-top:80px}.site-footer .container{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:28px;padding-bottom:28px;font-size:13px;display:flex}.site-footer nav{flex-wrap:wrap;gap:18px;display:flex}.site-footer a{text-decoration:none}.site-footer a:hover{color:var(--text)}main{min-height:calc(100vh - 152px)}.hero{text-align:center;padding:72px 0 40px}.hero h1{max-width:860px;margin-left:auto;margin-right:auto}.hero .lead{max-width:640px;color:var(--muted);margin:0 auto 28px;font-size:18px}.hero .row{justify-content:center}.eyebrow{color:var(--primary-soft-fg);background:var(--primary-soft);border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:5px 12px;font-size:13px;font-weight:550;text-decoration:none;display:inline-flex}.gradient-text{background:linear-gradient(120deg, var(--primary), var(--chart-2));color:#0000;-webkit-background-clip:text;background-clip:text}.section{padding:72px 0 0}.section-head{text-align:center;max-width:640px;margin:0 auto 36px}.section-head h2{letter-spacing:-.03em;font-size:clamp(26px,3.4vw,36px)}.section-head p{color:var(--muted);font-size:16px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.feature{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px}.feature .icon{background:var(--primary-soft);width:38px;height:38px;color:var(--primary);border-radius:10px;place-items:center;margin-bottom:14px;display:grid}.feature p{color:var(--muted);margin:0;font-size:14px}.compare{grid-template-columns:1fr 1fr;gap:16px;display:grid}.compare .card ul{color:var(--text-2);margin:12px 0 20px;padding-left:18px;font-size:14px}.compare .card li{margin-bottom:6px}.cta-band{text-align:center;background:var(--text);color:var(--bg);border-radius:20px;margin-top:72px;padding:44px 32px}.cta-band h2{color:var(--bg);letter-spacing:-.03em;font-size:clamp(24px,3vw,32px)}.cta-band p{color:color-mix(in srgb, var(--bg) 70%, transparent);margin-bottom:22px}.cta-band .button{background:var(--bg);color:var(--text);border-color:var(--bg)}.cta-band .button:hover{background:var(--surface-2);border-color:var(--surface-2)}.faq{max-width:760px;margin:0 auto}.page-head{padding:56px 0 28px}.page-head h1{font-size:clamp(30px,4vw,44px)}.page-head p{color:var(--muted);max-width:640px;font-size:17px}.page-head.center{text-align:center}.page-head.center p{margin-left:auto;margin-right:auto}.prose{max-width:720px}.prose h2{margin-top:28px}.content{max-width:1160px;margin:0 auto;padding:0 24px}.content.narrow{max-width:760px}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:16px;display:grid}.price-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;padding:24px;display:flex;position:relative}.price-card.featured{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary), var(--shadow-md)}.price-card .badge{position:absolute;top:-12px;left:24px}.price-card h3{margin-bottom:4px;font-size:16px}.price{letter-spacing:-.03em;color:var(--text);margin:10px 0 2px;font-size:38px;font-weight:700}.price span{color:var(--muted);letter-spacing:0;font-size:14px;font-weight:500}.price-card ul{color:var(--text-2);flex:1;gap:10px;margin:18px 0 24px;padding:0;font-size:14px;list-style:none;display:grid}.price-card li{align-items:flex-start;gap:10px;display:flex}.price-card li svg{color:var(--success);flex:none;margin-top:3px}.generator{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);text-align:left;border-radius:18px;grid-template-columns:1.25fr 1fr;display:grid;overflow:hidden}.generator-form{padding:28px}.generator-form h2{margin-bottom:4px;font-size:18px}.generator-form>p{color:var(--muted);font-size:14px}.type-picker{flex-wrap:wrap;gap:6px;margin:18px 0 20px;display:flex}.type-picker button{background:var(--surface);color:var(--text-2);border:1px solid var(--border-strong);box-shadow:none;border-radius:999px;min-height:34px;padding:6px 12px;font-size:13px}.type-picker button:hover:not(:disabled){background:var(--surface-2);color:var(--text);border-color:var(--border-strong)}.type-picker button[aria-pressed=true]{background:var(--text);color:var(--bg);border-color:var(--text)}.type-picker button[aria-pressed=true]:hover:not(:disabled){background:var(--text);border-color:var(--text);color:var(--bg)}.callout{border:1px solid var(--border);background:var(--surface-2);border-radius:var(--radius);color:var(--muted);margin-top:18px;padding:12px 14px;font-size:13px}.callout strong{color:var(--text);margin-bottom:2px;display:block}.qr-output{background:var(--surface-2);text-align:center;border-left:1px solid var(--border);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:28px;display:flex}.preview{border:1px solid var(--border);aspect-ratio:1;width:260px;max-width:100%;box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;place-items:center;padding:10px;display:grid}.preview img{width:100%;height:auto}.preview-empty{color:#6b6b76;padding:24px;font-size:14px}.download-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;display:flex}.qr-output .small{max-width:280px;margin:8px 0 0}.qr-output .text-button{margin-top:6px}.detail-qr .qr-output{background:0 0;border:0;padding:0}.auth-wrap{place-items:center;min-height:calc(100vh - 152px);padding:48px 16px;display:grid}.auth-card{width:100%;max-width:400px}.auth-card .card{box-shadow:var(--shadow-md);padding:28px}.auth-card h1{letter-spacing:-.02em;margin-bottom:6px;font-size:24px}.auth-card .sub{color:var(--muted);margin-bottom:22px;font-size:14px}.auth-links{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:18px;font-size:13px;display:flex}.auth-links a{color:var(--text);font-weight:550;text-decoration:none}.auth-links a:hover{text-decoration:underline}.form-status{min-height:20px;margin:10px 0 0;font-size:13px}.app-shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;gap:6px;height:100vh;padding:16px 12px;display:flex;position:sticky;top:0}.sidebar .brand{padding:6px 8px 14px}.side-nav{gap:2px;display:grid}.side-nav a{border-radius:var(--radius-sm);color:var(--text-2);align-items:center;gap:10px;padding:8px 10px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.side-nav a:hover{background:var(--surface-2);color:var(--text)}.side-nav a[aria-current=page]{background:var(--surface-2);color:var(--text);font-weight:600}.side-nav svg{color:var(--muted);flex:none}.side-nav a[aria-current=page] svg{color:var(--primary)}.sidebar-foot{gap:10px;margin-top:auto;display:grid}.usage-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);padding:14px}.usage-card .row{justify-content:space-between;margin-bottom:8px;font-size:13px}.usage-card strong{font-size:13px}.usage-card .button{width:100%;margin-top:12px}.user-row{border-top:1px solid var(--border);align-items:center;gap:10px;padding:12px 6px 8px;display:flex}.avatar{background:var(--primary-soft);width:30px;height:30px;color:var(--primary-soft-fg);text-transform:uppercase;border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.user-row .truncate{flex:1;min-width:0;font-size:13px}.sidebar,.sidebar-foot,.user-row,.usage-card{min-width:0}.sidebar{overflow:hidden}.app-main{min-width:0;padding:28px 36px 64px}.app-main>*{max-width:1180px;margin-left:auto;margin-right:auto}.mobile-bar{display:none}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.page-header h1{letter-spacing:-.025em;margin:0;font-size:24px}.page-header p{color:var(--muted);margin:4px 0 0;font-size:14px}.breadcrumb{color:var(--muted);align-items:center;gap:6px;margin-bottom:12px;font-size:13px;text-decoration:none;display:inline-flex}.breadcrumb:hover{color:var(--text)}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.toolbar .search{flex:1;min-width:200px;max-width:360px;position:relative}.toolbar .search input{margin:0;padding-left:34px}.toolbar .search svg{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.kpis{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);min-width:0;padding:16px 18px}.kpi-label{color:var(--muted);align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.kpi-value{letter-spacing:-.025em;color:var(--text);font-variant-numeric:tabular-nums;margin:6px 0 2px;font-size:28px;font-weight:650;display:block}.kpi-sub{color:var(--muted);font-size:12px}.kpi.hero-kpi .kpi-value{font-size:34px}.code-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);gap:0;display:grid;overflow:hidden}.code-row{border-bottom:1px solid var(--border);color:inherit;grid-template-columns:52px minmax(0,2fr) minmax(0,1.4fr) 90px 110px;align-items:center;gap:16px;padding:14px 18px;text-decoration:none;display:grid;position:relative}.code-row:last-child{border-bottom:0}.code-row:hover{background:var(--surface-2)}.code-row .title{font-size:14px;font-weight:600}.code-row .title a{text-decoration:none}.code-row .title a:after{content:"";position:absolute;inset:0}.code-row .sub{color:var(--muted);font-size:12px}.code-row .metric{font-variant-numeric:tabular-nums;font-size:15px;font-weight:650}.code-row .metric small{color:var(--muted);font-size:11px;font-weight:500;display:block}.qr-thumb{border:1px solid var(--border);background:#fff;border-radius:8px;width:52px;height:52px;padding:4px}.qr-thumb img{width:100%;height:100%;image-rendering:pixelated}.list-head{color:var(--muted);background:var(--surface-2);border-bottom:1px solid var(--border);grid-template-columns:52px minmax(0,2fr) minmax(0,1.4fr) 90px 110px;gap:16px;padding:10px 18px;font-size:12px;font-weight:550;display:grid}.detail-grid{grid-template-columns:320px 1fr;align-items:start;gap:16px;margin-bottom:24px;display:grid}.link-box{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:6px 6px 6px 12px;display:flex}.link-box code{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow:hidden}.kv{grid-template-columns:120px 1fr;gap:10px 16px;margin:0;font-size:14px;display:grid}.kv dt{color:var(--muted)}.kv dd{overflow-wrap:anywhere;min-width:0;margin:0}.section-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:28px 0 14px;display:flex}.section-title h2{margin:0;font-size:18px}.chart-grid{grid-template-columns:2fr 1fr;gap:16px;margin-bottom:16px;display:grid}.chart-grid.halves{grid-template-columns:1fr 1fr}.chart-grid.thirds{grid-template-columns:repeat(3,1fr)}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);min-width:0;padding:18px 18px 14px}.chart-card h2,.chart-card h3{letter-spacing:0;margin:0;font-size:14px}.chart-card .chart-sub{color:var(--muted);margin:2px 0 12px;font-size:12px}.legend{color:var(--text-2);flex-wrap:wrap;gap:16px;margin-bottom:8px;font-size:12px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{border-radius:2px;width:14px;height:2px;display:inline-block}.line-chart{position:relative}.line-chart svg{width:100%;height:220px;overflow:visible}.chart-tip{pointer-events:none;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);z-index:5;border-radius:8px;min-width:130px;padding:8px 10px;font-size:12px;position:absolute;top:0}.chart-tip .tip-date{color:var(--muted);margin-bottom:4px}.chart-tip .tip-row{align-items:center;gap:8px;display:flex}.chart-tip .tip-row strong{color:var(--text);font-variant-numeric:tabular-nums;font-size:13px}.chart-tip .tip-row i{border-radius:2px;width:12px;height:2px;display:inline-block}.axis-label{fill:var(--muted);font-size:11px;font-family:var(--font)}.cols{grid-template-rows:150px auto;grid-template-columns:34px 1fr;column-gap:8px;display:grid}.y-axis{color:var(--muted);text-align:right;flex-direction:column;justify-content:space-between;height:calc(100% + 12px);font-size:11px;display:flex;transform:translateY(-6px)}.plot{border-bottom:1px solid var(--chart-grid);background-image:linear-gradient(var(--chart-grid) 1px, transparent 1px);background-size:100% 50%;align-items:flex-end;gap:2px;display:flex}.col{cursor:default;flex:1;justify-content:center;align-items:flex-end;height:100%;display:flex;position:relative}.col:hover,.col:focus-visible{background:var(--surface-2)}.col-bar{background:var(--chart-1);border-radius:4px 4px 0 0;width:100%;max-width:24px;min-height:2px}.col:hover .col-bar,.col:focus-visible .col-bar{filter:brightness(1.15)}.col .col-tip{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);white-space:nowrap;z-index:5;color:var(--text);border-radius:6px;padding:4px 8px;font-size:12px;display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.col:hover .col-tip,.col:focus-visible .col-tip{display:block}.x-axis{color:var(--muted);grid-column:2;gap:2px;margin-top:6px;font-size:11px;display:flex}.x-axis span{text-align:center;white-space:nowrap;flex:1;overflow:visible}.table-view{border:0;padding:8px 0 0}.table-view summary{color:var(--muted);font-size:12px;font-weight:500}.table-view table{margin-top:8px;font-size:13px}.table-view th,.table-view td{padding:6px 8px}.hbars{gap:12px;margin:4px 0 0;padding:0;list-style:none;display:grid}.hbar-label{justify-content:space-between;gap:8px;margin-bottom:5px;font-size:13px;display:flex}.hbar-label span:last-child{color:var(--muted);font-variant-numeric:tabular-nums}.hbar{background:var(--surface-3);border-radius:999px;height:8px;overflow:hidden}.hbar>span{background:var(--chart-1);border-radius:999px;height:100%;display:block}.range-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.range-bar form{display:contents}.range-custom{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.range-custom input[type=date]{width:auto;min-height:34px;margin:0;padding:5px 10px;font-size:13px}.range-custom .check{margin:0;font-size:13px}.confirm{border:1px solid color-mix(in srgb, var(--danger) 40%, transparent);background:var(--danger-soft);border-radius:var(--radius);margin-top:16px;padding:16px}.confirm h3{color:var(--text)}.actions{margin-top:16px}.settings-grid{gap:16px;max-width:760px;display:grid}.switch-row{justify-content:space-between;align-items:flex-start;gap:16px;padding:4px 0 14px;display:flex}.switch-row label{margin:0}.toast{z-index:60;background:var(--text);color:var(--bg);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:10px 14px;font-size:14px;animation:.2s ease-out toast-in;position:fixed;bottom:20px;right:20px}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width:1080px){.kpis{grid-template-columns:repeat(2,1fr)}.chart-grid,.chart-grid.thirds,.detail-grid{grid-template-columns:1fr}}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.mobile-bar{z-index:20;background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);flex-direction:column;gap:8px;padding:10px 16px;display:flex;position:sticky;top:0}.mobile-bar .row{flex-wrap:nowrap;justify-content:space-between}.mobile-nav{gap:4px;display:flex;overflow-x:auto}.mobile-nav a{border-radius:var(--radius-sm);color:var(--text-2);white-space:nowrap;padding:6px 10px;font-size:13px;text-decoration:none}.mobile-nav a[aria-current=page]{background:var(--surface-2);color:var(--text);font-weight:600}.app-main{padding:20px 16px 48px}.feature-grid,.pricing-grid,.compare,.generator{grid-template-columns:1fr}.qr-output{border-left:0;border-top:1px solid var(--border)}.list-head{display:none}.code-row{grid-template-columns:52px minmax(0,1fr) auto}.code-row .dest,.code-row .status-cell{display:none}}@media (max-width:640px){.container,.content{padding:0 16px}.site-nav .hide-sm{display:none}.hero{padding:48px 0 28px}.kpis{grid-template-columns:1fr 1fr;gap:10px}.kpi{padding:14px}.kpi-value{font-size:22px}.card,.panel{padding:18px}.generator-form,.qr-output{padding:20px}.kv{grid-template-columns:1fr;gap:2px}.kv dd{margin-bottom:10px}.cta-band{padding:32px 20px}.site-footer .container{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.theme-icon-light{display:none}:root[data-theme=dark] .theme-icon-light{display:block}:root[data-theme=dark] .theme-icon-dark{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme]) .theme-icon-light{display:block}:root:not([data-theme]) .theme-icon-dark{display:none}}.locked{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);place-items:center;min-height:260px;margin-bottom:16px;display:grid;position:relative;overflow:hidden}.locked-preview{filter:blur(6px);opacity:.45;align-items:flex-end;gap:10px;display:flex;position:absolute;inset:24px 24px 0}.locked-preview span{background:var(--chart-1);border-radius:4px 4px 0 0;flex:1}.locked-body{text-align:center;background:color-mix(in srgb, var(--surface) 88%, transparent);border-radius:var(--radius-lg);max-width:440px;padding:28px 20px;position:relative}.locked-body .empty-icon{background:var(--primary-soft);width:40px;height:40px;color:var(--primary);border-radius:12px;place-items:center;margin:0 auto 12px;display:grid}.locked-body h2{margin-bottom:6px;font-size:17px}.locked-body p{color:var(--muted);margin:0 0 16px;font-size:14px}dialog.modal{box-sizing:border-box;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:hidden auto}dialog.modal .modal-body,dialog.modal .modal-body>*{min-width:0}dialog.modal .pricing-grid{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))!important}@media (max-width:640px){.modal-body{padding:18px}.modal-head .badge{white-space:normal}}.detail-grid{grid-template-columns:320px minmax(0,1fr)}.detail-grid>*,.chart-grid>*,.kpis>*{min-width:0}@media (max-width:1080px){.detail-grid{grid-template-columns:minmax(0,1fr)!important}}.site-footer .footer-grid{grid-template-columns:1.3fr repeat(4,1fr);align-items:start;gap:24px;display:grid}.site-footer .footer-grid nav{gap:8px;display:grid}.site-footer .footer-grid strong{color:var(--text);margin-bottom:2px;font-size:13px}@media (max-width:760px){.site-footer .footer-grid{grid-template-columns:1fr 1fr}}.guide h2{margin:32px 0 10px;font-size:22px}.guide h3{margin:18px 0 6px;font-size:16px}.guide p,.guide li{color:var(--text-2);font-size:16px;line-height:1.7}.guide ul,.guide ol{padding-left:22px}.guide li{margin-bottom:8px}.guide .lead-p{color:var(--text);font-size:18px}