:root{--bg: #16130e;--bg-elev: #1f1a12;--bg-input: #282216;--border: #3d3526;--border-soft: #2c2618;--gold: #e8b64c;--gold-dim: #b58a35;--text: #ece5d4;--muted: #a89e8a;--good: #8fce6e;--warn: #e6b455;--bad: #e0705a;--radius: 10px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;font-family:var(--font);font-size:16px;line-height:1.6;background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%}.container{width:100%;max-width:72rem;margin:0 auto;padding:0 1rem}main{display:block;padding:1.25rem 0 3rem}.section{margin-top:2.5rem}h1,h2,h3{line-height:1.25;color:var(--text);overflow-wrap:break-word}h1{font-size:clamp(1.55rem,4.5vw,2.2rem);margin:.4em 0 .25em}h2{font-size:clamp(1.25rem,3.5vw,1.55rem);margin:1.8em 0 .6em;padding-bottom:.3rem;border-bottom:1px solid var(--border-soft)}h3{font-size:1.08rem;margin:1.4em 0 .5em}p{margin:.6em 0;overflow-wrap:break-word}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:3px}.muted{color:var(--muted)}.site-header{position:sticky;top:0;z-index:50;background:#16130ef5;border-bottom:1px solid var(--border);backdrop-filter:blur(6px)}.header-inner{display:flex;align-items:center;gap:.75rem;padding:.55rem 1rem;max-width:72rem;margin:0 auto}.brand{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.05rem;color:var(--gold);white-space:nowrap}.brand img{width:26px;height:26px;display:block}.nav-tools{display:flex;gap:.25rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:.35rem 0}.nav-tools::-webkit-scrollbar{display:none}.nav-tools a{color:#c6bca4;font-size:.86rem;padding:.3rem .6rem;border:1px solid transparent;border-radius:999px;white-space:nowrap}.nav-tools a:hover{color:var(--text);text-decoration:none;border-color:var(--border)}.nav-tools a[aria-current=page]{color:var(--gold);border-color:var(--gold-dim)}.breadcrumb{padding:.75rem 0 0;font-size:.85rem;color:var(--muted)}.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:.35rem;margin:0;padding:0}.breadcrumb li+li:before{content:"›";margin-right:.35rem;color:var(--gold-dim)}.page-intro .tagline{font-size:1.02rem;color:var(--muted);margin:.2rem 0 .5rem;max-width:46rem}.trust-line{display:flex;flex-wrap:wrap;gap:.4rem;margin:.8rem 0 .2rem}.badge{font-size:.78rem;color:var(--gold);border:1px solid var(--gold-dim);border-radius:999px;padding:.12rem .6rem;background:#e8b64c12}.tool-panel{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem;margin-top:1.25rem}.fields{display:grid;gap:.9rem;margin:.5rem 0 1rem}@media(min-width:640px){.fields{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}}.field label{display:block;font-weight:600;font-size:.92rem;margin-bottom:.25rem}.field .helper{font-size:.8rem;color:var(--muted);margin-top:.25rem}input[type=number],select{width:100%;padding:.6rem .7rem;font:inherit;color:var(--text);background:var(--bg-input);border:1px solid var(--border);border-radius:7px;min-height:48px}input[type=number]:focus,select:focus{border-color:var(--gold-dim);outline:none;box-shadow:0 0 0 2px #e8b64c40}.btn-row{display:flex;flex-wrap:wrap;gap:.6rem;margin:.9rem 0 .2rem}button{font:inherit;cursor:pointer;border-radius:7px;padding:.6rem 1.1rem;min-height:48px;border:1px solid var(--gold-dim);background:var(--gold);color:#1c1509;font-weight:700}button:hover{background:var(--gold);filter:brightness(1.08)}button.secondary{background:transparent;color:var(--gold);border:1px solid var(--border)}button.secondary:hover{border-color:var(--gold-dim);filter:none}.result{min-height:9rem;margin-top:1.1rem;padding:1.1rem;border:1px solid var(--border-soft);border-radius:var(--radius);background:#e8b64c0a}.result[hidden]{display:none}.result-primary{font-size:clamp(1.7rem,6vw,2.6rem);font-weight:800;color:var(--gold);line-height:1.15}.result-primary.good{color:var(--good)}.result-primary.warn{color:var(--warn)}.result-primary.bad{color:var(--bad)}.result-sentence{margin:.4rem 0 .2rem;max-width:46rem}.stats-grid{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));margin-top:.9rem}.stat{background:var(--bg);border:1px solid var(--border-soft);border-radius:8px;padding:.6rem .7rem}.stat dt{font-size:.78rem;color:var(--muted);margin:0 0 .15rem}.stat dd{margin:0;font-weight:700;font-size:1.02rem}.verdict{display:inline-block;margin-top:.5rem;font-weight:700;padding:.2rem .75rem;border-radius:999px;border:1px solid var(--border)}.verdict.good{color:var(--good);border-color:var(--good)}.verdict.warn{color:var(--warn);border-color:var(--warn)}.verdict.bad{color:var(--bad);border-color:var(--bad)}.error-msg{color:var(--bad);margin:.4rem 0 0}table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:.94rem;display:block;overflow-x:auto}th,td{text-align:left;padding:.5rem .7rem;border-bottom:1px solid var(--border-soft)}th{color:var(--muted);font-weight:600;white-space:nowrap}tr.sel td{background:#e8b64c14;color:var(--gold)}.faq details{border:1px solid var(--border-soft);border-radius:8px;margin:.55rem 0;background:var(--bg-elev)}.faq summary{cursor:pointer;padding:.8rem 1rem;font-weight:600;list-style-position:outside}.faq details[open] summary{border-bottom:1px solid var(--border-soft)}.faq details>div{padding:.7rem 1rem .9rem}.faq details>div>p:first-child{margin-top:0}.tool-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));margin-top:1.25rem}.tool-card{display:block;border:1px solid var(--border);background:var(--bg-elev);border-radius:var(--radius);padding:1.1rem;color:var(--text);transition:border-color .15s ease}.tool-card:hover{text-decoration:none;border-color:var(--gold-dim)}.tool-card .icon{font-size:1.5rem;display:block;margin-bottom:.4rem}.tool-card .name{color:var(--gold);font-weight:700;font-size:1.05rem}.tool-card p{color:var(--muted);font-size:.9rem;margin:.35rem 0 0}.category-h3{margin-top:2.2rem}.category-h3 span{font-size:.85rem;color:var(--muted);font-weight:400;margin-left:.4rem}.related-tools{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));margin-top:1rem}.trust-block{margin-top:2.5rem;padding:1rem 1.1rem;border:1px solid var(--border-soft);border-radius:var(--radius);font-size:.9rem;color:var(--muted);background:var(--bg-elev)}.trust-block p{margin:.25rem 0}.note{border-left:3px solid var(--gold-dim);background:#e8b64c0f;padding:.7rem 1rem;border-radius:0 8px 8px 0;margin:1rem 0;font-size:.95rem}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;background:var(--bg-input);border:1px solid var(--border-soft);border-radius:5px;padding:.08em .4em}.formula{display:block;overflow-x:auto;white-space:nowrap;padding:.8rem 1rem;margin:1rem 0;background:var(--bg-input);border:1px solid var(--border-soft);border-radius:8px}.steps{counter-reset:step;list-style:none;padding:0;margin:1rem 0}.steps li{counter-increment:step;position:relative;padding:0 0 1rem 2.8rem}.steps li:before{content:counter(step);position:absolute;left:0;top:.05rem;width:1.9rem;height:1.9rem;display:grid;place-items:center;border:1px solid var(--gold-dim);border-radius:50%;color:var(--gold);font-weight:700;font-size:.9rem}.site-footer{border-top:1px solid var(--border);background:#131009;margin-top:3rem;padding:2rem 0 2.5rem;font-size:.9rem}.footer-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}.site-footer h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 .5rem}.site-footer ul{list-style:none;margin:0;padding:0}.site-footer li{margin:.3rem 0}.site-footer a{color:var(--text)}.site-footer a:hover{color:var(--gold)}.footer-legal{margin-top:1.8rem;padding-top:1rem;border-top:1px solid var(--border-soft);color:var(--muted);font-size:.82rem}.skip-link{position:absolute;left:-999px;top:0;background:var(--gold);color:#1c1509;padding:.5rem 1rem;z-index:100;border-radius:0 0 6px}.skip-link:focus{left:0}.byline{font-size:.88rem;color:var(--muted);margin:.3rem 0 0}@media(min-width:800px){main{padding-top:1.75rem}.tool-panel{padding:1.4rem}}