@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&display=swap";:root{--bg:#fbf7f1;--surface:#fff;--surface-2:#f6efe5;--surface-3:#eee4d4;--border:#ebe2d4;--border-strong:#d9ccb8;--text:#2b2015;--muted:#7a6a55;--faint:#a89478;--brand:#047857;--brand-2:#c8743b;--brand-ink:#fff;--brand-soft:#d9eee3;--ok:#11703a;--ok-soft:#dff4e7;--bad:#b3261e;--bad-soft:#fde7e4;--warn:#8a5a00;--warn-soft:#fdf0d5;--shadow:0 1px 2px #5037190f,0 10px 30px -14px #50371933;--radius:20px;--font:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1a1512;--surface:#241d18;--surface-2:#2d251e;--surface-3:#3a2f25;--border:#3d3227;--border-strong:#544536;--text:#f4ecdd;--muted:#b3a288;--faint:#8b7b62;--brand:#3ecf96;--brand-2:#e08e53;--brand-ink:#131009;--brand-soft:#20372c;--ok:#6fd99a;--ok-soft:#14301f;--bad:#ff9a8f;--bad-soft:#3a1715;--warn:#f3c56b;--warn-soft:#352a10;--shadow:0 1px 2px #0006,0 12px 30px -14px #000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#1a1512;--surface:#241d18;--surface-2:#2d251e;--surface-3:#3a2f25;--border:#3d3227;--border-strong:#544536;--text:#f4ecdd;--muted:#b3a288;--faint:#8b7b62;--brand:#3ecf96;--brand-2:#e08e53;--brand-ink:#131009;--brand-soft:#20372c;--ok:#6fd99a;--ok-soft:#14301f;--bad:#ff9a8f;--bad-soft:#3a1715;--warn:#f3c56b;--warn-soft:#352a10;--shadow:0 1px 2px #0006,0 12px 30px -14px #000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[hidden]{display:none!important}*,:after,:before{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.55;overflow-x:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--brand)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}h1,h2,h3,h4{margin:0;line-height:1.2}p{margin:0}.wrap{max-width:1380px;margin:0 auto;padding-block:12px 40px;padding-inline:calc(clamp(16px,3vw,32px))}.topbar{top:env(safe-area-inset-top,0);z-index:30;background:color-mix(in srgb,var(--surface) 86%,transparent);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;gap:12px;margin-bottom:18px;padding:10px 14px;position:sticky}.tb-brand,.tb-logo,.topbar{align-items:center;display:flex}.tb-brand{gap:10px;min-width:0}.tb-brand svg{flex:none;width:32px;height:32px}.tb-title{letter-spacing:-.01em;white-space:nowrap;flex:none;font-size:16px;font-weight:700}.tb-title span{color:var(--muted);font-weight:500}.tb-logo{flex:none}.tb-logo svg{width:auto;height:24px;display:block}.tb-logo .on-dark{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .tb-logo .on-light{display:none}:root:not([data-theme=light]) .tb-logo .on-dark{display:block}}:root[data-theme=dark] .tb-logo .on-light{display:none}:root[data-theme=dark] .tb-logo .on-dark{display:block}@media (width<=560px){.tb-logo svg{height:20px}}.tag-proto{background:var(--surface-2);color:var(--muted);border:1px solid var(--border);border-radius:99px;padding:2px 8px;font-size:11px;font-weight:600}.tb-spacer{flex:1}.mode-badge{text-overflow:ellipsis;background:var(--surface-2);border:1px solid var(--border);white-space:nowrap;border-radius:99px;align-items:center;gap:6px;max-width:42vw;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex;overflow:hidden}.mode-badge:before{content:"";background:var(--faint);border-radius:50%;width:8px;height:8px}.mode-badge[data-mode=ai]{background:var(--brand-soft);color:var(--brand);border-color:#0000}.mode-badge[data-mode=ai]:before{background:var(--brand)}.mode-badge[data-mode=fallback]{background:var(--warn-soft);color:var(--warn);border-color:#0000}.mode-badge[data-mode=fallback]:before{background:var(--warn)}.icon-btn{border:1px solid var(--border);background:var(--surface);border-radius:10px;justify-content:center;align-items:center;gap:6px;min-width:36px;height:36px;padding:0 10px;font-size:13px;font-weight:500;display:inline-flex}.icon-btn:hover{background:var(--surface-2)}.icon-btn svg{width:18px;height:18px}@media (width<=560px){.icon-btn .lbl,.tag-proto,.tb-title span{display:none}.mode-badge{padding:4px 8px;font-size:11px}}.layout{grid-template-columns:minmax(300px,390px) minmax(0,1fr);align-items:start;gap:22px;display:grid}@media (width<=1020px){.layout{grid-template-columns:minmax(0,1fr)}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.composer{flex-direction:column;gap:16px;max-height:calc(100vh - 100px);padding:20px;display:flex;position:sticky;top:84px;overflow:auto}@media (width<=1020px){.composer{max-height:none;position:static}}.composer h2{letter-spacing:-.01em;font-size:18px}.c-sub{color:var(--muted);margin-top:4px;font-size:13px}.field{flex-direction:column;gap:6px;display:flex}.field label,.lbl-t{font-size:13px;font-weight:600}.hint{color:var(--muted);font-size:12px}.input,.select,.textarea{border:1px solid var(--border-strong);background:var(--surface);border-radius:12px;width:100%;padding:10px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.textarea{resize:vertical;min-height:120px;line-height:1.5}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 22%,transparent);outline:none}.ta-foot{color:var(--faint);justify-content:space-between;gap:8px;font-size:12px;display:flex}.field-err{color:var(--bad);font-size:12.5px;font-weight:500}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px dashed var(--border-strong);background:var(--surface-2);text-align:left;border-radius:99px;padding:6px 11px;font-size:12.5px;line-height:1.35}.chip:hover{border-style:solid;border-color:var(--brand);color:var(--brand)}.row2{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=420px){.row2{grid-template-columns:1fr}}.seg{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.seg button{color:var(--muted);background:0 0;border:0;border-radius:9px;padding:8px 10px;font-size:13px;font-weight:600}.seg button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0000001f}.collapse-btn{border:1px solid var(--border);background:var(--surface);border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.collapse-btn svg{width:16px;height:16px;transition:transform .2s}.collapse-btn[aria-expanded=true] svg{transform:rotate(180deg)}.ai-panel{border:1px solid var(--border);background:var(--surface-2);border-radius:14px;flex-direction:column;gap:12px;padding:14px;display:flex}.key-row{gap:6px;display:flex}.key-row .input{flex:1;min-width:0}.check{align-items:center;gap:8px;font-size:13px;display:flex}.check input{width:16px;height:16px;accent-color:var(--brand)}.note{background:var(--warn-soft);color:var(--warn);border-radius:10px;padding:10px 12px;font-size:12.5px;line-height:1.5}.note b{font-weight:700}.note a{color:inherit}.btn{border:1px solid var(--border-strong);background:var(--surface);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-size:13.5px;font-weight:600;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn svg{flex:none;width:16px;height:16px}.btn-sm{border-radius:10px;padding:6px 10px;font-size:12.5px}.btn-primary{background:var(--brand);color:var(--brand-ink);border-color:#0000}.btn-primary:hover{background:color-mix(in srgb,var(--brand) 88%,#000)}.btn-go{background:linear-gradient(135deg,var(--brand),color-mix(in srgb,var(--brand) 55%,var(--brand-2)));width:100%;box-shadow:0 8px 22px -10px var(--brand);border:0;border-radius:14px;padding:13px 16px;font-size:15px}.btn-go,:root[data-theme=dark] .btn-go{color:#fff}.btn-go:disabled{opacity:.7;cursor:progress}.btn-ghost{background:0 0;border-color:#0000}.spin{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}.hist{flex-direction:column;gap:6px;display:flex}.hist-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.hist-item{text-align:left;border:1px solid var(--border);background:var(--surface);border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:2px 10px;padding:8px 10px;display:grid}.hist-item:hover{border-color:var(--border-strong)}.hist-item[aria-current=true]{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 20%,transparent)}.hist-dots{grid-row:span 2;display:flex}.hist-dots i{width:14px;height:28px;display:block}.hist-dots i:first-child{border-radius:6px 0 0 6px}.hist-dots i:last-child{border-radius:0 6px 6px 0}.hist-name{font-size:13.5px;font-weight:600}.hist-meta,.hist-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hist-meta{color:var(--muted);font-size:11.5px}.empty-hist{color:var(--faint);font-size:12.5px}.out{flex-direction:column;gap:18px;min-width:0;display:flex}.empty{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:28px;padding:calc(clamp(22px,4vw,44px));display:grid;position:relative;overflow:hidden}@media (width<=820px){.empty{grid-template-columns:minmax(0,1fr)}}.empty h1{letter-spacing:-.025em;font-size:calc(clamp(28px,4vw,42px));line-height:1.08}.empty h1 em{background:linear-gradient(120deg,var(--brand),var(--brand-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.empty-lead{color:var(--muted);max-width:46ch;margin-top:12px;font-size:15.5px}.feat{gap:10px;margin:20px 0 0;padding:0;list-style:none;display:grid}.feat li{align-items:flex-start;gap:10px;font-size:14px;display:flex}.feat li b{display:block}.feat .fi{background:var(--brand-soft);width:30px;height:30px;color:var(--brand);border-radius:9px;flex:none;place-items:center;display:grid}.feat .fi svg{width:16px;height:16px}.sample{border:1px solid var(--border);background:var(--surface-2);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;gap:12px;padding:16px;display:flex;transform:rotate(-1.2deg)}.sample-top{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;align-items:center;font-size:11.5px;font-weight:600;display:flex}.sample-logo{background:var(--k-light);aspect-ratio:16/8;border-radius:14px;place-items:center;display:grid}.sample-logo svg{width:78%;height:56%}.sample-strip{border-radius:10px;height:34px;display:flex;overflow:hidden}.sample-strip i{flex:1}.sample-type{justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.sample-type .big{font-family:var(--k-head);font-weight:var(--k-hw);color:var(--text);font-size:30px;line-height:1}.sample-type small{color:var(--muted);text-align:right;font-size:12px}.sample-tag{font-family:var(--k-head);color:var(--text);font-size:15px}.loading{padding:calc(clamp(20px,3vw,32px))}.loading h2{font-size:18px}.stepper{counter-reset:st;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0 22px;padding:0;list-style:none;display:grid}.stepper li{color:var(--faint);padding-top:30px;font-size:12.5px;font-weight:500;position:relative}.stepper li:before{content:"";background:var(--border);height:2px;position:absolute;top:10px;left:22px;right:-6px}.stepper li:last-child:before{display:none}.stepper li .dot{background:var(--surface-2);border:2px solid var(--border-strong);z-index:1;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:0;left:0}.stepper li .dot svg{opacity:0;width:12px;height:12px}.stepper li[data-state=active]{color:var(--text)}.stepper li[data-state=active] .dot{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 20%,transparent);animation:1.2s ease-in-out infinite pulse}.stepper li[data-state=done]{color:var(--muted)}.stepper li[data-state=done] .dot{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.stepper li[data-state=done] .dot svg{opacity:1}.stepper li[data-state=done]:before{background:var(--brand)}@keyframes pulse{50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--brand) 8%,transparent)}}.skel{gap:12px;display:grid}.skel i{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:300% 100%;border-radius:12px;animation:1.4s linear infinite shimmer;display:block}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.skel-row{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.alert{background:var(--bad-soft);color:var(--text);border:1px solid color-mix(in srgb,var(--bad) 30%,transparent);border-radius:16px;grid-template-columns:auto 1fr;gap:12px;padding:16px 18px;display:grid}.alert-ic{background:var(--bad);color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.alert-ic svg{width:18px;height:18px}.alert h3{color:var(--bad);font-size:15px}.alert p{margin-top:4px;font-size:13.5px}.alert details{margin-top:8px;font-size:12px}.alert pre{white-space:pre-wrap;word-break:break-word;font-family:var(--mono);background:var(--surface);border-radius:8px;max-height:160px;margin:6px 0 0;padding:8px 10px;font-size:11.5px;overflow:auto}.alert-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.kit{flex-direction:column;gap:18px;min-width:0;display:flex}.kit-hero{background:var(--k-primary);color:var(--k-on-primary);box-shadow:var(--shadow);border-radius:24px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:calc(clamp(22px,4vw,40px));display:grid;position:relative;overflow:hidden}@media (width<=640px){.kit-hero{grid-template-columns:minmax(0,1fr)}}.kit-hero:after{content:"";background:var(--k-accent);opacity:.22;pointer-events:none;border-radius:50%;width:340px;height:340px;position:absolute;top:-120px;right:-90px}.kh-meta{z-index:1;flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex;position:relative}.kh-chip{background:color-mix(in srgb,var(--k-on-primary) 16%,transparent);border:1px solid color-mix(in srgb,var(--k-on-primary) 22%,transparent);border-radius:99px;padding:4px 10px;font-size:11.5px;font-weight:600}.kh-chip.warn{color:#6b4700;background:#fff3d6;border-color:#0000}.kh-name{font-family:var(--k-head);font-weight:var(--k-hw);letter-spacing:-.02em;overflow-wrap:anywhere;font-size:calc(clamp(34px,6vw,64px));line-height:1.02}.kh-actions,.kh-fix,.kh-mark,.kh-name,.kh-strip,.kh-tag{z-index:1;position:relative}.kh-tag{font-family:var(--k-body);opacity:.92;margin-top:10px;font-size:calc(clamp(15px,2vw,19px))}.kh-mark{aspect-ratio:1;width:calc(clamp(96px,14vw,150px))}.kh-mark svg{width:100%;height:100%}.kh-strip{height:12px;box-shadow:0 0 0 2px color-mix(in srgb,var(--k-on-primary) 30%,transparent);border-radius:99px;grid-column:1/-1;display:flex;overflow:hidden}.kh-strip i{flex:1}.kh-actions{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}.kh-btn{border:1px solid color-mix(in srgb,var(--k-on-primary) 35%,transparent);background:color-mix(in srgb,var(--k-on-primary) 12%,transparent);color:var(--k-on-primary);border-radius:12px;align-items:center;gap:8px;padding:9px 14px;font-size:13.5px;font-weight:600;display:inline-flex}.kh-btn:hover{background:color-mix(in srgb,var(--k-on-primary) 22%,transparent)}.kh-btn svg{width:16px;height:16px}.kh-fix{background:color-mix(in srgb,var(--k-on-primary) 10%,transparent);border-radius:12px;grid-column:1/-1;padding:8px 12px;font-size:12.5px}.kh-fix summary{cursor:pointer;font-weight:600}.kh-fix ul{margin:6px 0 0;padding-left:18px}.kit-nav{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;gap:6px;padding:6px;display:flex}.kit-nav a{color:var(--muted);border-radius:9px;padding:6px 11px;font-size:13px;font-weight:600;text-decoration:none}.kit-nav a:hover{background:var(--surface-2);color:var(--text)}.sec{padding:calc(clamp(18px,3vw,30px));scroll-margin-top:90px}.sec-h{align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.sec-n{font-family:var(--mono);color:var(--brand);background:var(--brand-soft);border-radius:8px;flex:none;margin-top:2px;padding:4px 8px;font-size:12px;font-weight:600}.sec-h h2{letter-spacing:-.015em;font-size:calc(clamp(19px,2.2vw,23px))}.sec-h p{color:var(--muted);margin-top:4px;font-size:13.5px}.sec-tools{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}@media (width<=640px){.sec-h{flex-wrap:wrap}.sec-tools{width:100%;margin-left:0}}.sub-t{text-transform:uppercase;letter-spacing:.07em;color:var(--faint);margin:22px 0 10px;font-size:12px;font-weight:700}.sub-t:first-child{margin-top:0}.grid{gap:12px;display:grid}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=760px){.g2,.g3{grid-template-columns:minmax(0,1fr)}}.card{background:var(--surface-2);border-radius:14px;min-width:0;padding:16px}.card h4{text-transform:uppercase;letter-spacing:.06em;color:var(--faint);margin-bottom:6px;font-size:12px}.card p{font-size:14.5px}.names{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;display:grid}@media (width<=520px){.names{grid-template-columns:minmax(0,1fr)}}.name-opt{text-align:left;border:1.5px solid var(--border);background:var(--surface);border-radius:14px;flex-direction:column;gap:4px;padding:14px;display:flex;position:relative}.name-opt:hover{border-color:var(--border-strong)}.name-opt[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft)}.name-opt[aria-pressed=true]:before{content:"✓ Đang dùng";color:var(--brand);text-transform:uppercase;letter-spacing:.05em;order:-1;font-size:10.5px;font-weight:700}.name-n{font-family:var(--k-head);font-weight:var(--k-hw);overflow-wrap:break-word;font-size:21px;line-height:1.15}.name-w{color:var(--muted);font-size:12.5px}.tagline{font-family:var(--k-head);letter-spacing:-.01em;font-size:calc(clamp(20px,2.6vw,28px));line-height:1.25}.values{counter-reset:v}.val{background:var(--surface-2);border-radius:14px;padding:16px;position:relative}.val b{margin:6px 0 4px;font-size:15.5px;display:block}.val span{color:var(--muted);font-size:13.5px}.val .vn{font-family:var(--mono);color:var(--brand);font-size:11.5px;font-weight:700}.pers{flex-wrap:wrap;gap:8px;display:flex}.pers span{border:1px solid var(--border);border-radius:99px;padding:8px 14px;font-size:14px;font-weight:600}.pers span,blockquote.pos{background:var(--surface-2)}blockquote.pos{border-left:4px solid var(--brand);border-radius:0 14px 14px 0;margin:0;padding:16px 18px;font-size:15px}.logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}@media (width<=760px){.logo-grid{grid-template-columns:minmax(0,1fr)}}.lg-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;overflow:hidden}.lg-head{border-bottom:1px solid var(--border);justify-content:space-between;gap:8px;padding:10px 14px;font-size:13px;display:flex}.lg-head b,.tile small{font-weight:600}.lg-head span{color:var(--muted);font-size:12px}.tiles{grid-template-columns:1fr 1fr;display:grid}.tile{aspect-ratio:16/10;place-items:center;display:grid;position:relative}.tile svg{width:82%;height:58%}.tile.mk svg{width:52%;height:52%}.tile small{opacity:.6;font-size:10px;position:absolute;bottom:6px;left:8px}.clear{background:var(--surface-2);border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;margin-top:14px;padding:16px;display:grid}@media (width<=600px){.clear{grid-template-columns:minmax(0,1fr)}}.clear-demo{background:var(--k-light);border-radius:12px;place-items:center;padding:14px;display:grid}.clear-box{outline:1.5px dashed var(--k-accent);outline-offset:0;padding:18px;position:relative}.clear-box svg{width:200px;max-width:100%;height:56px;display:block}.clear-box i{color:var(--k-dark);opacity:.7;font-size:10px;font-style:normal;font-weight:700;position:absolute}.clear p{font-size:13.5px}.clear p+p{color:var(--muted);margin-top:6px}.swatches{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}@media (width<=980px){.swatches{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=600px){.swatches{grid-template-columns:minmax(0,1fr)}}.sw{border:1px solid var(--border);background:var(--surface);border-radius:16px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.sw-chip{text-align:left;border:0;justify-content:space-between;align-items:flex-end;height:118px;padding:10px 12px;font-size:20px;font-weight:700;display:flex;position:relative}.sw-chip span{opacity:.85;font-size:11px;font-weight:600}@media (width<=600px){.sw{flex-direction:row}.sw-chip{flex:none;width:110px;height:auto}}.sw-info{flex-direction:column;flex:1;gap:3px;min-width:0;padding:10px 12px;font-size:12.5px;display:flex}.sw-top{justify-content:space-between;align-items:center;gap:6px;display:flex}.sw-role{text-transform:uppercase;letter-spacing:.06em;color:var(--faint);font-size:11px;font-weight:700}.sw-name{font-size:14px;font-weight:600}.sw-code{font-family:var(--mono);color:var(--muted);text-align:left;background:0 0;border:0;padding:2px 0;font-size:12px}.sw-code:hover{color:var(--brand)}.lock{border:1px solid var(--border);background:var(--surface);width:30px;height:30px;color:var(--faint);border-radius:8px;flex:none;place-items:center;display:grid}.lock svg{width:15px;height:15px}.lock[aria-pressed=true]{background:var(--text);color:var(--surface);border-color:var(--text)}.pal-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.pal-msg{color:var(--muted);font-size:12.5px}.contrast{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width<=700px){.contrast{grid-template-columns:minmax(0,1fr)}}.ct{border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:8px;padding:16px 18px;display:flex}.ct-sample{font-family:var(--k-head);font-weight:var(--k-hw);font-size:24px}.ct-body{font-family:var(--k-body);font-size:14px}.ct-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.ratio{font-family:var(--mono);margin-right:4px;font-size:15px}.badge,.ratio{font-weight:700}.badge{border-radius:99px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;display:inline-flex}.badge.pass{color:#0d5c2f;background:#dff4e7}.badge.fail{color:#9c1f17;background:#fde7e4}.specimens{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width<=700px){.specimens{grid-template-columns:minmax(0,1fr)}}.spec{background:var(--surface-2);border-radius:16px;min-width:0;padding:18px}.spec-top{color:var(--muted);justify-content:space-between;gap:8px;font-size:12px;display:flex}.spec-top b{color:var(--text);font-size:13px}.spec-aa{margin:10px 0 6px;font-size:76px;line-height:1.05}.spec-glyph{color:var(--muted);overflow-wrap:anywhere;font-size:15px}.scale{border:1px solid var(--border);border-radius:16px;flex-direction:column;margin-top:14px;display:flex;overflow:hidden}.sc-row{border-top:1px solid var(--border);grid-template-columns:120px minmax(0,1fr);align-items:baseline;gap:14px;padding:14px 16px;display:grid}.sc-row:first-child{border-top:0}.sc-meta{color:var(--faint);font-size:11.5px;font-family:var(--mono)}.sc-meta b{color:var(--muted);font-family:var(--font);font-size:12.5px;display:block}.sc-text{overflow-wrap:anywhere;min-width:0}@media (width<=520px){.sc-row{grid-template-columns:minmax(0,1fr);gap:4px}}.dd{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width<=700px){.dd{grid-template-columns:minmax(0,1fr)}}.dd-col{border:1px solid var(--border);border-radius:16px;padding:16px}.dd-col h4{align-items:center;gap:8px;margin-bottom:10px;font-size:14px;display:flex}.dd-col ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.dd-col li{gap:8px;font-size:14px;display:flex}.dd-col li:before{border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:grid}.dd-do li:before{content:"✓";background:var(--ok-soft);color:var(--ok)}.dd-dont li:before{content:"✕";background:var(--bad-soft);color:var(--bad)}.samples{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}@media (width<=900px){.samples{grid-template-columns:minmax(0,1fr)}}.smp{background:var(--surface-2);border-radius:16px;flex-direction:column;gap:10px;min-width:0;padding:16px;display:flex}.smp h4{text-transform:uppercase;letter-spacing:.06em;color:var(--faint);font-size:12px}.prof{align-items:center;gap:10px;display:flex}.prof-av{background:var(--k-primary);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid;overflow:hidden}.prof-av svg{width:70%;height:70%}.prof b{font-size:14px;display:block}.prof span{color:var(--muted);font-size:12px}.smp-text{overflow-wrap:anywhere;font-size:14px;line-height:1.55}.greet{font-family:var(--k-head);font-weight:var(--k-hw);font-size:19px;line-height:1.3}.cta-btn{background:var(--k-primary);color:var(--k-on-primary);border-radius:var(--k-radius);font-weight:700;font-family:var(--k-body);border:0;align-self:flex-start;padding:12px 20px}.mock-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}@media (width<=760px){.mock-grid{grid-template-columns:minmax(0,1fr)}}.mock{background:var(--surface-2);border-radius:18px;flex-direction:column;align-items:center;gap:12px;min-width:0;padding:18px;display:flex}.mock-cap{color:var(--muted);align-self:flex-start;font-size:12px;font-weight:600}.mock-wide{grid-column:1/-1}.bc{aspect-ratio:1.75;width:100%;max-width:330px;font-family:var(--k-body);border-radius:10px;position:relative;overflow:hidden;box-shadow:0 14px 30px -14px #00000073,0 1px 2px #00000014}.bc-front{background:var(--k-primary);color:var(--k-on-primary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px;display:flex}.bc-front svg{width:54px;height:54px}.bc-front .n{font-family:var(--k-head);font-weight:var(--k-hw);font-size:22px;line-height:1.1}.bc-front .t{opacity:.85;max-width:90%;font-size:10.5px}.bc-front:after{content:"";background:var(--k-accent);height:6px;position:absolute;bottom:0;left:0;right:0}.bc-back{background:var(--k-light);color:var(--k-dark);flex-direction:column;justify-content:space-between;padding:18px 20px 18px 24px;display:flex}.bc-back:before{content:"";background:var(--k-primary);width:6px;position:absolute;top:0;bottom:0;left:0}.bc-back .pn{font-family:var(--k-head);font-weight:var(--k-hw);font-size:17px}.bc-back .pt{opacity:.75;font-size:11px}.bc-back .ct-l{font-size:10.5px;line-height:1.6}.bc-back .bm{width:34px;height:34px;position:absolute;top:16px;right:16px}.post{aspect-ratio:1;background:var(--k-primary);width:100%;max-width:330px;color:var(--k-on-primary);font-family:var(--k-body);border-radius:14px;flex-direction:column;justify-content:space-between;padding:22px;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 30px -16px #00000080;container-type:inline-size}.post:before{background:var(--k-accent);opacity:.9;width:62%;bottom:-18%;right:-18%}.post:after,.post:before{content:"";aspect-ratio:1;border-radius:50%;position:absolute}.post:after{background:var(--k-secondary);opacity:.55;width:30%;top:-8%;right:30%}.post>*{z-index:1;position:relative}.post-top{align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.post-top svg{width:30px;height:30px}.post-h{font-family:var(--k-head);font-weight:var(--k-hw);max-width:85%;font-size:calc(clamp(22px,6.4cqi,30px));line-height:1.12}.post-cta{background:var(--k-light);color:var(--k-dark);border-radius:var(--k-radius);align-self:flex-start;padding:8px 14px;font-size:12.5px;font-weight:700}.phone{background:linear-gradient(160deg,var(--k-dark),color-mix(in srgb,var(--k-dark) 70%,var(--k-primary)));border-radius:24px;grid-template-columns:repeat(4,1fr);justify-items:center;gap:16px 10px;width:100%;max-width:330px;padding:22px 18px;display:grid}.app{color:#fff;text-align:center;flex-direction:column;align-items:center;gap:6px;min-width:0;max-width:100%;font-size:10.5px;display:flex}.app-ic{border-radius:14px;place-items:center;width:56px;height:56px;display:grid;overflow:hidden;box-shadow:0 6px 14px -6px #0009}.app-ic svg{width:66%;height:66%}.app-ic.ph{box-shadow:none;background:#ffffff24}.app span{text-overflow:ellipsis;white-space:nowrap;max-width:64px;overflow:hidden}.icon-sizes{align-items:flex-end;gap:14px;display:flex}.icon-sizes .app-ic{box-shadow:0 6px 14px -8px #0006}.web{background:var(--k-light);width:100%;color:var(--k-dark);font-family:var(--k-body);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 18px 40px -22px #00000080;container-type:inline-size}.web-bar{background:color-mix(in srgb,var(--k-dark) 8%,var(--k-light));align-items:center;gap:6px;padding:9px 12px;display:flex}.web-bar i{background:color-mix(in srgb,var(--k-dark) 25%,transparent);border-radius:50%;width:9px;height:9px}.web-url{background:var(--k-light);opacity:.85;text-overflow:ellipsis;white-space:nowrap;border-radius:99px;margin-left:8px;padding:3px 10px;font-size:11px;overflow:hidden}.web-nav{flex-wrap:wrap;align-items:center;gap:16px;padding:14px calc(clamp(14px,4cqi,32px));display:flex}.web-nav svg{width:auto;max-width:180px;height:30px}.web-links{opacity:.8;gap:16px;margin-left:auto;font-size:13px;display:flex}.web-nav .wb{background:var(--k-primary);color:var(--k-on-primary);border-radius:var(--k-radius);padding:7px 14px;font-size:12.5px;font-weight:700}.web-hero{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:24px;padding:calc(clamp(18px,5cqi,48px)) calc(clamp(14px,4cqi,32px)) calc(clamp(24px,6cqi,56px));display:grid}.web-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--k-primary-text);margin-bottom:10px;font-size:11.5px;font-weight:700;display:inline-block}.web-h{font-family:var(--k-head);font-weight:var(--k-hw);letter-spacing:-.015em;font-size:calc(clamp(24px,5.2cqi,48px));line-height:1.08}.web-p{opacity:.82;max-width:46ch;margin-top:12px;font-size:calc(clamp(13px,1.9cqi,16px))}.web-btns{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.web-btns span{border-radius:var(--k-radius);padding:10px 18px;font-size:13.5px;font-weight:700}.web-btns .b1{background:var(--k-primary);color:var(--k-on-primary)}.web-btns .b2{border:1.5px solid var(--k-dark);color:var(--k-dark)}.web-art{aspect-ratio:1;justify-self:center;width:100%;max-width:340px;position:relative}.web-art .blob{background:var(--k-secondary);border-radius:42% 58% 55% 45%/48% 42% 58% 52%;position:absolute;inset:6%}.web-art .dot{aspect-ratio:1;background:var(--k-accent);border-radius:50%;width:26%;position:absolute;top:4%;right:2%}.web-art .cardm{background:var(--k-light);border-radius:22%;place-items:center;display:grid;position:absolute;inset:24%;box-shadow:0 18px 30px -16px #00000073}.web-art .cardm svg{width:64%;height:64%}@container (width<=560px){.web-hero{grid-template-columns:minmax(0,1fr)}.web-links{display:none}.web-art{max-width:200px}}.product svg{width:100%;max-width:240px;height:auto;display:block}.exp{flex-direction:column;gap:14px;display:flex}.exp-b{border:1px solid var(--border);border-radius:16px;overflow:hidden}.exp-h{background:var(--surface-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.exp-h b{font-size:14px}.exp-h span{color:var(--muted)}.exp textarea,.exp-h span{font-size:12px;display:block}.exp textarea{width:100%;min-height:190px;font-family:var(--mono);background:var(--surface);resize:vertical;border:0;padding:12px 14px;line-height:1.55}.exp textarea:focus{box-shadow:inset 0 0 0 2px var(--brand);outline:none}.toast{left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));opacity:0;pointer-events:none;background:var(--text);color:var(--bg);z-index:50;border-radius:12px;max-width:calc(100% - 32px);padding:10px 16px;font-size:13.5px;font-weight:600;transition:all .2s;position:fixed;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}.copyfb{left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:60;flex-direction:column;gap:8px;max-width:560px;margin:0 auto;padding:14px;display:flex;position:fixed}.copyfb textarea{width:100%;min-height:90px;font-family:var(--mono);border:1px solid var(--border-strong);background:var(--surface);border-radius:10px;padding:8px;font-size:12px}.copyfb-h{justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.foot{text-align:center;color:var(--faint);margin-top:28px;font-size:12px}@media (prefers-reduced-motion:reduce){*,:after,:before{transition:none!important;animation:none!important}.sample{transform:none}}.ai-intro{color:var(--brand);font-weight:600}.ai-intro,.info{font-size:12.5px}.info{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:10px 12px;line-height:1.5}.info.warn{background:var(--warn-soft);color:var(--warn);border-color:#0000}.prov-list{gap:10px}.prov,.prov-list{flex-direction:column;display:flex}.prov{border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:6px;padding:10px}.prov-h{align-items:center;gap:8px;font-size:13px;display:flex}.prov-h b{font-weight:600}.prov-ord{gap:4px;margin-left:auto;display:flex}.prov-ord button{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;width:28px;height:28px;font-size:12px;line-height:1}.prov-ord button:disabled{opacity:.4;cursor:default}.qbadge{background:var(--warn-soft);color:var(--warn);border-radius:99px;padding:2px 8px;font-size:11px;font-weight:700}.prov a{font-size:12px}.check.consent{align-items:flex-start;line-height:1.45}.check.consent input{flex:none;margin-top:2px}.banner{border:1px solid color-mix(in srgb,var(--warn) 35%,transparent);background:var(--warn-soft);color:var(--text);border-radius:16px;flex-direction:column;gap:6px;padding:14px 16px;font-size:13.5px;display:flex}.banner b{color:var(--warn)}.banner details{font-size:12.5px}.banner details p{color:var(--muted);margin-top:4px}.notices{padding:16px 18px}.notices summary{cursor:pointer;font-size:14px;font-weight:700}.notices ul{gap:6px;margin:8px 0 0;padding-left:18px;font-size:13px;display:grid}.part-fb{background:var(--warn-soft);color:var(--text);border:1px dashed color-mix(in srgb,var(--warn) 55%,transparent);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:16px;padding:12px 14px;font-size:13px;display:flex}.part-fb b{color:var(--warn)}.part-fb span{flex:260px}.tm-note{color:var(--muted);margin-top:12px;font-size:12.5px}.tm-note a{font-weight:600}.name-d{color:var(--faint);font-size:11.5px;font-family:var(--mono);overflow-wrap:anywhere}.lg3{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}@media (width<=900px){.lg3{grid-template-columns:minmax(0,1fr)}}.lg-img{-o-object-fit:contain;object-fit:contain;width:82%;height:62%;display:block}.tile.mk .lg-img{width:56%;height:70%}.lg-desc{color:var(--muted);border-top:1px solid var(--border);padding:10px 14px;font-size:12.5px}.lg-dl{gap:6px;padding:0 14px 12px}.dl-main,.lg-dl{flex-wrap:wrap;display:flex}.dl-main{align-items:center;gap:8px}.disclaimer{background:var(--surface-2);border-radius:12px;padding:12px 14px;font-size:12.5px;line-height:1.5}.disclaimer,.foot a,.foot summary{color:var(--muted)}.foot details{text-align:left;margin-top:8px;max-width:720px;margin-inline:auto}.foot summary{cursor:pointer;text-align:center}.foot ul{gap:4px;margin:8px 0 0;padding-left:18px;display:grid}.step-notes{gap:6px;margin:12px 0 0;padding:0;font-size:13px;list-style:none;display:grid}.step-notes li{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:8px 12px}.step-notes li.warn{background:var(--warn-soft);color:var(--warn);border-color:#0000}.src-label{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:99px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.src-label.ai{background:var(--brand-soft);color:var(--brand);border-color:#0000}.src-label.fb{background:var(--warn-soft);color:var(--warn);border-color:#0000}.kh-banners{gap:10px;margin-top:14px;display:grid}.ct4{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;display:grid}.topnav{gap:2px;margin-left:14px;display:flex}.topnav a{color:var(--muted);white-space:nowrap;border-radius:10px;padding:8px 12px;font-size:13.5px;font-weight:600;text-decoration:none}.topnav a:hover{background:var(--surface-2);color:var(--text)}.topnav a[aria-current=page]{background:var(--brand-soft);color:var(--brand)}.tb-brand{color:inherit;text-decoration:none}.menu-btn{display:none}.drawer{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:4px;margin:-8px 0 14px;padding:12px;display:flex}.drawer a{color:var(--text);border-radius:10px;padding:10px 12px;font-size:14px;font-weight:600;text-decoration:none}.drawer a:hover{background:var(--surface-2)}.drawer-auth{border-top:1px solid var(--border);margin-top:6px;padding-top:10px}@media (width<=900px){.topnav{display:none}.menu-btn{display:inline-flex}}@media (width>=901px){.drawer{display:none!important}}.av-btn{border:1px solid var(--border);background:var(--surface);border-radius:99px;align-items:center;gap:8px;height:36px;padding:4px 12px 4px 4px;font-size:13px;font-weight:600;display:inline-flex}.av-btn:hover{background:var(--surface-2)}.av-dot{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:grid}.av-wrap{position:relative}.av-menu{background:var(--surface);border:1px solid var(--border);z-index:60;border-radius:14px;width:230px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 34px -12px #3c281440}.av-menu .av-head{border-bottom:1px solid var(--border);margin-bottom:4px;padding:10px 12px}.av-menu .av-head b{font-size:13.5px;display:block}.av-menu .av-head span{color:var(--muted);overflow-wrap:anywhere;font-size:12px}.av-menu a,.av-menu button{text-align:left;width:100%;color:var(--text);background:0 0;border:0;border-radius:9px;padding:9px 12px;font-size:13.5px;font-weight:500;text-decoration:none;display:flex}.av-menu a:hover,.av-menu button:hover,.login-link:hover{background:var(--surface-2)}.login-link{height:36px;color:var(--text);border:1px solid var(--border);border-radius:12px;align-items:center;padding:0 14px;font-size:13.5px;font-weight:600;text-decoration:none;display:inline-flex}.page{grid-template-columns:minmax(0,1fr);gap:18px;display:grid}.narrow{max-width:780px}.narrow,.narrow2{width:100%;margin:0 auto}.narrow2{max-width:860px}#view-new .composer{max-height:none;position:static;overflow:visible}.kick{letter-spacing:.06em;text-transform:uppercase;color:var(--brand);background:var(--brand-soft);border-radius:99px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-block}.hero2{box-shadow:var(--shadow);background:radial-gradient(120% 140% at 0 0,#f6e7d2,#0000 55%),radial-gradient(100% 120% at 100% 10%,#dcefe4,#0000 55%),linear-gradient(140deg,#fbf3e7,#f2e9d9);border:1px solid #ead9c2;border-radius:26px;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:30px;padding:calc(clamp(26px,4.5vw,52px));display:grid;position:relative;overflow:hidden}:root[data-theme=dark] .hero2{background:radial-gradient(120% 140% at 0 0,#3a2c1c,#0000 55%),radial-gradient(100% 120% at 100% 10%,#1c3328,#0000 55%),linear-gradient(140deg,#241d16,#1d1a15);border-color:#3d3428}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .hero2{background:radial-gradient(120% 140% at 0 0,#3a2c1c,#0000 55%),radial-gradient(100% 120% at 100% 10%,#1c3328,#0000 55%),linear-gradient(140deg,#241d16,#1d1a15);border-color:#3d3428}}.hero2 h1{letter-spacing:-.03em;margin-top:14px;font-size:calc(clamp(30px,4.4vw,50px));line-height:1.06}.hero2 h1 em{background:linear-gradient(115deg,#047857 20%,#c8743b 90%);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero2 .lead{color:var(--muted);max-width:46ch;margin-top:14px;font-size:15.5px}.hero2-ct{flex-wrap:wrap;align-items:center;gap:14px;margin-top:22px;display:flex}.hero2-ct .btn-go{width:auto;padding:14px 24px;font-size:16px}.note-mini{color:var(--muted);font-size:12.5px}.hero2-art{min-height:300px;position:relative}.ha-card{width:min(300px,84%);position:absolute;top:6%;right:6%}.ha-chip{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:99px;padding:8px 14px;font-size:12px;font-weight:700;position:absolute;box-shadow:0 8px 20px -10px #3c28144d}.ha-chip.c1{top:14%;left:2%;transform:rotate(-6deg)}.ha-chip.c2{bottom:10%;left:8%;transform:rotate(3deg)}.ha-star{color:var(--brand-2);opacity:.8;font-size:44px;position:absolute;bottom:16%;right:2%;transform:rotate(12deg)}@media (width<=860px){.hero2{grid-template-columns:minmax(0,1fr)}.hero2-art{display:none}}@media (prefers-reduced-motion:no-preference){.ha-card{animation:7s ease-in-out infinite floaty}.ha-chip.c1{animation:6s ease-in-out .8s infinite floaty}.ha-chip.c2{animation:8s ease-in-out .4s infinite floaty}}@keyframes floaty{50%{transform:translateY(-9px)rotate(0)}}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.stat{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;align-items:center;gap:14px;padding:16px 18px;display:flex}.st-ic{border-radius:14px;flex:none;place-items:center;width:44px;height:44px;display:grid}.st-ic svg{width:22px;height:22px}.stat.s1 .st-ic{color:#047857;background:#d9eee3}.stat.s2 .st-ic{color:#b05a1e;background:#fbe3cf}.stat.s3 .st-ic{color:#5b47c9;background:#e5e0f8}.st-v{flex-direction:column;min-width:0;display:flex}.st-v b{letter-spacing:-.01em;font-size:19px}.st-v span{color:var(--muted);font-size:12.5px}@media (width<=700px){.stats{grid-template-columns:minmax(0,1fr)}}.sec-title{justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.sec-title h2{letter-spacing:-.015em;font-size:20px}.kgrid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;display:grid}.kcard{border:1px solid var(--border);background:var(--surface);text-align:left;box-shadow:var(--shadow);border-radius:18px;padding:0;transition:transform .18s,box-shadow .18s;overflow:hidden}.kcard:hover{transform:translateY(-3px);box-shadow:0 16px 34px -14px #3c281447}.kc-strip{height:56px;display:flex}.kc-strip i{flex:1}.kc-body{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 12px;padding:14px 16px 16px;display:grid}.kc-mark{border-radius:12px;grid-row:span 2;place-items:center;width:44px;height:44px;display:grid;overflow:hidden}.kc-mark svg{width:80%;height:80%}.kc-name{font-size:15.5px;font-weight:700}.kc-name,.kc-tag{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kc-tag{color:var(--muted);font-size:12.5px}.kc-meta{color:var(--faint);grid-column:1/-1;align-items:center;gap:8px;margin-top:8px;font-size:11.5px;display:flex}.kits-empty{text-align:center;padding:36px 20px}.kits-empty .big-e{font-size:17px;font-weight:700}.todo{padding:20px 22px}.todo h3{font-size:15px}.todo-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0 0;padding:0;list-style:none;display:grid}.todo-list li{align-items:flex-start;gap:12px;display:flex}.tl-n{background:var(--brand-soft);width:30px;height:30px;color:var(--brand);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid}.todo-list b{font-size:14px;display:block}.todo-list span{color:var(--muted);font-size:12.5px}@media (width<=700px){.todo-list{grid-template-columns:minmax(0,1fr)}}.ktabs{background:var(--surface);border:1px solid var(--border);scrollbar-width:none;border-radius:14px;gap:6px;padding:6px;display:flex;overflow-x:auto}.ktabs::-webkit-scrollbar{display:none}.ktabs a{color:var(--muted);white-space:nowrap;border-radius:99px;flex:none;padding:8px 14px;font-size:13px;font-weight:600;text-decoration:none}.ktabs a:hover{background:var(--surface-2);color:var(--text)}.ktabs a.cur{background:var(--brand);color:var(--brand-ink)}.ksec{display:none}.ksec.on{display:block}.api-head h2{letter-spacing:-.02em;font-size:24px}.api-head{margin-bottom:14px}.api-limits{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.api-limits li{background:var(--surface-2);border:1px solid var(--border);color:var(--muted);border-radius:12px;padding:10px 16px;font-size:12.5px}.api-limits b{color:var(--text);font-size:18px;display:block}.steps3{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.steps3 .st{background:var(--surface-2);border-radius:14px;flex-direction:column;gap:4px;padding:14px;display:flex}.steps3 b{font-size:13.5px}.steps3 span{color:var(--muted);font-size:12.5px}.ep code,.steps3 code,.tbl code{font-family:var(--mono);background:color-mix(in srgb,var(--brand) 10%,transparent);border-radius:5px;padding:1px 5px;font-size:.92em}@media (width<=700px){.steps3{grid-template-columns:minmax(0,1fr)}}.keybox{background:var(--surface-2);border:1px dashed var(--border-strong);border-radius:14px;gap:10px;padding:16px;display:grid}.keybox-val{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.keybox-val code{font-family:var(--mono);background:var(--surface);border:1px solid var(--border);letter-spacing:.02em;overflow-wrap:anywhere;border-radius:8px;padding:7px 12px;font-size:14px}.keybox .row{gap:8px}.key-gate,.keybox .row{flex-wrap:wrap;display:flex}.key-gate{align-items:center;gap:12px}.ep-list{gap:8px;display:grid}.ep{background:var(--surface-2);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.ep .m{font-family:var(--mono);border-radius:6px;flex:none;padding:3px 8px;font-size:11px;font-weight:700}.ep .m.mpost{color:#047857;background:#d9eee3}.ep .m.mget{color:#2456b8;background:#dfe9f8}.kb{gap:12px;display:grid}.kb>*{min-width:0}.kcode{border:1px solid var(--border);border-radius:14px;overflow:hidden}.kcode-h{background:var(--surface-2);justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:12.5px;font-weight:600;display:flex}.kcode pre{font-family:var(--mono);background:var(--surface);margin:0;padding:14px;font-size:12px;line-height:1.6;overflow-x:auto}.tbl{border-collapse:collapse;width:100%;font-size:13px}.tbl th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--faint);padding:8px 10px;font-size:11.5px}.tbl td,.tbl th{border-bottom:1px solid var(--border)}.tbl td{vertical-align:top;padding:9px 10px}.tbl tr:last-child td{border-bottom:0}.docs-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.dc{background:var(--surface-2);border-radius:14px;flex-direction:column;gap:4px;padding:16px;display:flex}.dc b{font-size:14px}.dc span{color:var(--muted);font-size:12.5px}@media (width<=700px){.docs-grid{grid-template-columns:minmax(0,1fr)}}.login-wrap{place-items:center;min-height:calc(min(560px,70vh));display:grid;position:relative;overflow:hidden}.login-wrap:before{content:"";background:radial-gradient(circle,color-mix(in srgb,var(--brand) 14%,transparent),transparent 70%);pointer-events:none;border-radius:50%;width:420px;height:420px;position:absolute}.login-card{text-align:left;flex-direction:column;gap:12px;width:100%;max-width:420px;padding:32px 30px;display:flex;position:relative}.lg-mark{width:44px;height:44px}.lg-mark svg{width:100%;height:100%}.login-card h1{letter-spacing:-.02em;font-size:26px}.oauth{justify-content:flex-start;gap:12px;padding:11px 16px;font-size:14px}.oauth svg{flex:none;width:18px;height:18px}.oauth.gh{background:var(--text);color:var(--bg);border-color:#0000}.oauth.gh:hover{background:color-mix(in srgb,var(--text) 85%,var(--bg))}.or{color:var(--faint);align-items:center;gap:12px;margin:2px 0;font-size:12px;display:flex}.or:after,.or:before{content:"";background:var(--border);flex:1;height:1px}.login-foot{border-top:1px solid var(--border);gap:8px;margin-top:8px;padding-top:14px;display:grid}.login-foot a{color:var(--muted);padding:10px 0;font-size:13px;text-decoration:none;display:inline-block}.login-foot a:hover{color:var(--text)}.btn{border-radius:12px}.btn-go{box-shadow:0 10px 24px -10px color-mix(in srgb,var(--brand) 70%,transparent),inset 0 1px 0 #ffffff40}.panel{border-radius:20px}.name-opt[aria-pressed=true]{box-shadow:0 4px 14px -6px color-mix(in srgb,var(--brand) 50%,transparent);border-width:2px}@media (width<=639px){.btn,.ktabs a{min-height:40px}.icon-btn{min-width:40px;height:40px}}