:root{--paper:#efe9dd;--paper-2:#e7e0d1;--card:#f7f3ea;--card-edge:#e2d9c7;--ink:#211d18;--ink-soft:#6f665a;--muted:#9a9082;--line:#ddd3c1;--accent:#d64a26;--accent-deep:#b73a1b;--accent-tint:#fbeadf;--key-face:#fcf9f2;--key-fn:#eae2d2;--key-shadow:#35291a38;--radius:22px;--key-radius:16px;--nav-h:58px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"SF Mono", ui-monospace, "JetBrains Mono", "Menlo", "Consolas", monospace;--font-serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-sans);color:var(--ink);background-color:var(--paper);background-image:radial-gradient(var(--paper-2) 1.1px, transparent 1.2px);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-position:-11px -11px;background-size:22px 22px}.scene{min-height:calc(100dvh - var(--nav-h));flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:28px 18px;display:flex}.calc{background:var(--card);border:1px solid var(--card-edge);border-radius:var(--radius);grid-template-columns:220px 340px;gap:0;animation:.6s cubic-bezier(.16,1,.3,1) both rise;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffffb3,0 26px 60px -28px #30241480,0 4px 14px -8px #30241459}@keyframes rise{0%{opacity:0;transform:translateY(14px)scale(.985)}}.tape{border-right:1px dashed var(--line);background:#fbf8f0;flex-direction:column;display:flex;position:relative}.tape:after{content:"";background-image:radial-gradient(circle, var(--card) 1.5px, transparent 1.6px);background-size:2px 9px;width:2px;position:absolute;top:0;bottom:0;right:-1px}.tape__head{all:unset;cursor:pointer;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;padding:16px 16px 10px;font-size:11px;display:flex}.tape__clear{color:var(--accent);opacity:0;font-size:10px;transition:opacity .2s}.tape__head:hover .tape__clear{opacity:1}.tape__roll{scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex-direction:column-reverse;flex:1;padding:10px 16px 18px;display:flex;overflow-y:auto}.tape__empty{font-family:var(--font-serif);color:var(--muted);margin-top:auto;font-size:13px;font-style:italic;line-height:1.5}.tape__roll ul{flex-direction:column;gap:0;margin-top:auto;list-style:none;display:flex}.tape__roll li{font-family:var(--font-mono);color:var(--ink-soft);border-bottom:1px solid #786a5429;padding:7px 1px;font-size:12.5px;line-height:1.5;animation:.35s both print}.tape__roll li:last-child{border-bottom:none}@keyframes print{0%{opacity:0;transform:translateY(-6px)}}.tape__expr{color:var(--muted)}.tape__eq{color:var(--accent);margin:0 5px}.tape__res{color:var(--ink);font-weight:600}.panel{flex-direction:column;padding:16px 18px 18px;display:flex}.brand{align-items:center;gap:8px;padding:2px 4px 12px;display:flex}.brand__mark{font-family:var(--font-serif);color:var(--accent);font-size:22px;line-height:1}.brand__name{font-family:var(--font-serif);letter-spacing:.01em;font-size:18px;font-weight:600}.brand__note{letter-spacing:.06em;color:var(--muted);margin-left:auto;font-size:10.5px}.screen{background:linear-gradient(#201d17,#2b271f);border-radius:16px;flex-direction:column;justify-content:flex-end;min-height:104px;margin-bottom:16px;padding:16px 18px 14px;transition:box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px #ffffff80,inset 0 2px 10px #00000073}.screen--yeah{box-shadow:0 2px 0 #ffffff80, inset 0 2px 10px #00000073, inset 0 0 0 1.5px var(--accent), 0 0 26px -4px #d64a26a6;animation:.5s cubic-bezier(.16,1,.3,1) yeah}.screen__yeah{font-family:var(--font-serif);letter-spacing:.02em;color:#f0a488;font-size:13px;font-style:italic;animation:.35s both print;position:absolute;top:12px;left:16px}@keyframes yeah{0%{transform:scale(1)}40%{transform:scale(1.025)}to{transform:scale(1)}}.screen__hint{font-family:var(--font-mono);text-align:right;color:#b9a06a;letter-spacing:.02em;opacity:.85;min-height:16px;font-size:12px}.screen__value{font-family:var(--font-mono);text-align:right;color:#f6f0e2;letter-spacing:-.01em;text-overflow:ellipsis;font-size:44px;font-weight:500;line-height:1.05;transition:font-size .12s;overflow:hidden}.screen__value[data-len="9"]{font-size:40px}.screen__value[data-len="10"]{font-size:37px}.screen__value[data-len="11"]{font-size:34px}.screen__value[data-len="12"]{font-size:31px}.screen__value[data-len="13"]{font-size:28px}.screen__value[data-len="14"]{font-size:25px}.keys{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.key{font-family:var(--font-sans);color:var(--ink);border:1px solid var(--card-edge);border-radius:var(--key-radius);background:linear-gradient(180deg, var(--key-face), #f0ebdd);cursor:pointer;height:54px;box-shadow:0 3px 0 var(--key-shadow), 0 4px 8px -4px #30241466;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-size:20px;font-weight:500;transition:transform 60ms,box-shadow 60ms,background .15s,filter .15s}.key:hover{filter:brightness(1.03)}.key:active{box-shadow:0 0 0 var(--key-shadow), 0 2px 5px -3px #30241466;transform:translateY(3px)}.key:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.key--fn{background:linear-gradient(180deg, var(--key-fn), #e2d9c7);color:var(--ink-soft);font-size:18px}.key--op{color:var(--accent);background:linear-gradient(#fffdf8,#f7efe0);border-color:#ecc9b8;font-weight:600}.key--equals{color:#fff;background:linear-gradient(180deg, var(--accent), var(--accent-deep));border-color:var(--accent-deep);font-weight:700;box-shadow:0 3px #8f2c13,0 6px 12px -5px #b63a1b99}.key--equals:active{box-shadow:0 0 #8f2c13,0 3px 6px -4px #b63a1b99}.foot{color:var(--muted);text-align:center;letter-spacing:.01em;max-width:560px;font-size:12px}@media (max-width:600px){.calc{grid-template-columns:1fr;width:100%;max-width:380px}.tape{border-right:none;border-bottom:1px dashed var(--line);max-height:128px}.tape:after{display:none}.tape__roll{flex-direction:column-reverse}.panel{padding:14px 16px 18px}}@media (prefers-reduced-motion:reduce){.calc,.tape__roll li,.screen--yeah,.screen__yeah{animation:none}.key,.screen__value{transition:none}}.site-main{display:block}.nav{height:var(--nav-h);border-bottom:1px solid var(--card-edge);-webkit-backdrop-filter:blur(8px);z-index:20;background:#f7f3ead1;align-items:center;gap:18px;padding:0 clamp(16px,4vw,34px);display:flex;position:sticky;top:0}.nav__brand{color:var(--ink);font-family:var(--font-serif);letter-spacing:.01em;align-items:baseline;gap:7px;font-size:18px;font-weight:600;text-decoration:none;display:inline-flex}.nav__brand b{color:var(--accent);font-weight:700}.nav__spark{color:var(--accent);font-size:13px}.nav__links{align-items:center;gap:4px;margin-left:auto;display:flex}.nav__link{color:var(--ink-soft);letter-spacing:.01em;border-radius:10px;padding:7px 12px;font-size:13.5px;text-decoration:none;transition:background .15s,color .15s}.nav__link:hover{background:var(--paper-2);color:var(--ink)}.nav__link.is-active{color:var(--accent);background:var(--accent-tint);font-weight:600}.page{max-width:620px;margin:0 auto;padding:clamp(28px,6vw,54px) 18px 80px;animation:.5s cubic-bezier(.16,1,.3,1) both rise}.page__eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-size:11px}.page__title{font-family:var(--font-serif);letter-spacing:-.01em;margin-bottom:10px;font-size:clamp(30px,6vw,40px);line-height:1.05}.page__lede{font-family:var(--font-serif);color:var(--ink-soft);max-width:46ch;margin-bottom:26px;font-size:16px;font-style:italic;line-height:1.5}.card{background:var(--card);border:1px solid var(--card-edge);border-radius:var(--radius);padding:clamp(18px,4vw,26px);box-shadow:inset 0 1px #ffffffb3,0 22px 50px -30px #30241480}.field{margin-bottom:18px}.field:last-child{margin-bottom:0}.field-label{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:8px;font-size:11px;display:block}.input{width:100%;font-family:var(--font-mono);color:var(--ink);background:var(--key-face);border:1px solid var(--card-edge);appearance:none;border-radius:12px;outline:none;padding:12px 14px;font-size:20px;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--muted)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.select{width:100%;font-family:var(--font-sans);color:var(--ink);background:var(--key-face) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='%238a8178' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 14px center;border:1px solid var(--card-edge);cursor:pointer;appearance:none;border-radius:12px;outline:none;padding:12px 36px 12px 14px;font-size:16px;transition:border-color .15s,box-shadow .15s}.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.row{gap:12px;display:flex}.row>*{flex:1;min-width:0}.affix{position:relative}.affix__unit{font-family:var(--font-mono);color:var(--muted);pointer-events:none;font-size:13px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.seg{background:var(--paper-2);border:1px solid var(--card-edge);border-radius:12px;gap:4px;padding:4px;display:inline-flex}.seg--full{width:100%;display:flex}.seg--full button{flex:1}.seg button{font-family:var(--font-sans);color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:9px;padding:9px 14px;font-size:13.5px;transition:background .15s,color .15s,box-shadow .15s}.seg button:hover{color:var(--ink)}.seg button.is-active{background:var(--card);color:var(--accent);font-weight:600;box-shadow:0 1px 3px #3024142e}.btn{text-align:center;width:100%;font-family:var(--font-sans);color:#fff;background:linear-gradient(180deg, var(--accent), var(--accent-deep));border:1px solid var(--accent-deep);cursor:pointer;border-radius:14px;padding:13px 18px;font-size:16px;font-weight:600;transition:transform 60ms,box-shadow 60ms,filter .15s;display:inline-block;box-shadow:0 3px #8f2c13,0 6px 12px -5px #b63a1b99}.btn:hover{filter:brightness(1.03)}.btn:active{transform:translateY(3px);box-shadow:0 0 #8f2c13}.result{color:#f6f0e2;background:linear-gradient(#201d17,#2b271f);border-radius:16px;margin-top:22px;padding:22px;animation:.4s cubic-bezier(.16,1,.3,1) both rise;position:relative;box-shadow:0 2px #ffffff80,inset 0 2px 10px #00000073}.result__label{font-family:var(--font-mono);letter-spacing:.06em;color:#b9a06a;text-transform:uppercase;font-size:12px}.result__value{font-family:var(--font-mono);letter-spacing:-.01em;margin-top:6px;font-size:clamp(36px,9vw,52px);line-height:1.05}.result__value small{color:#b9a06a;letter-spacing:.02em;margin-left:8px;font-size:.38em}.result__note{color:#cdbf9a;margin-top:8px;font-size:13px;line-height:1.5}.result__tag{font-family:var(--font-serif);color:#f0a488;margin-top:4px;font-size:15px;font-style:italic;display:inline-block}.stats{background:var(--line);border:1px solid var(--line);border-radius:12px;gap:1px;margin-top:16px;display:grid;overflow:hidden}.stat{background:var(--card);justify-content:space-between;align-items:baseline;gap:12px;padding:12px 15px;display:flex}.stat__k{color:var(--ink-soft);font-size:13.5px}.stat__v{font-family:var(--font-mono);color:var(--ink);font-size:15px;font-weight:600}.hint{color:var(--muted);margin-top:16px;font-size:12.5px;line-height:1.55}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.tool-card{color:var(--ink);background:var(--card);border:1px solid var(--card-edge);border-radius:18px;padding:22px;text-decoration:none;transition:transform .12s,box-shadow .12s,border-color .15s;display:block;box-shadow:inset 0 1px #ffffffb3,0 16px 40px -30px #30241480}.tool-card:hover{border-color:#ecc9b8;transform:translateY(-3px);box-shadow:0 24px 48px -26px #3024148c}.tool-card__mark{font-family:var(--font-serif);color:var(--accent);font-size:26px;line-height:1}.tool-card__name{font-family:var(--font-serif);margin-top:12px;font-size:20px;font-weight:600}.tool-card__desc{color:var(--ink-soft);margin-top:6px;font-size:13.5px;line-height:1.5}.tool-card__go{color:var(--accent);margin-top:14px;font-size:13px;display:inline-block}@media (max-width:520px){.nav{gap:10px}.nav__links{gap:0}.nav__link{padding:6px 8px;font-size:12.5px}}.home{max-width:940px;margin:0 auto;padding:clamp(28px,6vw,52px) 18px 90px;animation:.5s cubic-bezier(.16,1,.3,1) both rise}.home__hero{margin-bottom:26px}.home__title{font-family:var(--font-serif);letter-spacing:-.01em;margin-bottom:10px;font-size:clamp(28px,6vw,44px);line-height:1.05}.home__title span{color:var(--accent)}.home__search{max-width:440px;font-family:var(--font-sans);margin-top:20px;font-size:16px}.home__cat{margin-top:30px}.home__cat-title{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.16em;color:var(--ink-soft);border-bottom:1px solid var(--card-edge);margin-bottom:14px;padding-bottom:9px;font-size:12px}.home__grid{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--card-edge);background:var(--card);color:var(--ink);border-radius:11px;align-items:center;gap:7px;padding:8px 13px;font-size:13.5px;text-decoration:none;transition:transform .1s,border-color .12s,box-shadow .12s,color .12s;display:inline-flex}.chip--live:hover{color:var(--accent);border-color:#ecc9b8;transform:translateY(-2px);box-shadow:0 10px 22px -14px #30241480}.chip--soon{color:var(--muted);cursor:default;background:0 0;border-style:dashed}.chip--soon em{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);background:var(--paper-2);border-radius:5px;padding:2px 5px;font-size:9px;font-style:normal}.crumbs{max-width:760px;margin:0 auto;padding:14px clamp(16px,4vw,20px) 0;font-size:12.5px}.crumbs ol{flex-wrap:wrap;align-items:center;gap:6px;list-style:none;display:flex}.crumbs li{color:var(--muted);align-items:center;gap:6px;display:flex}.crumbs li:not(:last-child):after{content:"/";color:var(--line);margin-left:6px}.crumbs a{color:var(--ink-soft);text-decoration:none}.crumbs a:hover{color:var(--accent)}.crumbs [aria-current=page]{color:var(--ink)}.seo{max-width:760px;margin:8px auto 0;padding:0 clamp(16px,4vw,20px) 80px}.seo__section{margin-top:34px}.seo h2{font-family:var(--font-serif);letter-spacing:-.01em;border-bottom:1px solid var(--card-edge);margin-bottom:12px;padding-bottom:8px;font-size:clamp(21px,4vw,26px)}.seo h3{font-family:var(--font-sans);color:var(--ink);margin:16px 0 8px;font-size:15px;font-weight:600}.seo p{color:var(--ink-soft);margin-bottom:12px;font-size:15.5px;line-height:1.7}.seo__answer{color:var(--ink);font-size:16.5px}.seo__formula{background:#2b271f;border-radius:12px;margin-top:14px;padding:16px 18px}.seo__formula code{font-family:var(--font-mono);color:#f6f0e2;white-space:pre-wrap;word-break:break-word;font-size:15px;display:block}.seo__formula p{color:#cdbf9a;margin:10px 0 0;font-size:13.5px}.seo__list{padding-left:22px}.seo__list li{color:var(--ink-soft);margin-bottom:8px;font-size:15.5px;line-height:1.65}.seo__list li::marker{color:var(--accent)}.seo__table-wrap{border:1px solid var(--line);border-radius:12px;overflow-x:auto}.seo__table{border-collapse:collapse;width:100%;font-size:14px}.seo__table th,.seo__table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:11px 14px}.seo__table th{background:var(--paper-2);color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:600}.seo__table td{color:var(--ink);font-family:var(--font-mono);font-size:13.5px}.seo__table tr:last-child td{border-bottom:none}.seo__takeaways{background:var(--accent-tint);border:1px solid #ecc9b8;border-radius:16px;margin-top:34px;padding:20px 22px}.seo__takeaways h2{color:var(--accent-deep);border:none;margin-bottom:10px;padding:0;font-size:19px}.seo__takeaways ul{padding-left:20px}.seo__takeaways li{color:var(--ink);margin-bottom:6px;font-size:14.5px;line-height:1.6}.seo__takeaways li::marker{color:var(--accent)}.faq{flex-direction:column;gap:2px;display:flex}.faq__item{border-bottom:1px solid var(--card-edge)}.faq__item summary{cursor:pointer;color:var(--ink);padding:15px 30px 15px 0;font-size:15.5px;font-weight:600;list-style:none;position:relative}.faq__item summary::-webkit-details-marker{display:none}.faq__item summary:after{content:"+";color:var(--accent);font-size:20px;transition:transform .2s;position:absolute;top:13px;right:4px}.faq__item[open] summary:after{content:"−"}.faq__item p{margin:0;padding:0 0 16px}.related{flex-wrap:wrap;gap:8px;display:flex}.share{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.share__label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:12px}.share__btn{font-family:var(--font-sans);color:var(--ink-soft);background:var(--card);border:1px solid var(--card-edge);cursor:pointer;border-radius:9px;padding:6px 11px;font-size:12.5px;transition:color .15s,border-color .15s}.share__btn:hover{color:var(--accent);border-color:#ecc9b8}.eeat{border-top:1px solid var(--card-edge);color:var(--muted);margin-top:40px;padding-top:18px;font-size:13px}.eeat strong{color:var(--ink-soft);font-weight:600}.eeat__note{margin-top:6px;line-height:1.55}