*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);margin:0;font-size:17px;line-height:1.6}img,svg{max-width:100%;display:block}a{color:var(--accent-text,var(--accent));text-underline-offset:3px}h1,h2,h3,h4{font-family:var(--font-head);font-weight:var(--head-weight,700);letter-spacing:var(--head-tracking,-.01em);color:var(--head-color,var(--text));margin:0 0 .5em;line-height:1.12}h1{font-size:clamp(2.2rem,5.2vw,3.9rem)}h2{font-size:clamp(1.65rem,3.2vw,2.5rem)}h3{font-size:1.2rem;line-height:1.25}.h1-sm{font-size:clamp(2rem,4vw,3rem)}p{margin:0 0 1em}.skip{background:var(--accent);color:var(--accent-ink);z-index:100;padding:8px 14px;position:absolute;top:0;left:-999px}.skip:focus{top:8px;left:8px}.container{width:100%;max-width:var(--maxw,1160px);margin:0 auto;padding:0 20px}.narrow{max-width:780px}.center{text-align:center}.section{padding:clamp(48px,8vw,96px) 0}.section.alt{background:var(--bg-alt)}.eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--accent-text,var(--accent));margin-bottom:14px;font-size:.78rem;display:block}.lead{color:var(--muted);max-width:64ch;font-size:1.18rem}.sec-head{max-width:760px;margin-bottom:36px}.row-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;max-width:none;display:flex}.more-link{white-space:nowrap;font-weight:600;text-decoration:none}.more-link:hover{text-decoration:underline}.btn{font:600 1rem/1 var(--font-body);border-radius:var(--btn-radius,var(--radius));border:var(--btn-border,1px solid transparent);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:13px 22px;text-decoration:none;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{filter:brightness(1.07)}.btn-ghost{color:var(--text);border:1px solid var(--border);background:0 0}.btn-ghost:hover{border-color:var(--text)}.btn-sm{padding:10px 16px;font-size:.92rem}.btn:disabled{opacity:.6;cursor:wait}.btn-alert{background:var(--alert-ink,#fff);color:var(--alert-bg,#c2410c)}:focus-visible{outline:2px solid var(--accent-text,var(--accent));outline-offset:2px}.site-header{z-index:50;background:var(--header-bg,var(--bg));border-bottom:var(--header-border,1px solid var(--border));position:sticky;top:0}.header-row{align-items:center;gap:24px;min-height:68px;display:flex}.logo{color:var(--text);font-family:var(--font-head);font-weight:var(--head-weight,700);align-items:center;gap:10px;font-size:1.15rem;text-decoration:none;display:inline-flex}.logo-mark{border-radius:var(--logo-radius,8px);background:var(--accent);width:32px;height:32px;color:var(--accent-ink);text-transform:uppercase;place-items:center;font-size:1rem;line-height:1;display:grid}.nav-desktop{gap:26px;margin-left:12px;display:flex}.nav-desktop a{color:var(--muted);font-size:.96rem;font-weight:500;text-decoration:none}.nav-desktop a:hover{color:var(--text)}.header-end{align-items:center;gap:14px;margin-left:auto;display:flex}.lang-switch{border:1px solid var(--border);border-radius:var(--btn-radius,var(--radius));display:flex;overflow:hidden}.lang-switch a{font:600 .78rem var(--font-mono);color:var(--muted);padding:6px 10px;text-decoration:none}.lang-switch a.is-active{background:var(--text);color:var(--bg)}.menu{display:none;position:relative}.menu summary{cursor:pointer;gap:5px;padding:10px;list-style:none;display:grid}.menu summary::-webkit-details-marker{display:none}.menu summary span{background:var(--text);width:22px;height:2px;display:block}.menu-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:4px;min-width:230px;padding:14px;display:grid;position:absolute;top:100%;right:0;box-shadow:0 12px 30px #0000002e}.menu-panel a{color:var(--text);padding:10px;font-weight:500;text-decoration:none}.menu-panel .btn{color:var(--accent-ink);margin-top:6px}@media (width<=860px){.nav-desktop,.header-cta{display:none}.menu{display:block}}.hero{padding-top:clamp(40px,7vw,88px)}.hero-grid{align-items:center;gap:48px;display:grid}.hero-grid.has-aside{grid-template-columns:1.15fr .85fr}@media (width<=900px){.hero-grid.has-aside{grid-template-columns:1fr}}.actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.hero-note{color:var(--muted);margin-top:18px;font-size:.9rem}.panel{background:var(--surface);border:var(--panel-border,1px solid var(--border));border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.panel-title{font:600 .78rem var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:16px}.flow ol{gap:0;margin:0;padding:0;list-style:none;display:grid}.flow li{border-top:1px solid var(--border);align-items:flex-start;gap:14px;padding:14px 0;display:flex}.flow li:first-child{border-top:0}.flow-n{background:var(--accent);width:30px;height:30px;color:var(--accent-ink);font:700 .85rem var(--font-mono);border-radius:50%;flex:none;place-items:center;display:grid}.flow strong{font-family:var(--font-head);display:block}.flow span{color:var(--muted);font-size:.93rem}.code pre{font:.85rem/1.65 var(--font-mono);color:var(--text);margin:0;overflow:auto}.report ul{margin:0;padding:0;list-style:none}.report li{border-top:1px solid var(--border);justify-content:space-between;gap:12px;padding:11px 0;font-size:.95rem;display:flex}.report li:first-child{border-top:0}.st{font:600 .82rem var(--font-mono)}.st-ok{color:var(--ok,#16a34a)}.st-warn{color:var(--warn,#d97706)}.st-bad{color:var(--bad,#dc2626)}.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px;display:grid}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}.grid.cols-4{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}.card{background:var(--surface);border:var(--card-border,1px solid var(--border));border-radius:var(--radius);box-shadow:var(--shadow);color:var(--text);flex-direction:column;gap:10px;padding:26px;text-decoration:none;display:flex}.card h3{margin:0}.card p{color:var(--muted);margin:0;font-size:.97rem}.card.link{transition:transform .14s,box-shadow .14s}.card.link:hover{box-shadow:var(--shadow-hover,var(--shadow));transform:translate(-2px,-2px)}.num{font:700 .9rem var(--font-mono);color:var(--accent-text,var(--accent))}.tag{font:600 .72rem var(--font-mono);text-transform:uppercase;letter-spacing:.08em;background:var(--accent-soft);color:var(--accent-text,var(--accent));border-radius:99px;align-self:flex-start;padding:4px 9px}.tag.soon{border:1px solid var(--border);color:var(--muted);background:0 0}.meta{font:.82rem var(--font-mono);color:var(--muted);margin-top:auto}.more{color:var(--accent-text,var(--accent));margin-top:auto;padding-top:6px;font-weight:600}.features{gap:8px;margin:6px 0 0;padding:0;list-style:none;display:grid}.features li{color:var(--text);padding-left:22px;font-size:.95rem;position:relative}.features li:before{content:"✓";color:var(--accent-text,var(--accent));font-weight:700;position:absolute;left:0}.style-packages .card{padding:30px}.style-tools .card{min-height:150px}.post-meta{font:.82rem var(--font-mono);color:var(--muted)}.post-card .more{padding-top:10px}.chips{flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none;display:flex}.chips li{border:1px solid var(--border);background:var(--surface);border-radius:99px;padding:10px 18px;font-size:.95rem;font-weight:600}.ticker{white-space:nowrap;background:var(--ticker-bg,var(--text));color:var(--ticker-ink,var(--bg));border-block:var(--ticker-border,0);padding:14px 0;overflow:hidden}.ticker-track{font:700 1.05rem var(--font-head);text-transform:uppercase;letter-spacing:.04em;gap:48px;padding-left:48px;animation:40s linear infinite tick;display:inline-flex}.ticker-track span:after{content:"✦";margin-left:48px}@keyframes tick{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.ticker-track{animation:none}html{scroll-behavior:auto}}.faq details{border-top:1px solid var(--border);padding:18px 0}.faq details:last-child{border-bottom:1px solid var(--border)}.faq summary{cursor:pointer;font:600 1.08rem var(--font-head);justify-content:space-between;gap:16px;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--accent-text,var(--accent));font-size:1.4rem;line-height:1}.faq details[open] summary:after{content:"–"}.faq p{color:var(--muted);margin:12px 0 0}.alert-strip{background:var(--alert-bg,#c2410c);color:var(--alert-ink,#fff)}.alert-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-block:20px;display:flex}.alert-row strong{font-family:var(--font-head);font-size:1.15rem;display:block}.alert-row span{opacity:.9}.cta-box{background:var(--cta-bg,var(--surface));color:var(--cta-ink,var(--text));border:var(--card-border,1px solid var(--border));border-radius:var(--radius);box-shadow:var(--shadow);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;padding:clamp(28px,5vw,48px);display:flex}.cta-box h2{color:inherit;margin-bottom:.3em}.cta-box p{color:inherit;opacity:.85;max-width:56ch;margin:0}.cta-box.small{margin-top:56px}.cta-box.small h2{font-size:1.5rem}.form-wrap{grid-template-columns:.8fr 1.2fr;align-items:start;gap:48px;display:grid}@media (width<=900px){.form-wrap{grid-template-columns:1fr;gap:24px}}.form-wrap .sec-head{margin:0}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field.full{grid-column:1/-1}@media (width<=600px){.form-grid{grid-template-columns:1fr}}.label{font-size:.9rem;font-weight:600}.label b{color:var(--accent-text,var(--accent))}input,textarea,select{font:inherit;color:var(--text);background:var(--input-bg,var(--bg));border:var(--input-border,1px solid var(--border));border-radius:var(--input-radius,var(--radius));width:100%;padding:12px 14px}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent-text,var(--accent));outline-offset:1px}.hp{opacity:0;width:1px;height:1px;left:-9999px;position:absolute!important}.form-foot{flex-wrap:wrap;align-items:center;gap:18px;margin-top:20px;display:flex}.form-status{margin:0;font-size:.95rem;font-weight:600}.form-status[data-state=ok]{color:var(--ok,#16a34a)}.form-status[data-state=error]{color:var(--bad,#dc2626)}.form-privacy{color:var(--muted);margin:16px 0 0;font-size:.82rem}.form-body{border:0;min-width:0;margin:0;padding:0}.form-body:disabled .field{opacity:.55}.form.is-sending .btn{cursor:wait}.form.is-sending .btn:after{content:"";border:2px solid;border-right-color:#0000;border-radius:50%;width:1em;height:1em;animation:.7s linear infinite form-spin}@keyframes form-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.form.is-sending .btn:after{animation-duration:2s}}.form-done{text-align:center;outline:none;flex-direction:column;align-items:center;gap:18px;padding:clamp(28px,6vw,56px) 12px;display:flex}.form-done-icon{background:var(--accent);width:72px;height:72px;color:var(--accent-ink);font:800 2.2rem/1 var(--font-head);border-radius:50%;place-items:center;display:grid}.form-done p{text-wrap:balance;max-width:30ch;font:var(--head-weight,700) clamp(1.3rem,2.6vw,1.7rem)/1.3 var(--font-head);color:var(--text);margin:0}.site-footer{border-top:var(--header-border,1px solid var(--border));background:var(--footer-bg,var(--bg-alt));color:var(--footer-ink,var(--text));padding-top:48px}.footer-row{flex-wrap:wrap;justify-content:space-between;gap:32px;padding-bottom:32px;display:flex}.footer-tag{max-width:38ch;color:var(--muted);margin:14px 0 0;font-size:.95rem}.footer-links{flex-wrap:wrap;align-content:flex-start;gap:10px 26px;display:flex}.footer-links a{color:var(--text);font-weight:500;text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-block:20px;font-size:.85rem;display:flex}.back{margin-bottom:24px;font-weight:600;text-decoration:none;display:inline-block}.prose{font-size:1.06rem;line-height:1.75}.prose h2{margin:2em 0 .6em;font-size:1.6rem}.prose h3{margin:1.6em 0 .5em;font-size:1.25rem}.prose ul,.prose ol{padding-left:1.3em}.prose li{margin-bottom:.4em}.prose code{font-family:var(--font-mono);background:var(--accent-soft);border-radius:4px;padding:2px 6px;font-size:.9em}.prose pre{background:var(--code-bg,#0f172a);color:var(--code-ink,#e2e8f0);border-radius:var(--radius);padding:18px;font-size:.9rem;overflow:auto}.prose pre code{color:inherit;background:0 0;padding:0}.prose blockquote{border-left:4px solid var(--accent);color:var(--muted);margin:1.5em 0;padding-left:18px}.prose table{border-collapse:collapse;width:100%;margin:1.5em 0;font-size:.95rem}.prose th,.prose td{border:1px solid var(--border);text-align:left;padding:8px 12px}.tool-section{padding-top:0}.toolbox{gap:18px;padding:clamp(20px,3vw,32px)}.tabs{border-bottom:1px solid var(--border);gap:6px;display:flex}.tab{font:600 1rem var(--font-body);color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px}.tab.is-active{color:var(--text);border-bottom-color:var(--accent)}.tool-form{flex-wrap:wrap;gap:12px;display:flex}.tool-form input{font-family:var(--font-mono);flex:260px}.seg{border:1px solid var(--border);border-radius:var(--radius);display:flex;overflow:hidden}.seg-btn{font:600 .9rem var(--font-mono);color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 16px}.seg-btn.is-active{background:var(--accent);color:var(--accent-ink)}.term{background:var(--code-bg,#0b0f14);color:var(--code-ink,#d6e4f0);border-radius:var(--radius);font:.88rem/1.7 var(--font-mono);min-height:210px;margin:0;padding:18px;overflow:auto}.note{color:var(--muted);margin:0;font-size:.85rem}.calc-section{padding-top:0}.calc-grid{grid-template-columns:1.2fr .8fr;align-items:start;gap:24px;display:grid}@media (width<=900px){.calc-grid{grid-template-columns:1fr}}.label-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.custom{font:600 .85rem var(--font-mono);color:var(--muted);align-items:center;gap:10px;display:flex}.custom input{width:110px;font-family:var(--font-mono);padding:8px 10px}.chips-row{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border);background:var(--bg);color:var(--text);font:600 .9rem var(--font-mono);cursor:pointer;border-radius:99px;padding:9px 14px}.chip.is-active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.97rem}.table th{font:600 .74rem var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);text-align:left;border-bottom:1px solid var(--border);padding:10px 12px}.table td{border-bottom:1px solid var(--border);padding:12px}.table td[data-out]{font:600 1rem var(--font-mono)}.tier-row{cursor:pointer}.tier-row:hover td{background:var(--accent-soft)}.tiers{margin-top:56px}.tiers h2{font-size:1.7rem}.share-card{background:var(--share-bg,#0e1b3d);color:var(--share-ink,#fff);border-radius:var(--radius);flex-direction:column;gap:6px;padding:30px;display:flex}.share-card .eyebrow{color:var(--share-accent,#b9c4de)}.share-pct{font:700 3.2rem/1 var(--font-head)}.share-pct span{font-size:inherit}.share-sub{color:var(--share-accent,#b9c4de);margin:0;font-size:.92rem}.share-big{font:700 2.1rem/1.1 var(--font-head);margin-top:8px}.share-row{grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0;display:grid}.share-row div{background:#ffffff14;border-radius:10px;padding:12px}.share-row b{font:600 1rem var(--font-mono);display:block}.share-row span{color:var(--share-accent,#b9c4de);font-size:.78rem}.share-link{font:.9rem var(--font-mono);color:var(--share-accent,#b9c4de);margin-bottom:12px}.share-note{color:var(--share-accent,#b9c4de);margin:8px 0 0;font-size:.78rem}.banner{background:var(--accent-soft);border:1px dashed var(--accent);border-radius:var(--radius);margin-bottom:28px;padding:12px 18px;font-size:.92rem}.catalog-controls{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.catalog-controls input{flex:260px}.catalog-controls select{width:auto}.filter-row{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.featured{border-color:var(--accent);margin-bottom:28px}.featured .by{font:.85rem var(--font-mono);color:var(--muted)}[hidden]{display:none!important}.cookie-notice{z-index:50;background:var(--bg);max-width:480px;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow,0 10px 30px #00000026);align-items:center;gap:18px;padding:16px 18px;animation:.25s ease-out cookie-in;display:flex;position:fixed;bottom:16px;right:16px}.cookie-notice[hidden]{display:none}.cookie-notice p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.45}.cookie-notice a{color:var(--text)}.cookie-notice .btn{flex:none}@keyframes cookie-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (width<=520px){.cookie-notice{flex-direction:column;align-items:stretch;gap:14px;max-width:none;left:16px}}@media (prefers-reduced-motion:reduce){.cookie-notice{animation:none}}.footer-legal{flex-wrap:wrap;align-items:center;gap:6px 18px;display:flex}.footer-legal a{color:inherit}.legal-button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.legal-button:hover,.footer-legal a:hover{color:var(--text)}.form-privacy a{color:inherit}.legal-updated{color:var(--muted);font-size:.9rem}.legal-toc{border:1px solid var(--border);border-radius:var(--radius);margin:24px 0 8px;padding:16px 20px}.legal-toc ol{columns:2;column-gap:32px;margin:0;padding-left:1.3em}.legal-toc li{break-inside:avoid;margin:0 0 .35em}@media (width<=620px){.legal-toc ol{columns:1}}.browser{color:#101010;background:#fff;margin:18px 22px 34px 0;padding:0;position:relative}.browser-bar{border-bottom:var(--panel-border,1px solid var(--border));gap:6px;padding:12px 14px;display:flex}.browser-bar i{background:#ff6b9a;border:1px solid #101010;border-radius:50%;width:10px;height:10px}.browser-bar i:nth-child(2){background:#ffd23f}.browser-bar i:nth-child(3){background:#7ee0a1}.browser-body{gap:10px;padding:20px 18px 70px;display:grid}.browser-body b{background:#d9d9d2;border-radius:5px;height:9px;display:block}.browser-body .bl{background:#101010;border-radius:4px;width:58%;height:16px}.browser-body .short{width:72%}.browser-body .bbig{background:var(--accent);border:var(--panel-border,1px solid var(--border));border-radius:8px;height:72px;margin-top:6px}.bgrid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.browser-body .bgrid b{border:var(--panel-border,1px solid var(--border));background:#dce0ff;border-radius:8px;height:44px}.browser-body .bgrid b+b{background:#ffc7d9}.browser-badge{font:800 1rem var(--font-head);background:#ff6b9a;border:2px solid #101010;border-radius:8px;padding:6px 12px;position:absolute;top:-20px;right:-20px;transform:rotate(5deg);box-shadow:3px 3px #101010}.browser-chat{background:#fff;border:2px solid #101010;border-radius:10px;padding:10px 14px;font-size:.9rem;line-height:1.35;position:absolute;bottom:-28px;left:22%;right:-22px;transform:rotate(-3deg);box-shadow:4px 4px #101010}.browser-chat small{font:700 .66rem var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:#2b3bff;margin-bottom:3px;display:block}.topbar{background:var(--topbar-bg,#0f1b2d);color:var(--topbar-ink,#c9d4e0);font-size:.8rem}.topbar .container{align-items:center;min-height:36px;display:flex}.chips-section{background:var(--chips-bg,var(--bg-alt))}:root{--bg:#fff;--bg-alt:#f5f6f8;--surface:#fff;--border:#e3e6ec;--text:#14213d;--muted:#3d4a63;--accent:#ff8a3d;--accent-ink:#14213d;--accent-text:#c2570f;--accent-soft:#ffe3d1;--radius:16px;--shadow:0 1px 2px #14213d0d;--shadow-hover:0 8px 22px #14213d1a;--logo-radius:10px;--font-head:"Outfit",system-ui,sans-serif;--font-body:"Figtree",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--cta-bg:#14213d;--cta-ink:#fff}.btn-primary{font-weight:700}.cta-box .btn-primary{background:#ff8a3d}#categories .card:nth-child(8n+1){background:#e3f6c8}#categories .card:nth-child(8n+2){background:#fff2b8}#categories .card:nth-child(8n+3){background:#e4ddfb}#categories .card:nth-child(8n+4){background:#d5ebfb}#categories .card:nth-child(8n+5){background:#d6f5e3}#categories .card:nth-child(8n+6){background:#ffe3d1}#categories .card:nth-child(8n+7){background:#fde0ec}#categories .card:nth-child(8n+8){background:#e8ecf3}#categories .card p{color:#14213d}.calc-tool{gap:20px;display:grid}.calc-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.calc-line{flex-wrap:wrap;align-items:center;gap:10px;font-size:1.1rem;display:flex}.calc-line input{width:120px;font-family:var(--font-mono)}.calc-out{background:var(--accent-soft);font:600 1.4rem var(--font-head);color:#7a3a0c;border-radius:12px;padding:16px 18px}.calc-out small{font:500 .9rem var(--font-body);color:var(--muted);margin-top:4px;display:block}.crumbs a{text-decoration:none}.hero{background:#fff1e6;border-bottom:1px solid #f6dcc7}#why .card{box-shadow:none;background:0 0;border:0;padding:0}#why .card:before{content:"";background:#ff8a3d;border-radius:2px;width:32px;height:4px}#new{background:var(--bg)}#new .grid{border-top:2px solid #14213d;grid-template-columns:1fr;gap:0}#new .card{border:0;border-bottom:1px solid var(--border);min-height:0;box-shadow:none;border-radius:0;flex-direction:row;align-items:center;gap:16px;padding:14px 4px}#new .card h3{font-size:1.05rem}#new .meta{margin:0 0 0 auto}#guides{background:var(--bg-alt)}#suggest{background:var(--bg)}#suggest .form-wrap{border-radius:var(--radius);--text:#fff;--muted:#c5cde0;--head-color:#fff;--accent-text:#ff8a3d;background:#14213d;padding:clamp(28px,4vw,48px)}@media (width<=1200px){#suggest .form-wrap{width:auto;margin-inline:20px}}#suggest .form-card{box-shadow:none;background:0 0;border:0;padding:0}#suggest input,#suggest textarea{color:#14213d;background:#fff;border-color:#fff}#suggest .form-privacy a{color:#fff}.cat-math-finance{--cat:#ffe3d1}.cat-text-writing{--cat:#fff2b8}.cat-developer-tools{--cat:#e4ddfb}.cat-converters{--cat:#d5ebfb}.cat-health-fitness{--cat:#d6f5e3}.cat-date-time{--cat:#fde0ec}.cat-color-design{--cat:#e3f6c8}.cat-web-seo{--cat:#efe6da}.cat-home-diy{--cat:#f3e3c3}.cat-images{--cat:#dbeafe}.cat-cooking{--cat:#fee2c5}.cat-school{--cat:#e0e7ff}.cat-car-travel{--cat:#d1fae5}.tile-icon{background:var(--cat,#ffe3d1);color:#14213d;min-width:44px;height:44px;font:700 .95rem var(--font-mono);border-radius:12px;align-self:flex-start;place-items:center;padding:0 8px;display:inline-grid}.style-tools .card{flex-flow:wrap;align-items:flex-start;column-gap:14px}.style-tools .card>.tile-icon+h3{flex:1;align-self:center}.style-tools .card>.tile-icon~p{flex-basis:100%}.tool-page{padding-top:clamp(24px,4vw,44px)}.crumbs{color:var(--muted);margin-bottom:14px;font-size:.88rem}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--text);text-decoration:underline}.tool-page .lead{max-width:62ch}.tool-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:24px;margin-top:28px;display:grid}@media (width<=960px){.tool-grid{grid-template-columns:1fr}}.tool-card{background:#fff;border:2px solid #14213d;border-radius:18px;gap:18px;min-width:0;padding:clamp(18px,3vw,28px);display:grid;box-shadow:6px 6px #14213d}.tool-side{gap:16px;display:grid}.side-card{background:var(--bg-alt);border:1px solid var(--border);border-radius:16px;padding:20px}.side-card h2{margin:0 0 10px;font-size:1.1rem}.side-card ul{margin:0;padding:0;list-style:none}.side-card li a{border-top:1px solid var(--border);color:var(--text);justify-content:space-between;gap:10px;padding:9px 0;font-size:.95rem;text-decoration:none;display:flex}.side-card li:first-child a{border-top:0}.side-card li a:hover{color:var(--accent-text)}.side-card.dark{color:#fff;background:#14213d;border-color:#14213d}.side-card.dark h2{color:#fff}.side-card.dark p{color:#c5cde0;margin:0 0 14px;font-size:.9rem}.tool-explain .explain-grid{grid-template-columns:1fr 1fr;gap:48px;display:grid}@media (width<=860px){.tool-explain .explain-grid{grid-template-columns:1fr;gap:12px}}.tool-explain .prose h2{margin-top:0;font-size:1.5rem}.formula{border:1px solid var(--border);font:600 1rem/1.6 var(--font-mono);background:#fff;border-radius:12px;margin:12px 0;padding:14px 16px;display:block}.steps{gap:8px;margin:12px 0;padding:0;list-style:none;display:grid}.steps li{border:1px solid var(--border);font:.95rem var(--font-mono);background:#fff;border-radius:10px;padding:10px 14px}.steps li:last-child{background:var(--accent-soft);border-color:#f6c9a8;font-weight:600}.mini-card{background:var(--cat,#ffe3d1);box-shadow:none;border:0;padding:18px}.mini-card h3{font-size:1.02rem}.mini-card p{color:#3d4a63;font-size:.9rem}.tool-tile h2{margin:0;font-size:1.15rem}.cat-hero{background:#fff1e6;border-bottom:1px solid #f6dcc7;padding-bottom:clamp(32px,5vw,56px)}.cat-other{color:var(--muted);margin-top:36px}.all-tools{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px;display:grid}.all-cat h2{margin-bottom:8px;font-size:1.2rem}.all-cat h2 a{color:var(--text);text-decoration:none}.all-cat ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.all-cat a{text-decoration:none}.t-tabs{flex-wrap:wrap;gap:8px;display:flex}.t-tabs button{border:1px solid var(--border);color:var(--text);font:600 .9rem var(--font-body);cursor:pointer;background:#fff;border-radius:10px;padding:8px 14px}.t-tabs button.is-active{color:#fff;background:#14213d;border-color:#14213d}.t-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;display:grid}.t-field{flex-direction:column;gap:6px;min-width:0;display:flex}.t-field>span{font-size:.88rem;font-weight:600}.t-field input,.t-field select,.t-field textarea{background:#fff;border:1.5px solid #14213d;border-radius:10px}.t-field textarea{min-height:160px;font:.95rem/1.55 var(--font-mono);resize:vertical}.t-field .unit{align-items:center;gap:8px;display:flex}.t-field .unit input{flex:1}.t-check{align-items:center;gap:8px;font-size:.92rem;display:flex}.t-check input{width:auto}.t-result{background:var(--accent-soft);border-radius:14px;padding:18px 20px}.t-result .label{font:600 .74rem var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:#7a3a0c;display:block}.t-result .big{font:700 clamp(1.8rem,4vw,2.6rem)/1.15 var(--font-head);color:#14213d;overflow-wrap:anywhere;margin:4px 0;display:block}.t-result .sub{color:#5a3a20;font-size:.95rem}.t-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.t-stat{background:var(--bg-alt);border-radius:12px;padding:12px 14px}.t-stat b{font:700 1.25rem var(--font-head);color:#14213d;overflow-wrap:anywhere;display:block}.t-stat small{color:var(--muted);font-size:.8rem}.t-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.t-note{color:var(--muted);margin:0;font-size:.85rem}.t-out{font:.92rem/1.55 var(--font-mono);color:#e2e8f0;white-space:pre-wrap;overflow-wrap:anywhere;background:#0f172a;border-radius:12px;min-height:60px;max-height:420px;margin:0;padding:14px 16px;overflow:auto}.t-error{color:var(--bad,#dc2626);margin:0;font-size:.92rem;font-weight:600}.t-table{border-collapse:collapse;width:100%;font-size:.92rem}.t-table th,.t-table td{text-align:right;border-bottom:1px solid var(--border);padding:7px 8px}.t-table th:first-child,.t-table td:first-child{text-align:left}.t-table th{font:600 .74rem var(--font-mono);text-transform:uppercase;color:var(--muted)}.t-scroll{max-height:340px;overflow:auto}.swatch{border:1px solid var(--border);border-radius:12px;width:100%;height:110px}.tool-search{gap:12px;max-width:640px;margin-top:28px;display:grid}.search-row{grid-template-columns:1fr auto;gap:10px;display:grid}.search-label{grid-column:1/-1;font-size:.9rem;font-weight:600}.search-row input{border:2px solid #14213d;border-radius:12px;padding:13px 16px}.search-results{border:1px solid var(--border);background:#fff;border-radius:14px;margin:0;padding:6px;list-style:none;box-shadow:0 12px 30px #14213d1f}.search-results a{color:var(--text);border-radius:10px;grid-template-columns:1fr auto;gap:2px 12px;padding:10px 12px;text-decoration:none;display:grid}.search-results a:hover,.search-results a:focus{background:var(--accent-soft)}.search-results span{color:var(--muted);grid-column:1;font-size:.88rem}.search-results em{font:normal .75rem var(--font-mono);color:var(--muted);grid-area:1/2/3;align-self:center}.search-results .none{color:var(--muted);padding:10px 12px}.search-popular{flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:.85rem;display:flex}.search-popular span{color:var(--muted)}.pill{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:99px;padding:6px 12px;font-size:.85rem;text-decoration:none}.pill:hover{border-color:#14213d}