.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.7rem 1.25rem;border-radius:var(--r-full);font-size:var(--step--1);font-weight:700;line-height:1;border:1.5px solid transparent;transition:transform var(--t-fast) var(--ease-spring),box-shadow var(--t-med) var(--ease-out),background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out);text-align:center;white-space:nowrap}.btn:hover{text-decoration:none;transform:translateY(-2px)}.btn:active{transform:translateY(0) scale(.985)}.btn svg{width:17px;height:17px;flex:0 0 17px}.btn--primary{background:linear-gradient(135deg,var(--accent-400),var(--accent-600));color:#2a1503;box-shadow:0 6px 18px rgba(221,109,2,.28)}.btn--primary:hover{color:#2a1503;box-shadow:0 10px 26px rgba(221,109,2,.34)}.btn--brand{background:linear-gradient(135deg,var(--brand-500),var(--brand-700));color:#fff;box-shadow:0 6px 18px rgba(30,68,216,.26)}.btn--brand:hover{color:#fff;box-shadow:0 10px 26px rgba(30,68,216,.32)}.btn--ghost{background:var(--card-bg);border-color:var(--card-line);color:var(--text)}.btn--ghost:hover{border-color:var(--brand-400);color:var(--brand-text)}.btn--quiet{background:var(--surface-3);color:var(--text);border-color:transparent}.btn--quiet:hover{background:var(--surface-2);color:var(--brand-text)}.btn--sm{min-height:36px;padding:.45rem .85rem;font-size:.82rem}.btn--block{width:100%}.btn[disabled],.btn[aria-disabled="true"]{opacity:.55;pointer-events:none}.ripple{position:absolute;border-radius:50%;transform:scale(0);background:rgba(255,255,255,.45);pointer-events:none;animation:rippleOut .6s var(--ease-out) forwards}.btn--ghost .ripple,.btn--quiet .ripple{background:rgba(53,99,245,.22)}@keyframes rippleOut{to{transform:scale(2.6);opacity:0}}.card{position:relative;background:var(--card-bg);border:1px solid var(--card-line);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--sh-1);transition:transform var(--t-med) var(--ease-out),box-shadow var(--t-med) var(--ease-out),border-color var(--t-med) var(--ease-out)}.card::after{content:"";position:absolute;inset:1px;border-radius:calc(var(--r-lg) - 1px);border:1px solid var(--rail);pointer-events:none}.card--flat{box-shadow:none}.card--pad-lg{padding:var(--sp-6)}.tool-card{display:flex;flex-direction:column;gap:.55rem;background:var(--card-bg);border:1px solid var(--card-line);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--sh-1);overflow:hidden;position:relative;transition:transform var(--t-med) var(--ease-out),box-shadow var(--t-med) var(--ease-out),border-color var(--t-med) var(--ease-out)}.tool-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--cat,var(--brand-500)),transparent);transform:scaleX(0);transform-origin:0 50%;transition:transform var(--t-med) var(--ease-out)}.tool-card:hover{transform:translateY(-4px);box-shadow:var(--sh-3);border-color:var(--brand-200)}.tool-card:hover::before{transform:scaleX(1)}.tool-card__icon{width:38px;height:38px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--cat,var(--brand-500)) 14%,transparent);color:var(--cat,var(--brand-500))}@supports not (background:color-mix(in srgb,red 10%,transparent)){.tool-card__icon{background:var(--surface-3)}}.tool-card__icon svg{width:19px;height:19px}.tool-card h3{margin:0;font-size:var(--step-0);font-weight:700;line-height:1.35}.tool-card h3 a{color:var(--text)}.tool-card h3 a:hover{color:var(--brand-text);text-decoration:none}.tool-card h3 a::after{content:"";position:absolute;inset:0}.tool-card p{margin:0;font-size:var(--step--1);color:var(--text-soft);line-height:1.6}.tool-card__meta{margin-top:auto;padding-top:var(--sp-3);font-size:.78rem;color:var(--text-faint);display:flex;align-items:center;gap:.4rem}.cat-tile{position:relative;display:block;padding:var(--sp-5);border:1px solid var(--card-line);border-radius:var(--r-lg);background:var(--card-bg);box-shadow:var(--sh-1);overflow:hidden;transition:transform var(--t-med) var(--ease-out),box-shadow var(--t-med) var(--ease-out)}.cat-tile:hover{transform:translateY(-4px);box-shadow:var(--sh-3);text-decoration:none}.cat-tile::before{content:"";position:absolute;inset:0;border-radius:var(--r-lg);padding:1.5px;background:linear-gradient(120deg,var(--cat),transparent 55%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--t-med) var(--ease-out)}.cat-tile:hover::before{opacity:1}.cat-tile__top{display:flex;align-items:center;gap:.7rem;margin-bottom:var(--sp-3)}.cat-tile__icon{width:44px;height:44px;border-radius:13px;flex:0 0 44px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--cat) 15%,transparent);color:var(--cat)}@supports not (background:color-mix(in srgb,red 10%,transparent)){.cat-tile__icon{background:var(--surface-3)}}.cat-tile__icon svg{width:22px;height:22px}.cat-tile h3{margin:0;font-size:var(--step-1);color:var(--text)}.cat-tile__count{font-size:var(--step--1);color:var(--text-faint);font-weight:600}.cat-tile p{font-size:var(--step--1);color:var(--text-soft);margin:0 0 var(--sp-3)}.cat-tile__list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.35rem}.cat-tile__list li{margin:0;font-size:.78rem;color:var(--text-faint);background:var(--surface-2);padding:.2rem .5rem;border-radius:var(--r-full)}.chip{display:inline-flex;align-items:center;gap:.4rem;min-height:36px;padding:.34rem .8rem;border-radius:var(--r-full);background:var(--surface-2);border:1.5px solid var(--card-line);font-size:var(--step--1);font-weight:600;color:var(--text);transition:all var(--t-fast) var(--ease-out)}.chip:hover{border-color:var(--brand-300);color:var(--brand-text);text-decoration:none}.chip[aria-pressed="true"],.chip.is-active{background:var(--brand-600);border-color:var(--brand-600);color:#fff}.chip svg{width:15px;height:15px}.chip-row{display:flex;flex-wrap:wrap;gap:.5rem}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.18rem .55rem;border-radius:var(--r-full);font-size:.74rem;font-weight:700;letter-spacing:.02em;background:var(--surface-3);color:var(--text-soft)}.badge--cat{background:color-mix(in srgb,var(--cat) 14%,transparent);color:var(--cat)}@supports not (background:color-mix(in srgb,red 10%,transparent)){.badge--cat{background:var(--surface-3);color:var(--text-soft)}}.badge--new{background:var(--accent-100);color:var(--accent-800)}.meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem var(--sp-4);font-size:var(--step--1);color:var(--text-soft);padding-bottom:var(--sp-5);margin-bottom:var(--sp-5);border-bottom:1px solid var(--card-line)}.meta-row>*{display:inline-flex;align-items:center;gap:.4rem}.meta-row svg{width:15px;height:15px;color:var(--text-faint)}.meta-btn{color:var(--text-soft);font-weight:600;background:none;border:0;padding:.2rem;border-radius:var(--r-sm)}.meta-btn:hover{color:var(--brand-text)}.meta-btn[aria-pressed="true"]{color:var(--accent-600)}.meta-btn[aria-pressed="true"] svg{fill:currentColor}.meta-btn.is-burst svg{animation:burst .45s var(--ease-spring)}@keyframes burst{0%{transform:scale(1)}45%{transform:scale(1.45)}100%{transform:scale(1)}}.lede{font-size:var(--step-1);line-height:1.6;color:var(--text-soft);max-width:62ch;margin-bottom:var(--sp-5)}.callout{display:flex;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-radius:var(--r-md);border:1px solid var(--card-line);border-left-width:4px;background:var(--surface-2);font-size:var(--step--1);line-height:1.65;margin:var(--sp-5) 0}.callout p{margin:0}.callout p+p{margin-top:.6rem}.callout strong{display:block;margin-bottom:.2rem}.callout svg{width:19px;height:19px;flex:0 0 19px;margin-top:.15rem}.callout--warn{border-left-color:var(--warn);color:var(--text)}.callout--warn svg{color:var(--warn)}.callout--info{border-left-color:var(--info)}.callout--info svg{color:var(--info)}.callout--ok{border-left-color:var(--ok)}.callout--ok svg{color:var(--ok)}.callout--danger{border-left-color:var(--danger)}.callout--danger svg{color:var(--danger)}.formula{background:var(--code-bg);border:1px solid var(--card-line);border-left:4px solid var(--brand-500);border-radius:var(--r-md);padding:var(--sp-5);font-family:var(--font-mono);font-size:var(--step-0);line-height:1.9;overflow-x:auto;margin:var(--sp-4) 0 var(--sp-5);color:var(--text)}.formula b{color:var(--brand-text);font-weight:700}.formula .fx{display:block;margin-bottom:.4rem}.formula .fx:last-child{margin-bottom:0}.formula small{display:block;font-family:var(--font-sans);font-size:var(--step--1);color:var(--text-soft);margin-top:var(--sp-3)}.steps{counter-reset:step;list-style:none;padding:0;margin:0 0 var(--sp-5)}.steps li{counter-increment:step;position:relative;padding-left:2.6rem;margin-bottom:var(--sp-4)}.steps li::before{content:counter(step);position:absolute;left:0;top:0;width:1.85rem;height:1.85rem;border-radius:var(--r-full);background:var(--brand-600);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:700;font-family:var(--font-mono)}.faq{border-top:1px solid var(--card-line)}.faq__item{border-bottom:1px solid var(--card-line)}.faq__q{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-4) 0;text-align:left;font-weight:700;font-size:var(--step-0);color:var(--text);line-height:1.45;min-height:44px}.faq__q:hover{color:var(--brand-text)}.faq__q svg{width:18px;height:18px;flex:0 0 18px;margin-top:.2rem;color:var(--text-faint);transition:transform var(--t-med) var(--ease-out)}.faq__q[aria-expanded="true"] svg{transform:rotate(180deg);color:var(--brand-text)}.faq__a{max-height:0;overflow:hidden;transition:max-height var(--t-med) var(--ease-out)}.faq__a>div{padding:0 0 var(--sp-4);color:var(--text-soft);max-width:70ch}.faq__a p:last-child{margin-bottom:0}.modal{position:fixed;inset:0;z-index:100;display:none;padding:clamp(var(--sp-5),8vh,var(--sp-9)) var(--sp-4) var(--sp-5)}.modal.is-open{display:block;visibility:visible}.modal__backdrop{position:absolute;inset:0;background:var(--overlay);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:fadeIn var(--t-fast) linear}.modal__panel{position:relative;max-width:640px;margin-inline:auto;background:var(--card-bg);border:1px solid var(--card-line);border-radius:var(--r-xl);box-shadow:var(--sh-3);overflow:hidden;animation:modalIn .28s var(--ease-out)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes modalIn{from{opacity:0;transform:translateY(-14px) scale(.98)}to{opacity:1;transform:none}}.modal__search{display:flex;align-items:center;gap:.7rem;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--card-line)}.modal__search svg{width:20px;height:20px;color:var(--text-faint);flex:0 0 20px}.modal__search input{border:0;background:none;padding:0;font-size:var(--step-1);min-height:34px}.modal__search input:focus{box-shadow:none;outline:none}.modal__close{padding:.3rem .55rem;border-radius:var(--r-sm);color:var(--text-faint);font-size:.74rem;font-family:var(--font-mono);border:1px solid var(--card-line)}.modal__results{max-height:min(58vh,460px);overflow-y:auto;padding:var(--sp-2)}.modal__section{padding:var(--sp-3) var(--sp-4) var(--sp-1);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);font-weight:700}.result{display:flex;align-items:center;gap:.8rem;width:100%;padding:.65rem var(--sp-4);border-radius:var(--r-md);text-align:left;color:var(--text)}.result:hover,.result.is-active{background:var(--surface-2);text-decoration:none}.result.is-active{box-shadow:inset 0 0 0 1.5px var(--brand-300)}.result__ico{width:32px;height:32px;flex:0 0 32px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-3);color:var(--brand-text)}.result__ico svg{width:16px;height:16px}.result__txt{min-width:0}.result__name{font-weight:600;font-size:var(--step--1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result__cat{font-size:.75rem;color:var(--text-faint)}.result mark{background:var(--accent-200);color:var(--ink);border-radius:3px;padding:0 .1em}.modal__empty{padding:var(--sp-6) var(--sp-5);text-align:center;color:var(--text-soft);font-size:var(--step--1)}.modal__foot{display:flex;flex-wrap:wrap;gap:var(--sp-4);align-items:center;padding:var(--sp-3) var(--sp-5);border-top:1px solid var(--card-line);background:var(--surface-2);font-size:.75rem;color:var(--text-faint)}.modal__foot kbd{font-family:var(--font-mono);border:1px solid var(--card-line);border-radius:4px;padding:.05rem .3rem;background:var(--card-bg)}.toast-wrap{position:fixed;right:var(--sp-5);bottom:var(--sp-5);z-index:120;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{display:flex;align-items:center;gap:.55rem;background:var(--ink);color:#fff;padding:.7rem 1rem;border-radius:var(--r-md);box-shadow:var(--sh-3);font-size:var(--step--1);font-weight:600;animation:toastIn .3s var(--ease-spring)}:root[data-theme="dark"] .toast{background:var(--surface-3);border:1px solid var(--card-line)}.toast.is-out{animation:toastOut .25s var(--ease-out) forwards}.toast svg{width:16px;height:16px;color:var(--accent-300)}@keyframes toastIn{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}@keyframes toastOut{to{opacity:0;transform:translateY(8px)}}@media (max-width:768px){.toast-wrap{right:var(--sp-4);left:var(--sp-4);bottom:calc(var(--sp-4) + 62px)}}.ad-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;margin:var(--sp-6) auto;padding:var(--sp-3);background:var(--surface-2);border:1px dashed var(--card-line);border-radius:var(--r-md);min-height:280px;width:100%;max-width:336px;overflow:hidden}@media (min-width:768px){.ad-slot{min-height:100px;max-width:728px}.ad-slot[data-ad="sidebar-sticky"]{min-height:600px;max-width:300px}}.ad-slot[data-ad="sidebar-sticky"]{min-height:600px;max-width:300px;margin:0}.ad-slot__label{font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);font-weight:700;align-self:flex-start}.consent{position:fixed;left:0;right:0;bottom:0;z-index:110;background:var(--card-bg);border-top:1px solid var(--card-line);box-shadow:0 -10px 30px rgba(11,18,32,.12);transform:translateY(110%);transition:transform var(--t-slow) var(--ease-out);padding:var(--sp-5) 0}.consent.is-open{transform:translateY(0);visibility:visible}.consent .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-4);justify-content:space-between}.consent p{margin:0;font-size:var(--step--1);color:var(--text-soft);max-width:60ch}.consent__actions{display:flex;flex-wrap:wrap;gap:.5rem}.filter-rail{position:sticky;top:calc(var(--header-h) + var(--sp-3));z-index:20;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-line);border-radius:var(--r-lg);padding:var(--sp-4);margin-bottom:var(--sp-6);box-shadow:var(--sh-1)}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.filter-rail{background:var(--card-bg)}}.filter-rail__top{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center;margin-bottom:var(--sp-3)}.filter-rail__search{flex:1 1 260px;position:relative}.filter-rail__search svg{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);width:17px;height:17px;color:var(--text-faint);pointer-events:none}.filter-rail__search input{padding-left:2.5rem}.filter-rail__count{font-size:var(--step--1);color:var(--text-soft);font-weight:600;font-variant-numeric:tabular-nums}.filter-rail__count b{color:var(--brand-text);font-family:var(--font-mono)}.filter-rail select{width:auto;min-width:150px}.filter-grid .tool-card{transition:opacity var(--t-med) var(--ease-out),transform var(--t-med) var(--ease-out)}.filter-grid .tool-card.is-hiding{opacity:0;transform:scale(.96)}.filter-grid .tool-card[hidden]{display:none}.pager{display:flex;flex-wrap:wrap;gap:var(--sp-4);justify-content:space-between;margin-top:var(--sp-7)}.pager a{flex:1 1 240px;display:block;padding:var(--sp-4);border:1px solid var(--card-line);border-radius:var(--r-md);background:var(--card-bg)}.pager a:hover{border-color:var(--brand-300);text-decoration:none}.pager span{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint)}.pager b{display:block;color:var(--text);margin-top:.2rem}.cta-band{position:relative;overflow:hidden;border-radius:var(--r-xl);background:linear-gradient(135deg,var(--brand-800),var(--brand-950) 60%,var(--brand-900));color:#fff;padding:var(--sp-8) var(--sp-6);text-align:center}.cta-band::before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 30% 30%,rgba(53,99,245,.45),transparent 55%),radial-gradient(circle at 72% 68%,rgba(249,147,7,.32),transparent 52%);filter:blur(50px);pointer-events:none}.cta-band>*{position:relative}.cta-band h2{color:#fff;margin-top:0}.cta-band p{color:var(--brand-100);max-width:56ch;margin-inline:auto}.cta-band .btn-row{display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:center;margin-top:var(--sp-5)}.feature{display:flex;flex-direction:column;gap:.6rem;padding:var(--sp-5);border-radius:var(--r-lg);background:var(--card-bg);border:1px solid var(--card-line)}.feature__ico{width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--brand-50);color:var(--brand-600)}:root[data-theme="dark"] .feature__ico{background:var(--surface-3);color:var(--brand-300)}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .feature__ico{background:var(--surface-3);color:var(--brand-300)}}.feature__ico svg{width:21px;height:21px}.feature h3{margin:0;font-size:var(--step-0)}.feature p{margin:0;font-size:var(--step--1);color:var(--text-soft)}.post-card{display:flex;flex-direction:column;gap:.5rem;padding:var(--sp-5);border:1px solid var(--card-line);border-radius:var(--r-lg);background:var(--card-bg);position:relative;transition:transform var(--t-med) var(--ease-out),box-shadow var(--t-med) var(--ease-out)}.post-card:hover{transform:translateY(-3px);box-shadow:var(--sh-2)}.post-card h3{margin:0;font-size:var(--step-1);font-family:var(--font-serif);font-weight:600;line-height:1.28}.post-card h3 a{color:var(--text)}.post-card h3 a::after{content:"";position:absolute;inset:0}.post-card p{margin:0;font-size:var(--step--1);color:var(--text-soft)}.post-card__meta{font-size:.76rem;color:var(--text-faint);display:flex;gap:.6rem;align-items:center}.trust-row{display:flex;flex-wrap:wrap;gap:.6rem}.trust{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .85rem;border-radius:var(--r-full);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:.82rem;font-weight:600;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.trust svg{width:14px;height:14px;color:var(--accent-300)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-4)}@media (max-width:640px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.stat{text-align:center;padding:var(--sp-4) var(--sp-3);border-radius:var(--r-lg);background:var(--card-bg);border:1px solid var(--card-line)}.stat b{display:block;font-family:var(--font-mono);font-size:var(--step-3);font-weight:700;color:var(--brand-text);font-variant-numeric:tabular-nums;line-height:1.1}.stat span{display:block;font-size:var(--step--1);color:var(--text-soft);margin-top:.3rem}.toc{list-style:none;padding:0;margin:0}.toc li{margin-bottom:.35rem}.toc a{font-size:var(--step--1);color:var(--text-soft);display:block;padding:.25rem 0 .25rem .7rem;border-left:2px solid var(--card-line)}.toc a:hover{color:var(--brand-text);border-left-color:var(--brand-400);text-decoration:none}.text-center{text-align:center}.muted{color:var(--text-soft)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.mt-5{margin-top:var(--sp-5)}.mt-6{margin-top:var(--sp-6)}.mt-7{margin-top:var(--sp-7)}.mb-5{margin-bottom:var(--sp-5)}.mb-6{margin-bottom:var(--sp-6)}.flex-row{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center}