:root{color-scheme:dark;--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--bg:#070a12;--bg-soft:#0a0f1c;--surface:#0e1524;--surface-2:#131d30;--surface-3:#1a2740;--surface-glass:#0e1524c7;--border:#1e2c45;--border-strong:#32456a;--text:#e9effc;--text-muted:#a0b0cd;--text-subtle:#7689ab;--accent:#8b9bff;--accent-strong:#6366f1;--accent-2:#22d3ee;--accent-contrast:#fff;--success:#34d399;--success-soft:#34d3991f;--warning:#fbbf24;--warning-soft:#fbbf241f;--danger:#fb7185;--danger-soft:#fb71851f;--info-soft:#22d3ee1a;--gradient-brand:linear-gradient(135deg, #7c8cff 0%, #6366f1 45%, #22d3ee 100%);--gradient-surface:linear-gradient(160deg, #7c8cff17, #22d3ee0a);--glow:0 0 0 1px #7c8cff38, 0 24px 70px #0206178c;--radius-xs:8px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;--shadow-sm:0 1px 2px #0000003d;--shadow-md:0 12px 30px #02061757;--shadow-lg:0 28px 70px #0206177a;--header-height:68px;--container:1180px;--container-wide:1320px;--gutter:clamp(1rem, 4vw, 2rem);--section-space:clamp(3rem, 7vw, 6rem);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--fast:.14s;--normal:.24s;--slow:.42s;--focus-ring:0 0 0 3px #7c8cff61;--transition-page:.26s}:root[data-theme=light]{color-scheme:light;--bg:#f4f6fc;--bg-soft:#eef2fa;--surface:#fff;--surface-2:#f7f9fe;--surface-3:#e9eef9;--surface-glass:#ffffffd1;--border:#dce4f3;--border-strong:#bdc9e0;--text:#0e172b;--text-muted:#52617d;--text-subtle:#5b6b87;--accent:#4f46e5;--accent-strong:#4338ca;--accent-2:#0891b2;--accent-contrast:#fff;--success:#047857;--success-soft:#04785717;--warning:#a16207;--warning-soft:#a162071a;--danger:#be123c;--danger-soft:#be123c14;--info-soft:#0891b214;--gradient-brand:linear-gradient(135deg, #6366f1 0%, #4f46e5 48%, #0891b2 100%);--gradient-surface:linear-gradient(160deg, #6366f114, #0891b20a);--glow:0 0 0 1px #6366f129, 0 24px 70px #1e293b1f;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 12px 30px #0f172a14;--shadow-lg:0 28px 70px #0f172a1f;--focus-ring:0 0 0 3px #4f46e547}*,:before,:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth;min-width:320px;scroll-padding-top:calc(var(--header-height) + .75rem);-webkit-text-size-adjust:100%;text-size-adjust:100%;scrollbar-gutter:stable}body{background:radial-gradient(1100px 600px at 12% -10%, #6366f121, transparent 62%), radial-gradient(900px 520px at 92% 4%, #22d3ee17, transparent 58%), var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-sans);font-synthesis-weight:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.65;overflow-x:clip}img,svg,video,canvas{max-width:100%;display:block}img{height:auto}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}a{color:var(--accent);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--accent-2)}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;text-wrap:balance;line-height:1.15}p{text-wrap:pretty}ul,ol{padding-left:1.25rem}::selection{color:var(--text);background:#7c8cff59}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-xs)}::placeholder{color:var(--text-subtle);opacity:1}hr{border:0;border-top:1px solid var(--border);margin-block:2rem}code,kbd,pre,samp{font-family:var(--font-mono);font-size:.92em}code{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:.12em .38em}pre{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem 1.1rem;line-height:1.55;overflow:auto}pre code{background:0 0;border:0;padding:0}kbd{border:1px solid var(--border-strong);background:var(--surface-2);min-width:1.65rem;color:var(--text-muted);border-bottom-width:2px;border-radius:6px;justify-content:center;align-items:center;padding:.12rem .4rem;font-size:.72rem;line-height:1.3;display:inline-flex}[hidden]{display:none!important}[aria-busy=true]{cursor:progress}.container{width:min(var(--container), 100% - (var(--gutter) * 2));margin-inline:auto}.container--wide{width:min(var(--container-wide), 100% - (var(--gutter) * 2));margin-inline:auto}.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}.skip-link{z-index:1000;border-radius:var(--radius-sm);background:var(--accent-strong);color:#fff;transition:transform var(--fast) var(--ease-out);padding:.6rem .9rem;font-weight:700;text-decoration:none;position:fixed;top:.75rem;left:.75rem;transform:translateY(-200%)}.skip-link:focus-visible{transform:translateY(0)}.mono{font-family:var(--font-mono)}.text-muted{color:var(--text-muted)}.text-subtle{color:var(--text-subtle)}.text-accent{color:var(--accent)}.nowrap{white-space:nowrap}.overflow-break{overflow-wrap:anywhere}.section{padding-block:var(--section-space)}.section--tight{padding-block:clamp(2rem,4vw,3.5rem)}.section--muted{background:linear-gradient(#0000,#0e152452 18% 82%,#0000)}:root[data-theme=light] .section--muted{background:linear-gradient(#0000,#e9eef98c 18% 82%,#0000)}.section__head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem 2rem;margin-bottom:2rem;display:flex}.section__title{font-size:clamp(1.65rem,3.2vw,2.4rem);font-weight:800}.section__lead{max-width:62ch;color:var(--text-muted);margin-top:.55rem}.eyebrow{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:.45rem;font-size:.74rem;font-weight:800;display:inline-flex}.stack{gap:1rem;display:grid}.cluster{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.grid{gap:1.1rem;display:grid}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--auto{grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr))}@media (width<=860px){.grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.grid--2,.grid--3{grid-template-columns:1fr}}.prose{max-width:72ch;color:var(--text-muted)}.prose>*+*{margin-top:1.1rem}.prose h2{color:var(--text);margin-top:2.2rem;font-size:1.55rem}.prose h3{color:var(--text);margin-top:1.7rem;font-size:1.2rem}.prose strong{color:var(--text)}.prose ul,.prose ol{gap:.45rem;display:grid}.prose a{color:var(--accent)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.site-header{z-index:80;height:var(--header-height);background:var(--surface-glass);backdrop-filter:blur(16px)saturate(150%);transition:border-color var(--normal) ease, background var(--normal) ease, box-shadow var(--normal) ease;border-bottom:1px solid #0000;position:sticky;top:0}.site-header[data-scrolled=true]{border-bottom-color:var(--border);box-shadow:0 10px 30px #0206172e}.header-inner{align-items:center;gap:1rem;height:100%;display:flex}.brand{color:var(--text);letter-spacing:-.03em;flex:none;align-items:center;gap:.65rem;font-weight:800;text-decoration:none;display:inline-flex}.brand:hover{color:var(--text)}.brand__mark{color:#fff;background:0 0;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.brand__mark svg,.brand__mark img{object-fit:contain;width:30px;height:30px}.brand__text{white-space:nowrap;font-size:1.05rem}.brand__accent{background:var(--gradient-brand);color:#0000;-webkit-background-clip:text;background-clip:text}.primary-nav{align-items:center;gap:.15rem;margin-inline:auto;display:flex}.nav-item{position:relative}.nav-link,.nav-button{border-radius:var(--radius-sm);min-height:38px;color:var(--text-muted);transition:color var(--fast) ease, background var(--fast) ease;align-items:center;gap:.35rem;padding:.45rem .7rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.nav-link:hover,.nav-button:hover,.nav-item[data-open=true] .nav-button,.nav-link[aria-current=page]{color:var(--text);background:var(--surface-2)}.nav-button svg{width:13px;height:13px;transition:transform var(--normal) var(--ease-out)}.nav-item[data-open=true] .nav-button svg{transform:rotate(180deg)}.mega{width:min(760px,100vw - 2rem);max-height:calc(100dvh - var(--header-height) - 1.5rem);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;pointer-events:none;overscroll-behavior:contain;transition:opacity var(--normal) var(--ease-out), transform var(--normal) var(--ease-out), visibility var(--normal);z-index:90;padding:.9rem;position:absolute;top:calc(100% + .5rem);left:50%;overflow-y:auto;transform:translate(-50%,6px)}.nav-item[data-open=true] .mega{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)}.mega__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem 1rem;display:grid}.mega__section{padding:.3rem .4rem}.mega__title{color:var(--text-subtle);letter-spacing:.13em;text-transform:uppercase;margin-bottom:.35rem;font-size:.68rem;font-weight:800}.mega__links{gap:.08rem;margin:0;padding:0;list-style:none;display:grid}.mega__link{border-radius:var(--radius-xs);color:var(--text-muted);transition:background var(--fast) ease, color var(--fast) ease;align-items:center;gap:.6rem;padding:.4rem .5rem;font-size:.86rem;text-decoration:none;display:flex}.mega__link:hover{background:var(--surface-2);color:var(--text)}.mega__link .icon{width:16px;height:16px;color:var(--accent);flex:none}.mega__footer{border-top:1px solid var(--border);color:var(--text-subtle);justify-content:space-between;align-items:center;gap:1rem;margin-top:.6rem;padding:.8rem .5rem .25rem;font-size:.8rem;display:flex}.header-actions{flex:none;align-items:center;gap:.4rem;display:flex}.icon-btn{border-radius:var(--radius-sm);width:38px;height:38px;color:var(--text-muted);transition:color var(--fast) ease, background var(--fast) ease, border-color var(--fast) ease;border:1px solid #0000;place-items:center;display:inline-grid}.icon-btn:hover{color:var(--text);background:var(--surface-2);border-color:var(--border)}.icon-btn svg{width:19px;height:19px}.search-trigger{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);min-height:38px;color:var(--text-subtle);align-items:center;gap:.5rem;padding:.4rem .55rem .4rem .7rem;font-size:.82rem;display:inline-flex}.search-trigger:hover{border-color:var(--border-strong);color:var(--text-muted)}.search-trigger svg{width:15px;height:15px}.search-trigger kbd{font-size:.68rem}.only-mobile{display:none}@media (width<=1080px){.search-trigger span,.search-trigger kbd{display:none}.search-trigger{justify-content:center;width:38px;padding:0}}@media (width<=720px){.primary-nav{display:none}.only-mobile{display:inline-grid}.header-actions{margin-inline-start:auto}}@media (width>=721px) and (width<=940px){.nav-link,.nav-button{padding-inline:.55rem;font-size:.85rem}.mega{top:calc(var(--header-height) + .35rem);width:min(720px,100vw - 2rem);max-height:calc(100dvh - var(--header-height) - 1rem);padding:.85rem;position:fixed;left:50%;overflow-y:auto}.mega__section{padding:.35rem}.mega__link{padding:.42rem .5rem}}.mobile-panel{height:calc(100dvh - var(--header-height));z-index:70;padding:1rem var(--gutter) 2rem;background:var(--bg);overscroll-behavior:contain;opacity:0;visibility:hidden;transition:opacity var(--normal) ease, transform var(--normal) var(--ease-out), visibility var(--normal);position:absolute;top:100%;left:0;right:0;overflow-y:auto;transform:translateY(-8px)}.mobile-panel[data-open=true]{opacity:1;visibility:visible;transform:translateY(0)}.mobile-panel__group{border-bottom:1px solid var(--border);padding-block:1rem}.mobile-panel__group:last-child{border-bottom:0}.mobile-panel__title{color:var(--text);align-items:center;gap:.55rem;margin-bottom:.6rem;font-size:.92rem;font-weight:800;display:flex}.mobile-panel__title .icon{width:18px;height:18px;color:var(--accent)}.mobile-panel__group--nested{border-bottom:0;padding-block:.4rem}summary.mobile-panel__title{cursor:pointer;min-height:44px;list-style:none}summary.mobile-panel__title::-webkit-details-marker{display:none}summary.mobile-panel__title:after{content:"";width:.45rem;height:.45rem;transition:transform var(--fast) ease;border-bottom:2px solid;border-right:2px solid;margin-left:auto;transform:rotate(45deg)}.mobile-panel__group--nested[open]>summary.mobile-panel__title:after{transform:rotate(225deg)}.mobile-panel__links{grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem;margin:0;padding:0;list-style:none;display:grid}.mobile-panel__link{border-radius:var(--radius-xs);min-height:44px;color:var(--text-muted);align-items:center;padding:.55rem .6rem;font-size:.87rem;text-decoration:none;display:flex}.mobile-panel__link:hover{background:var(--surface-2);color:var(--text)}.mobile-panel__footer{flex-wrap:wrap;gap:.6rem;padding-top:1.2rem;display:flex}@media (width<=420px){.mobile-panel__links{grid-template-columns:1fr}}body[data-menu-open=true]{overflow:hidden}.site-footer{border-top:1px solid var(--border);background:linear-gradient(180deg, transparent, var(--bg-soft));margin-top:clamp(2rem,6vw,5rem)}.footer-grid{grid-template-columns:minmax(220px,1.3fr) repeat(3,minmax(140px,.8fr));gap:2rem;padding-block:3.5rem 2.5rem;display:grid}.footer-brand{max-width:34ch}.footer-brand p{color:var(--text-muted);margin-top:.8rem;font-size:.9rem}.footer-title{color:var(--text);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.8rem;font-size:.78rem;font-weight:800}.footer-links{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.footer-links a{color:var(--text-muted);font-size:.88rem;text-decoration:none}.footer-links a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--border);color:var(--text-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;padding-block:1.2rem 1.5rem;font-size:.8rem;display:flex}@media (width<=820px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;padding-block:2.25rem 1.75rem}}@media (width<=520px){.footer-grid{grid-template-columns:1fr;gap:1.5rem}}.hero{padding-block:clamp(3rem,6.5vw,5rem) clamp(2.5rem,4.5vw,3.5rem);position:relative;overflow:clip}.hero:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#6366f129,#0000 72%);height:70%;position:absolute;inset:-30% -10% auto}.hero__layout{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:start;gap:clamp(2rem,5vw,4.5rem);display:grid;position:relative}.hero__badge{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-muted);align-items:center;gap:.5rem;padding:.35rem .75rem .35rem .45rem;font-size:.78rem;font-weight:600;display:inline-flex}.hero__badge .dot{background:var(--success);width:7px;height:7px;box-shadow:0 0 0 4px var(--success-soft);border-radius:50%}.hero__title{letter-spacing:-.045em;text-wrap:balance;margin-top:1.2rem;font-size:clamp(2.4rem,5.2vw,3.7rem);font-weight:850;line-height:1.02}.hero__title span{background:var(--gradient-brand);color:#0000;-webkit-background-clip:text;background-clip:text}.hero__lead{max-width:60ch;color:var(--text-muted);margin-top:1.2rem;font-size:clamp(1rem,1.6vw,1.16rem)}.hero__actions{flex-wrap:wrap;gap:.7rem;margin-top:1.8rem;display:flex}.hero__stats{border-top:1px solid var(--border);flex-wrap:wrap;gap:1.8rem;margin-top:2.2rem;padding-top:1.5rem;display:flex}.hero__stat{gap:.1rem;display:grid}.hero__stat strong{letter-spacing:-.03em;font-size:1.35rem;font-weight:800}.hero__stat span{color:var(--text-subtle);letter-spacing:.06em;text-transform:uppercase;font-size:.76rem;font-weight:600}.hero__visual{margin-top:clamp(1rem,6vw,3.5rem);position:relative}.hero__glow{filter:blur(30px);pointer-events:none;background:radial-gradient(closest-side,#6366f147,#0000);border-radius:40%;position:absolute;inset:12% -6% -8%}.hero__window{border:1px solid var(--border);border-radius:var(--radius-xl);background:linear-gradient(160deg, var(--surface-2), var(--surface));box-shadow:var(--shadow-lg);position:relative;overflow:hidden;transform:rotate(1.4deg)}.hero__window-bar{border-bottom:1px solid var(--border);background:#ffffff05;align-items:center;gap:.45rem;padding:.8rem 1rem;display:flex}.hero__window-bar i{background:var(--border-strong);border-radius:50%;width:9px;height:9px}.hero__window-bar i:first-child{background:#fb7185}.hero__window-bar i:nth-child(2){background:#fbbf24}.hero__window-bar i:nth-child(3){background:#34d399}.hero__window-bar span{color:var(--text-subtle);font-family:var(--font-mono);margin-left:auto;font-size:.68rem}.hero__code{color:var(--text-muted);font-family:var(--font-mono);padding:1.2rem 1.3rem 1.4rem;font-size:clamp(.7rem,1.15vw,.82rem);line-height:1.85;overflow-x:auto}.hero__code .k{color:#c4b5fd}.hero__code .s{color:#6ee7b7}.hero__code .c{color:var(--text-subtle)}.hero__code .n{color:#7dd3fc}.hero__chips{flex-wrap:wrap;gap:.4rem;padding:0 1.3rem 1.3rem;display:flex}.hero__chips span{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-muted);padding:.28rem .55rem;font-size:.68rem;font-weight:600}@media (width<=900px){.hero__layout{grid-template-columns:1fr}.hero__visual{max-width:560px;margin-inline:auto}.hero__window{transform:none}}@media (width<=640px){.hero{padding-block:2.25rem 2rem}.hero__visual{display:none}.hero__title{margin-top:.9rem;font-size:clamp(2.15rem,10vw,2.8rem)}.hero__lead{margin-top:.9rem}.hero__actions{margin-top:1.25rem}.hero__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem 1rem;margin-top:1.5rem;padding-top:1.1rem;display:grid}}.category-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:1rem;display:grid}.category-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);transition:transform var(--normal) var(--ease-out), border-color var(--normal) ease, box-shadow var(--normal) ease;gap:.75rem;padding:1.35rem;text-decoration:none;display:grid;position:relative;overflow:hidden}.category-card:before{content:"";background:var(--gradient-surface);opacity:0;transition:opacity var(--normal) ease;pointer-events:none;position:absolute;inset:0}.category-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);color:var(--text);transform:translateY(-3px)}.category-card:hover:before{opacity:1}.category-card__top{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.category-card__icon{border:1px solid var(--border);background:var(--surface-2);width:44px;height:44px;color:var(--accent);border-radius:13px;place-items:center;display:grid}.category-card__icon .icon{width:21px;height:21px}.category-card__count{color:var(--text-subtle);font-size:.72rem;font-weight:700}.category-card__title{font-size:1.05rem;font-weight:750;position:relative}.category-card__desc{color:var(--text-muted);font-size:.84rem;position:relative}.category-card__tags{flex-wrap:wrap;gap:.3rem;margin-top:.2rem;display:flex;position:relative}.category-card__tags span{border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-subtle);padding:.2rem .45rem;font-size:.66rem;font-weight:600}.tool-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);transition:transform var(--normal) var(--ease-out), border-color var(--normal) ease, background var(--normal) ease;flex-direction:column;gap:.65rem;padding:1.15rem;text-decoration:none;display:flex;position:relative}.tool-card:hover{border-color:var(--border-strong);background:var(--surface-2);color:var(--text);transform:translateY(-2px)}.tool-card__head{align-items:center;gap:.7rem;display:flex}.tool-card__icon{border:1px solid var(--border);background:var(--surface-2);width:38px;height:38px;color:var(--accent);transition:color var(--normal) ease, border-color var(--normal) ease;border-radius:11px;flex:none;place-items:center;display:grid}.tool-card:hover .tool-card__icon{border-color:var(--accent)}.tool-card__icon .icon{width:18px;height:18px}.tool-card__title{font-size:.94rem;font-weight:700}.tool-card__desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.82rem;line-height:1.55;display:-webkit-box;overflow:hidden}.tool-card__arrow{color:var(--text-subtle);letter-spacing:.03em;transition:color var(--fast) ease, gap var(--fast) ease;align-items:center;gap:.3rem;margin-top:auto;font-size:.72rem;font-weight:700;display:inline-flex}.tool-card:hover .tool-card__arrow{color:var(--accent);gap:.45rem}.tool-card__arrow svg{width:13px;height:13px}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:.8rem;display:grid}.page-head{border-bottom:1px solid var(--border);background:linear-gradient(#6366f10f,#0000 75%);padding-block:clamp(2.2rem,5vw,4rem) 2rem}.page-head__inner{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.6rem 1rem;display:grid}.page-head__lead{grid-row:2}.page-head__inner>:not(.page-head__icon):not(.page-head__title){grid-column:2;min-width:0}.page-head__inner>.badge{justify-self:start}.page-head__icon{border:1px solid var(--border);background:var(--surface-2);width:52px;height:52px;color:var(--accent);box-shadow:var(--shadow-sm);border-radius:15px;grid-area:1/1;place-items:center;display:grid}.page-head__icon .icon{width:25px;height:25px}.page-head__title{letter-spacing:-.04em;grid-area:1/2;font-size:clamp(2rem,4.4vw,3.2rem);font-weight:850}.page-head__lead{max-width:58ch;color:var(--text-muted)}.category-sections{gap:clamp(2rem,4vw,3.5rem);padding-block:clamp(2rem,4vw,3.5rem);display:grid}.category-section__head{flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin-bottom:1rem;display:flex}.category-section__title{font-size:1.25rem;font-weight:750}.category-section__title a{color:var(--text);text-decoration:none}.category-section__title a:hover{color:var(--accent)}.category-section__desc{color:var(--text-subtle);font-size:.84rem}.breadcrumbs{color:var(--text-subtle);flex-wrap:wrap;align-items:center;gap:.5rem;padding-block:.95rem .15rem;font-size:.8rem;line-height:1.4;display:flex}.breadcrumbs a{color:var(--text-muted);transition:color var(--fast) var(--ease-out);text-decoration:none}.breadcrumbs a:hover{color:var(--accent)}.breadcrumbs .sep{opacity:.4;user-select:none}.breadcrumbs [aria-current=page]{color:var(--text-muted);font-weight:600}.tool-shell{padding-top:1.2rem}.tool-shell__head{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1rem;padding-bottom:1.6rem;display:grid}.tool-shell__icon{border:1px solid var(--border);background:var(--surface-2);width:52px;height:52px;color:var(--accent);border-radius:15px;place-items:center;display:grid}.tool-shell__icon .icon{width:25px;height:25px}.tool-title{letter-spacing:-.04em;font-size:clamp(1.75rem,4vw,2.6rem);font-weight:850}.tool-description{max-width:62ch;color:var(--text-muted);margin-top:.4rem}.tool-meta{flex-wrap:wrap;gap:.4rem;margin-top:.75rem;display:flex}.tool-layout{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:1.2rem;padding-bottom:2rem;display:grid}.tool-main{min-width:0}.tool-sidebar{top:calc(var(--header-height) + 1rem);gap:1rem;display:grid;position:sticky}@media (width<=980px){.tool-layout{grid-template-columns:1fr}.tool-sidebar{position:static}}@media (width>=641px) and (width<=980px){.tool-sidebar{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}.sidebar-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);overflow:hidden}.sidebar-card__head{border-bottom:1px solid var(--border);color:var(--text-subtle);letter-spacing:.12em;text-transform:uppercase;padding:.8rem 1rem;font-size:.75rem;font-weight:800}.sidebar-list{gap:.1rem;margin:0;padding:.5rem;list-style:none;display:grid}.sidebar-list a{border-radius:var(--radius-xs);color:var(--text-muted);align-items:center;gap:.55rem;padding:.45rem .5rem;font-size:.83rem;text-decoration:none;display:flex}.sidebar-list a:hover{background:var(--surface-2);color:var(--text)}.sidebar-list .icon{width:15px;height:15px;color:var(--accent);flex:none}.sidebar-note{color:var(--text-muted);padding:1rem;font-size:.8rem}.sidebar-note strong{color:var(--text)}.search-dialog{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);width:min(640px,100vw - 2rem);max-height:min(78vh,720px);color:var(--text);box-shadow:var(--shadow-lg);flex-direction:column;margin:auto;padding:0;overflow:hidden}.search-dialog::backdrop{backdrop-filter:blur(4px);background:#0206179e}.search-dialog:not([open]){display:none}.search-dialog[open]{animation:dialog-in var(--normal) var(--ease-out);display:flex}@keyframes dialog-in{0%{opacity:0;transform:translateY(-8px)scale(.98)}}.search-form{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:.65rem;padding:.9rem 1rem;display:flex}.search-form svg{width:18px;height:18px;color:var(--text-subtle);flex:none}.search-input{min-width:0;color:var(--text);caret-color:var(--accent);background:0 0;border:0;outline:none;flex:1;font-size:1rem}.search-form:focus-within{box-shadow:inset 0 -2px 0 var(--accent)}.search-close{border:1px solid var(--border);color:var(--text-subtle);border-radius:6px;padding:.3rem .55rem;font-size:.75rem;font-weight:700;display:inline-flex}.search-results{flex:auto;min-height:0;margin:0;padding:.5rem;list-style:none;overflow-y:auto}.search-result{border-radius:var(--radius-sm);color:var(--text);align-items:center;gap:.75rem;padding:.65rem .7rem;text-decoration:none;display:flex}.search-result:hover,.search-result[data-active=true]{background:var(--surface-2);color:var(--text)}.search-result__icon{border:1px solid var(--border);background:var(--surface-2);width:34px;height:34px;color:var(--accent);border-radius:9px;flex:none;place-items:center;display:grid}.search-result__icon .icon{width:16px;height:16px}.search-result__body{min-width:0}.search-result__title{font-size:.9rem;font-weight:650;display:block}.search-result__meta{color:var(--text-subtle);font-size:.74rem;display:block}.search-empty{text-align:center;color:var(--text-subtle);padding:2rem 1rem;font-size:.88rem}.search-hint{border-top:1px solid var(--border);color:var(--text-subtle);flex-wrap:wrap;flex:none;gap:.8rem;padding:.6rem 1rem;font-size:.75rem;display:flex}.cookie-banner{z-index:95;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:min(420px,100vw - 2rem);box-shadow:var(--shadow-lg);padding:1rem;position:fixed;bottom:1rem;right:1rem}.cookie-banner p{color:var(--text-muted);font-size:.82rem}.cookie-banner__actions{flex-wrap:wrap;gap:.5rem;margin-top:.8rem;display:flex}.not-found{text-align:center;place-items:center;min-height:55vh;padding-block:4rem;display:grid}.not-found__code{font-family:var(--font-mono);background:var(--gradient-brand);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(4rem,12vw,8rem);font-weight:800;line-height:1}.not-found p{max-width:42ch;color:var(--text-muted);margin:1rem auto 1.6rem}@media (width<=900px){.section{padding-block:clamp(2.25rem,5vw,3.25rem)}.section__head{margin-bottom:1.5rem}.category-sections{gap:1.5rem;padding-block:1.5rem}.section .category-sections{padding-block:0}.tool-shell{padding-top:.9rem}.tool-shell__head{padding-bottom:1.1rem}.tool-layout{gap:1rem;padding-bottom:1.5rem}}@media (width<=720px){.icon-btn,.search-trigger{width:44px;height:44px;min-height:44px}}@media (width<=640px){.section{padding-block:clamp(1.5rem,5vw,2rem)}.section__head{margin-bottom:1.25rem}.category-sections{gap:1.25rem}.category-card,.tool-card{padding:1rem}.page-head{padding-block:1.8rem 1.5rem}.page-head__lead,.page-head__inner>:not(.page-head__icon):not(.page-head__title){grid-column:1/-1}.breadcrumbs{gap:.35rem;padding-block:.75rem .1rem;font-size:.76rem}.breadcrumbs a{padding-block:.25rem}.site-footer{margin-top:2rem}.footer-grid{gap:1.25rem;padding-block:2rem 1.5rem}.footer-links{gap:0}.footer-links a{align-items:center;min-height:40px;font-size:.92rem;display:flex}a.badge{min-height:38px}.sidebar-list a{min-height:44px}.badge{font-size:.72rem}.field__hint{font-size:.78rem}.mobile-panel{padding:.75rem 1rem 1.5rem}.mobile-panel__group{padding-block:.5rem}}@media (width<=480px){.tool-shell{padding-top:.75rem}.tool-shell__head{gap:.75rem;padding-bottom:1rem}.tool-shell__icon{border-radius:12px;width:42px;height:42px}.tool-shell__icon .icon{width:20px;height:20px}}@media (width<=440px){.category-card,.tool-card{padding:.875rem}.page-head{padding-block:1.5rem 1.25rem}}@media (width<=400px){.header-inner{gap:.5rem}.header-actions{gap:.2rem}.brand__text{font-size:.86rem}}@media (hover:none) and (pointer:coarse){.search-hint{display:none}}@media (width>=1024px){.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.legal-column{max-width:74ch}.btn{--btn-bg:var(--surface-2);--btn-border:var(--border);--btn-color:var(--text);border:1px solid var(--btn-border);border-radius:var(--radius-sm);background:var(--btn-bg);min-height:42px;color:var(--btn-color);white-space:nowrap;transition:transform var(--fast) var(--ease-out), background var(--fast) ease, border-color var(--fast) ease, color var(--fast) ease, box-shadow var(--fast) ease;justify-content:center;align-items:center;gap:.45rem;padding:.55rem 1rem;font-size:.88rem;font-weight:650;line-height:1.2;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--border-strong);background:var(--surface-3);color:var(--text)}.btn:active{transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}.btn svg{flex:none;width:16px;height:16px}.btn--primary{--btn-bg:var(--gradient-brand);--btn-border:transparent;--btn-color:#fff;box-shadow:0 10px 24px #6366f13d}.btn--primary:hover{background:var(--gradient-brand);color:#fff;filter:brightness(1.06);border-color:#0000}.btn--secondary{--btn-bg:var(--surface)}.btn--ghost{--btn-bg:transparent;--btn-border:transparent;--btn-color:var(--text-muted)}.btn--ghost:hover{background:var(--surface-2);border-color:var(--border)}.btn--danger{--btn-bg:var(--danger-soft);--btn-border:#fb718559;--btn-color:var(--danger)}.btn--danger:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.btn--sm{min-height:34px;padding:.35rem .65rem;font-size:.78rem}.btn--icon{width:36px;min-height:36px;padding:0}.btn-row{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.btn-row--end{justify-content:flex-end}.field{gap:.4rem;min-width:0;display:grid}.field__label{color:var(--text);font-size:.8rem;font-weight:650}.field__hint{color:var(--text-subtle);font-size:.8rem;line-height:1.5}.input,.textarea,.select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-soft);width:100%;min-height:42px;color:var(--text);transition:border-color var(--fast) ease, box-shadow var(--fast) ease, background var(--fast) ease;padding:.55rem .7rem;font-size:.9rem}.input:hover,.textarea:hover,.select:hover{border-color:var(--border-strong)}.input:focus-visible,.textarea:focus-visible,.select:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.textarea{resize:vertical;min-height:130px;line-height:1.6}.select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-subtle) 50%), linear-gradient(135deg, var(--text-subtle) 50%, transparent 50%);background-position:calc(100% - 15px),calc(100% - 10px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:2rem}.input[type=number]{font-variant-numeric:tabular-nums}.input-group{gap:.4rem;min-width:0;display:flex}.input-group .input{min-width:0}.input-group .select{flex:none;width:auto}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.field-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.field-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=680px){.field-grid,.field-grid--3,.field-grid--4{grid-template-columns:1fr}}.checkbox,.switch{color:var(--text-muted);cursor:pointer;align-items:center;gap:.5rem;font-size:.84rem;display:inline-flex}.checkbox input,.switch input{width:16px;height:16px;accent-color:var(--accent-strong);flex:none}.segmented{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-soft);flex-wrap:wrap;gap:.2rem;padding:.22rem;display:inline-flex}.segmented__btn{min-height:32px;color:var(--text-muted);transition:background var(--fast) ease, color var(--fast) ease;border-radius:7px;padding:.32rem .65rem;font-size:.78rem;font-weight:650}.segmented__btn:hover{color:var(--text)}.segmented__btn[aria-pressed=true],.segmented__btn.is-active{background:var(--surface-3);color:var(--text);box-shadow:var(--shadow-sm)}.panel{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);overflow:hidden}.panel__head{border-bottom:1px solid var(--border);background:#ffffff04;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem 1rem;padding:.8rem 1rem;display:flex}.panel__title{letter-spacing:.01em;align-items:center;gap:.45rem;font-size:.95rem;font-weight:750;display:flex}.panel__title svg{width:15px;height:15px;color:var(--accent)}.panel__body{padding:1rem}.panel__body--flush{padding:0}.panel+.panel{margin-top:1rem}.status{min-height:1.5rem;color:var(--text-muted);align-items:center;gap:.45rem;font-size:.78rem;display:flex}.status[hidden]{display:none!important}.status--success{color:var(--success)}.status--error{color:var(--danger)}.status--warning{color:var(--warning)}.status svg{width:15px;height:15px}.callout{border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-xs);background:var(--surface-2);color:var(--text-muted);padding:.75rem .85rem;font-size:.82rem;line-height:1.55}.callout>*+*{margin-top:.35rem}.callout code{white-space:nowrap}.callout strong{color:var(--text)}.callout--warn{border-left-color:var(--warning);background:var(--warning-soft)}.callout--danger{border-left-color:var(--danger);background:var(--danger-soft)}.callout--success{border-left-color:var(--success);background:var(--success-soft)}.output{gap:.45rem;display:grid}.output__head{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.output__label{color:var(--text-subtle);letter-spacing:.09em;text-transform:uppercase;font-size:.75rem;font-weight:750}.output__body{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-soft);min-height:120px;max-height:420px;color:var(--text);font-family:var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;padding:.85rem .9rem;font-size:.82rem;line-height:1.6;overflow:auto}.result{border:1px solid var(--border);border-radius:var(--radius-sm);background:linear-gradient(150deg, var(--surface-2), var(--surface));gap:.3rem;padding:1rem;display:grid}.result__label{color:var(--text-subtle);letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;font-weight:750}.result__value{font-family:var(--font-mono);overflow-wrap:anywhere;font-size:clamp(1.2rem,2.6vw,1.7rem);font-weight:700;line-height:1.2}.result__meta{color:var(--text-muted);font-size:.78rem}.result-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:.7rem;display:grid}.result-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.result-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.result-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=720px){.result-grid--3,.result-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=440px){.result-grid--2,.result-grid--3,.result-grid--4{grid-template-columns:1fr}}@media (width<=820px){.panel__head{padding:.7rem .85rem}.panel__body{padding:.85rem}.result,.stat{padding:.75rem .8rem}.output__body{padding:.75rem}.callout{padding:.7rem .8rem}.result-grid{gap:.55rem}}.stat{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);gap:.15rem;padding:.75rem .85rem;display:grid}.stat__label{color:var(--text-subtle);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:700}.stat__value{font-family:var(--font-mono);overflow-wrap:anywhere;font-size:1.05rem;font-weight:700}.table-wrap{border:1px solid var(--border);border-radius:var(--radius-sm);overflow-x:auto}.data-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.82rem}.data-table caption{color:var(--text-subtle);text-align:left;padding:.6rem .7rem;font-size:.72rem}.data-table th,.data-table td{border-bottom:1px solid var(--border);text-align:right;white-space:nowrap;padding:.5rem .65rem}.data-table th:first-child,.data-table td:first-child{text-align:left}.data-table thead th{background:var(--surface-2);color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;z-index:1;font-size:.7rem;font-weight:750;position:sticky;top:0}.data-table tbody tr:hover{background:var(--surface-2)}.data-table tbody tr:last-child td{border-bottom:0}.badge{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-muted);align-items:center;gap:.3rem;padding:.22rem .5rem;font-size:.75rem;font-weight:650;text-decoration:none;display:inline-flex}.badge--accent{color:var(--accent);background:#7c8cff1f;border-color:#7c8cff59}.badge--success{background:var(--success-soft);color:var(--success);border-color:#34d39959}.badge--warning{background:var(--warning-soft);color:var(--warning);border-color:#fbbf2459}.badge--danger{background:var(--danger-soft);color:var(--danger);border-color:#fb718559}.tag-list{flex-wrap:wrap;gap:.35rem;display:flex}.tag-list a{text-decoration:none}.editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.editor{gap:.4rem;min-width:0;display:grid}.editor__head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.editor__label{color:var(--text-subtle);letter-spacing:.09em;text-transform:uppercase;font-size:.75rem;font-weight:750}.editor__area{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-soft);width:100%;min-height:280px;color:var(--text);font-family:var(--font-mono);resize:vertical;tab-size:2;white-space:pre;padding:.8rem .85rem;font-size:.8rem;line-height:1.6;overflow:auto}.editor__area:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}@media (width<=900px){.editor-grid{grid-template-columns:1fr}}.range{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.8rem;display:grid}.range input[type=range]{width:100%;accent-color:var(--accent-strong)}.range output{min-width:3.5rem;color:var(--text-muted);font-family:var(--font-mono);text-align:right;font-size:.8rem}.toast-region{z-index:99;pointer-events:none;gap:.45rem;width:min(360px,100vw - 2rem);display:grid;position:fixed;bottom:1rem;right:1rem}.toast{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-lg);color:var(--text-muted);animation:toast-in var(--normal) var(--ease-out);align-items:center;gap:.55rem;padding:.7rem .85rem;font-size:.82rem;display:flex}.toast--success{border-color:#34d39959}.toast--error{border-color:#fb718559}.toast svg{flex:none;width:16px;height:16px}.toast--success svg{color:var(--success)}.toast--error svg{color:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}}.empty-state{text-align:center;color:var(--text-subtle);padding:2rem 1rem;font-size:.86rem}.stat-strip{flex-wrap:wrap;gap:.5rem;display:flex}.stat-strip .stat{flex:110px}.notice{color:var(--text-subtle);align-items:flex-start;gap:.5rem;font-size:.8rem;line-height:1.5;display:flex}.notice svg{flex:none;width:14px;height:14px;margin-top:.15rem}.tool-note{border-top:1px dashed var(--border);color:var(--text-subtle);margin-top:.8rem;padding-top:.8rem;font-size:.76rem}.tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.25rem;padding-bottom:.6rem;display:flex}.tab{border-radius:var(--radius-xs);color:var(--text-muted);padding:.4rem .7rem;font-size:.8rem;font-weight:650}.tab[aria-selected=true],.tab.is-active{background:var(--surface-2);color:var(--text)}.tab-panel[hidden]{display:none}.color-swatch{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;height:46px}.meter{border-radius:var(--radius-pill);background:var(--surface-3);height:8px;overflow:hidden}.meter__bar{border-radius:inherit;background:var(--gradient-brand);height:100%;transition:width .12s linear}@media (width<=640px){.btn,.btn--sm,.input,.select,.segmented__btn,.checkbox,.switch,.range input[type=range]{min-height:44px}}@media (width<=440px){.panel__head{align-items:flex-start;gap:.35rem .6rem;padding:.6rem .7rem}.panel__body,.callout,.result,.stat,.output__body{padding:.7rem}.editor__area{padding:.7rem .75rem}}.panel__body>*+*{margin-top:1rem}.panel__body p,.panel__body li{max-width:68ch}.tool-card-panel{padding:clamp(1rem,2.5vw,1.5rem)}.tool-section+.tool-section{margin-top:1.2rem}.tool-section__title{letter-spacing:.09em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:.7rem;font-size:.78rem;font-weight:800}.calc{gap:.75rem;max-width:520px;display:grid}.calc__top{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.calc__display{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-soft);gap:.3rem;min-height:108px;padding:.9rem 1rem;display:grid}.calc__expression{min-height:1.4em;color:var(--text-muted);font-family:var(--font-mono);overflow-wrap:anywhere;font-size:1rem}.calc__result{color:var(--text-subtle);font-family:var(--font-mono);text-align:right;overflow-wrap:anywhere;font-size:1.7rem;font-weight:700}.calc__keys{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;display:grid}.calc__keys--scientific{grid-template-columns:repeat(5,minmax(0,1fr))}.calc-key{border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--surface-2);min-height:46px;color:var(--text);font-family:var(--font-mono);transition:background var(--fast) ease, border-color var(--fast) ease, transform var(--fast) ease;font-size:.92rem;font-weight:650}.calc-key:hover{background:var(--surface-3);border-color:var(--border-strong)}.calc-key:active{transform:scale(.97)}.calc-key--op{color:var(--accent)}.calc-key--eq{background:var(--gradient-brand);color:#fff;border-color:#0000}.calc-key--eq:hover{background:var(--gradient-brand);filter:brightness(1.06)}.calc-key--fn{color:var(--text-muted);font-size:.78rem}.calc-key--wide{grid-column:span 2}@media (width<=440px){.calc__keys{gap:.3rem}.calc-key{min-height:42px;font-size:.84rem}.calc__keys--scientific{grid-template-columns:repeat(4,minmax(0,1fr))}}.unit-swap{align-self:end;margin-bottom:.15rem}.bmi-scale{grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;margin-top:.8rem;display:grid}.bmi-scale__item{border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--surface-2);color:var(--text-subtle);text-align:center;transition:background var(--normal) ease, color var(--normal) ease, border-color var(--normal) ease;padding:.55rem .5rem;font-size:.68rem}.bmi-scale__item strong{color:var(--text-muted);font-size:.78rem;display:block}.bmi-scale__item.is-active{border-color:var(--accent);color:var(--text);background:#7c8cff1f}.bmi-scale__item.is-active strong{color:var(--accent)}@media (width<=520px){.bmi-scale{grid-template-columns:repeat(2,minmax(0,1fr))}}.age-result{flex-wrap:wrap;gap:.6rem;margin-top:.8rem;display:flex}.age-result .stat{flex:120px}.loan-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}@media (width<=700px){.loan-summary{grid-template-columns:1fr}}.percent-block{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);padding:1rem}.percent-block+.percent-block{margin-top:.8rem}@media (width<=820px){.percent-block{padding:.75rem}}.percent-block__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.4rem 1rem;margin-bottom:.8rem;display:flex}.percent-block__title{font-size:.9rem;font-weight:700}.percent-block__formula{color:var(--text-subtle);font-family:var(--font-mono);font-size:.7rem}.percent-result{border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--bg-soft);color:var(--text);font-family:var(--font-mono);overflow-wrap:anywhere;margin-top:.8rem;padding:.6rem .75rem;font-size:.95rem}.color-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:1rem;display:grid}@media (width<=720px){.color-grid{grid-template-columns:1fr}}.color-row{border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--surface-2);grid-template-columns:1fr auto;align-items:center;gap:.5rem;padding:.55rem .65rem;display:grid}.color-row+.color-row{margin-top:.35rem}.color-row__label{color:var(--text-subtle);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:750}.color-row__value{font-family:var(--font-mono);overflow-wrap:anywhere;margin-top:.05rem;font-size:.8rem}.color-preview{border:1px solid var(--border);border-radius:var(--radius-md);min-height:160px}.qr-preview{aspect-ratio:1;border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--surface-2);place-items:center;width:min(100%,420px);margin-inline:auto;padding:1rem;display:grid;overflow:hidden}.qr-preview canvas,.qr-preview img,.qr-preview svg{aspect-ratio:1;border-radius:6px;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.qr-preview[data-empty=true]:after{content:"Your QR code appears here";color:var(--text-subtle);font-size:.82rem}.totp{border:1px solid var(--border);border-radius:var(--radius-md);background:linear-gradient(160deg, var(--surface-2), var(--surface));text-align:center;justify-items:center;gap:.6rem;padding:1.2rem;display:grid}.totp__code{font-family:var(--font-mono);letter-spacing:.18em;overflow-wrap:anywhere;font-size:clamp(2rem,7vw,3rem);font-weight:800;line-height:1}.totp__countdown{color:var(--text-muted);font-size:.8rem}.totp .meter{width:min(260px,100%)}.diff-view{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-soft);min-height:140px;max-height:420px;font-family:var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;padding:.9rem;font-size:.8rem;line-height:1.7;overflow:auto}.diff-view .diff-add{background:var(--success-soft);color:var(--success);text-decoration:none}.diff-view .diff-remove{background:var(--danger-soft);color:var(--danger);text-decoration:line-through}.diff-view .diff-same{color:var(--text-muted)}.timezone-combobox{position:relative}.timezone-list{z-index:20;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);max-height:230px;box-shadow:var(--shadow-lg);margin:0;padding:.35rem;list-style:none;position:absolute;top:calc(100% + .35rem);left:0;right:0;overflow-y:auto}.timezone-list[hidden]{display:none}.timezone-list li{color:var(--text-muted);cursor:pointer;border-radius:6px;padding:.42rem .55rem;font-size:.82rem}.timezone-list li:hover,.timezone-list li[data-active=true]{background:var(--surface-2);color:var(--text)}.cron-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem;display:grid}@media (width<=900px){.cron-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.cron-grid{grid-template-columns:1fr}}.cron-field{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);padding:.7rem}.cron-field legend{color:var(--text-subtle);letter-spacing:.08em;text-transform:uppercase;padding-inline:.2rem;font-size:.68rem;font-weight:800}.cron-field__options{gap:.3rem;margin-top:.45rem;display:grid}.cron-radio{color:var(--text-muted);cursor:pointer;align-items:center;gap:.4rem;font-size:.76rem;display:flex}.cron-radio input{accent-color:var(--accent-strong)}.cron-radio input[type=number],.cron-radio input[type=text]{border:1px solid var(--border);background:var(--bg-soft);border-radius:5px;width:4.2rem;min-height:26px;margin-left:auto;padding:.15rem .35rem;font-size:.72rem}.example-grid{flex-wrap:wrap;gap:.4rem;display:flex}.example-btn{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-muted);font-family:var(--font-mono);padding:.4rem .6rem;font-size:.68rem}.example-btn:hover{border-color:var(--accent);color:var(--accent)}.code-output{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-soft);min-height:120px;max-height:360px;font-family:var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;padding:.85rem;font-size:.78rem;line-height:1.65;overflow:auto}.meta-preview{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);gap:.4rem;padding:.9rem;display:grid}.meta-preview__image{aspect-ratio:1.91;border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--surface-3);object-fit:cover;width:100%}.meta-preview__domain{color:var(--text-subtle);text-transform:lowercase;font-size:.7rem}.meta-preview__title{font-size:.95rem;font-weight:700}.meta-preview__desc{color:var(--text-muted);font-size:.78rem}.path-rows{gap:.4rem;display:grid}.path-row{grid-template-columns:minmax(0,1fr) auto;gap:.4rem;display:grid}.url-rows{gap:.5rem;display:grid}.url-row{grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr) minmax(0,.8fr) auto;align-items:end;gap:.4rem;display:grid}@media (width<=700px){.url-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.url-row .url-path{grid-column:1/-1}}.ip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}@media (width<=700px){.ip-grid{grid-template-columns:1fr}}.info-list{gap:.05rem;margin:0;padding:0;list-style:none;display:grid}.info-list li{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:baseline;gap:1rem;padding:.4rem .1rem;font-size:.8rem;display:flex}.info-list li:last-child{border-bottom:0}.info-list dt,.info-list .info-label{color:var(--text-subtle);flex:none}.info-list dd,.info-list .info-value{color:var(--text);font-family:var(--font-mono);text-align:right;overflow-wrap:anywhere;margin:0;font-size:.76rem}.encryption-envelope{max-height:180px}.swatch-inline{border:1px solid var(--border);vertical-align:-2px;border-radius:4px;width:14px;height:14px;display:inline-block}.alert{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-muted);gap:.3rem;padding:.8rem .9rem;font-size:.82rem;display:grid}.alert--error{background:var(--danger-soft);color:var(--danger);border-color:#fb718566}.alert--success{background:var(--success-soft);color:var(--success);border-color:#34d39966}.key-value{grid-template-columns:auto minmax(0,1fr);gap:.35rem .8rem;font-size:.78rem;display:grid}.key-value dt{color:var(--text-subtle)}.key-value dd{font-family:var(--font-mono);overflow-wrap:anywhere;margin:0}.mini-sep{color:var(--text-subtle);opacity:.5}@media (width<=440px){.calc-key{min-height:46px}.qr-preview{padding:.75rem}}@media (width>=641px){.calc{margin-inline:auto}}.panel__body .percent-block{border-color:#0000;border-top:1px solid var(--border);background:0 0;border-radius:0;padding:.7rem .85rem}.panel__body .percent-block:first-of-type{border-top:0}.panel__body .percent-block+.percent-block{margin-top:.5rem}@view-transition{navigation:auto}#page{view-transition-name:page-content}#page:focus{outline:none}.site-header{view-transition-name:site-header}.site-footer{view-transition-name:site-footer}::view-transition-old(page-content){animation:page-old var(--transition-page) var(--ease-in-out) both}::view-transition-new(page-content){animation:page-new var(--transition-page) var(--ease-out) both}::view-transition-old(site-header),::view-transition-new(site-header),::view-transition-old(site-footer),::view-transition-new(site-footer){animation:none}@keyframes page-old{to{opacity:0;transform:translateY(-6px)scale(.995)}}@keyframes page-new{0%{opacity:0;transform:translateY(8px)scale(.995)}}.htmx-swapping{opacity:.55;transition:opacity 90ms}.htmx-settling{opacity:1}.htmx-request .page-progress,.htmx-request.page-progress{opacity:1;transform:scaleX(.7)}.page-progress{z-index:120;background:var(--gradient-brand);transform-origin:0;opacity:0;height:2px;transition:transform 1.6s var(--ease-out), opacity .2s ease;pointer-events:none;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}@media (prefers-reduced-motion:reduce){::view-transition-old(page-content),::view-transition-new(page-content){animation-duration:1ms!important}.htmx-swapping{opacity:1}}:root[data-theme=dark] [data-astro-cid-nen7h5rs][data-theme-icon=sun],:root[data-theme=light] [data-astro-cid-nen7h5rs][data-theme-icon=moon]{display:none}.theme-icon[data-astro-cid-nen7h5rs]{display:inline-flex}@media (width<=940px){.mobile-panel[data-astro-cid-nen7h5rs]{display:block}}