*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}html,body{height:100dvh;overflow:hidden}body{background-color:#f9f4ef;background-color:lab(96.5245% .915766 2.88128);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}body.dark{background-color:#120c07;background-color:lab(3.6651% 1.95304 2.51268)}#__next{height:100dvh;overflow:hidden}:root{--bg:#f9f4ef;--bg-subtle:#f1eae3;--surface:#fbf8f5;--surface-elevated:#fdfbfa;--text:#291f18;--text-muted:#5e534b;--text-faint:#787069;--accent:#ce4522;--accent-soft:#ce452214;--accent-glow:#ce452226;--border:#e2ddd7;--border-subtle:#ebe7e2;--gutter-bg:#f7f1eb;--gutter-text:#6a615b;--gutter-active:#ce4522;--output-text:#b8492e;--pane-label-bg:#f3ede8;--sheet-bg:#fbf8f5;--shadow-sm:0 1px 2px #342c230d;--shadow-lg:0 8px 32px #342c231f, 0 2px 8px #342c230f;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:100px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Fira Code", "Cascadia Code", monospace}@supports (color:lab(0% 0 0)){:root{--bg:lab(96.5245% .915766 2.88128);--bg-subtle:lab(93.0318% 1.71542 4.18096);--surface:lab(97.683% .567913 1.79801);--surface-elevated:lab(98.8419% .339061 1.07771);--text:lab(12.9251% 4.15897 6.54917);--text-muted:lab(36.1328% 4.01397 6.40992);--text-faint:lab(47.7695% 2.58863 5.0343);--accent:lab(49.6868% 54.0385 50.3606);--accent-soft:lab(49.6868% 54.0385 50.3606/.08);--accent-glow:lab(49.6868% 54.0385 50.3606/.15);--border:lab(88.4052% 1.15263 3.60675);--border-subtle:lab(91.8844% .91657 2.88178);--gutter-bg:lab(95.3535% 1.42336 3.48009);--gutter-text:lab(41.969% 2.59838 5.04155);--gutter-active:lab(49.6868% 54.0385 50.3606);--output-text:lab(46.4998% 44.6874 39.6616);--pane-label-bg:lab(94.1935% 1.42369 3.48028);--sheet-bg:lab(97.683% .567913 1.79801);--shadow-sm:0 1px 2px lab(18.7942% 2.60349 7.45645/.05);--shadow-lg:0 8px 32px lab(18.7942% 2.60349 7.45645/.12), 0 2px 8px lab(18.7942% 2.60349 7.45645/.06)}}body.dark{--bg:#120c07;--bg-subtle:#0b0604;--surface:#18120f;--surface-elevated:#1e1916;--text:#e9e4de;--text-muted:#aca39b;--text-faint:#887e78;--accent:#f87b5c;--accent-soft:#f87b5c1a;--accent-glow:#f87b5c33;--border:#29231f;--border-subtle:#1e1916;--gutter-bg:#140e0a;--gutter-text:#796f69;--gutter-active:#f87b5c;--output-text:#ee8266;--pane-label-bg:#140e0a;--sheet-bg:#18120f;--shadow-sm:0 1px 2px #0003;--shadow-lg:0 8px 32px #0006, 0 2px 8px #00000040}@supports (color:lab(0% 0 0)){body.dark{--bg:lab(3.6651% 1.95304 2.51268);--bg-subtle:lab(1.96623% 1.02954 1.32936);--surface:lab(6.15971% 2.11609 2.94254);--surface-elevated:lab(9.48628% 2.00911 3.19676);--text:lab(90.7252% 1.15198 3.60631);--text-muted:lab(67.4907% 2.56538 5.01773);--text-faint:lab(53.5528% 2.94802 4.75907);--accent:lab(66.1731% 47.1284 40.0578);--accent-soft:lab(66.1731% 47.1284 40.0578/.1);--accent-glow:lab(66.1731% 47.1284 40.0578/.2);--border:lab(14.1194% 2.41268 3.84957);--border-subtle:lab(9.48628% 2.00911 3.19676);--gutter-bg:lab(4.40843% 1.71106 2.33449);--gutter-text:lab(47.7524% 2.95544 4.76445);--gutter-active:lab(66.1731% 47.1284 40.0578);--output-text:lab(66.3611% 40.9578 34.2343);--pane-label-bg:lab(4.40843% 1.71106 2.33449);--sheet-bg:lab(6.15971% 2.11609 2.94254);--shadow-sm:0 1px 2px lab(0% 0 0/.2);--shadow-lg:0 8px 32px lab(0% 0 0/.4), 0 2px 8px lab(0% 0 0/.25)}}.rulator-page{background-color:var(--bg);flex-direction:column;height:100dvh;transition:background-color .3s;display:flex;overflow:hidden}.header{border-bottom:1px solid var(--border);background:var(--surface);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:.625rem;display:flex}.header-title{letter-spacing:.12em;text-transform:uppercase;color:var(--text);-webkit-user-select:none;user-select:none;font-size:.875rem;font-weight:700}.header-badge{font-family:var(--font-mono);color:var(--accent);background:var(--accent-soft);border-radius:var(--radius-pill);font-variant-numeric:tabular-nums;padding:.125rem .5rem;font-size:.6875rem;font-weight:500;transition:background-color .2s}.header-actions{align-items:center;gap:.5rem;display:flex}.header-copied{font-family:var(--font-mono);color:var(--accent);font-size:.6875rem;font-weight:500;animation:.2s ease-out fade-in}.help-btn{border-radius:var(--radius-sm);width:2rem;height:2rem;color:var(--text-faint);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;text-decoration:none;transition:color .2s,background-color .2s;display:flex}.help-btn:hover,.help-btn.active{color:var(--accent);background-color:var(--accent-soft)}.help-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-toggle{cursor:pointer;background:0 0;border:none;padding:0}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-pill)}.theme-toggle-track{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-pill);width:44px;height:24px;transition:background-color .3s,border-color .3s;position:relative}.theme-toggle-track.dark{background:var(--surface-elevated);border-color:var(--border)}.theme-toggle-thumb{background:var(--surface);width:18px;height:18px;color:var(--text-muted);box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.4,0,.2,1),background-color .3s;display:flex;position:absolute;top:2px;left:2px}.theme-toggle-track.dark .theme-toggle-thumb{background:var(--text);color:var(--bg);transform:translate(20px)}.split{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.pane{background:var(--surface);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.pane-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);background:var(--pane-label-bg);border-bottom:1px solid var(--border-subtle);-webkit-user-select:none;user-select:none;flex-shrink:0;padding:.375rem 1rem;font-size:.625rem;font-weight:600}.split-divider{background:var(--border);flex-shrink:0;height:1px}.editor{flex:1;min-height:0;display:flex;overflow:hidden}.gutter{background:var(--gutter-bg);border-right:1px solid var(--border-subtle);-webkit-user-select:none;user-select:none;flex-shrink:0;width:2.75rem;padding:.75rem 0;overflow:hidden}.gutter-line{font-family:var(--font-mono);color:var(--gutter-text);text-align:right;justify-content:flex-end;align-items:center;padding:0 .625rem 0 .375rem;font-size:.875rem;font-weight:400;transition:color .15s;display:flex}.pane-input .gutter-line{height:1.53125rem}.gutter-line.active{color:var(--gutter-active);font-weight:500}.gutter-line.has-result{color:var(--accent)}.editor-output{-webkit-user-select:text;user-select:text;flex:1;min-width:0;padding:.75rem;overflow-y:auto}.output-line{font-family:var(--font-mono);color:var(--output-text);white-space:pre-wrap;word-break:break-word;font-variant-numeric:tabular-nums;border-radius:3px;padding:0 .25rem;font-size:.875rem;font-weight:500;line-height:1.75;transition:color .15s,background-color .15s}.output-line.active{background-color:var(--accent-soft);box-shadow:inset 2px 0 0 var(--accent)}.output-line.has-result{color:var(--accent)}.result-row{align-items:baseline;gap:.5rem;padding:0;line-height:1.75;animation:.25s ease-out both result-fade-in;display:flex}.result-row+.result-row{margin-top:0}.result-label{color:var(--text-muted);white-space:nowrap;font-size:.8125em;font-weight:400}.result-label:after{content:":"}.result-value{color:var(--accent);font-weight:500}.result-row.primary .result-value{font-weight:600}@keyframes result-fade-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.statusbar{background:var(--bg-subtle);border-top:1px solid var(--border);font-family:var(--font-mono);color:var(--text-faint);flex-shrink:0;align-items:center;gap:1rem;padding:.5rem 1rem;font-size:.6875rem;display:flex}.statusbar-item{font-variant-numeric:tabular-nums}.statusbar-shortcut{opacity:.7;margin-left:auto}.sheet-backdrop{z-index:99;background:#0006;background:lab(0% 0 0/.4);animation:.2s ease-out fade-in;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.bottom-sheet{background:var(--sheet-bg);border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:80vh;box-shadow:var(--shadow-lg);z-index:100;flex-direction:column;animation:.3s cubic-bezier(.32,.72,0,1) sheet-up;display:flex;position:fixed;bottom:0;left:0;right:0}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle{background:var(--text-faint);opacity:.5;border-radius:2px;width:36px;height:4px;margin:.75rem auto 0}.sheet-header{justify-content:space-between;align-items:center;padding:1rem 1.25rem .75rem;display:flex}.sheet-title{color:var(--text);font-size:1rem;font-weight:600}.sheet-close{border-radius:var(--radius-sm);width:2rem;height:2rem;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s,background-color .2s;display:flex}.sheet-close:hover{color:var(--text);background:var(--accent-soft)}.sheet-body{-webkit-overflow-scrolling:touch;flex:1;padding:0 1.25rem 1.5rem;overflow-y:auto}.help-grid{grid-template-columns:1fr;gap:.25rem;display:grid}.help-section{margin-bottom:.75rem}.help-section:last-child{margin-bottom:0}.help-section-title{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);-webkit-user-select:none;user-select:none;padding:.5rem .875rem .25rem;font-size:.625rem;font-weight:600}.help-section-items{flex-direction:column;gap:.125rem;display:flex}.help-item{border-radius:var(--radius-md);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:.75rem .875rem;transition:background-color .15s;display:flex}.help-item:hover,.help-item:active{background:var(--accent-soft)}.help-item-label{color:var(--text);font-size:.875rem;font-weight:500}.help-item-example{font-family:var(--font-mono);color:var(--accent);border-radius:var(--radius-sm);white-space:nowrap;background:#ce452214;background:lab(49.6868% 54.0385 50.3606/.08);padding:.25rem .5rem;font-size:.75rem}body.dark .help-item-example{background:#f87b5c1a;background:lab(66.1731% 47.1284 40.0578/.1)}@media (min-width:640px){.header{padding:.875rem 1.5rem}.split{flex-direction:row}.pane{flex:1;min-width:0}.split-divider{width:1px;height:auto}.gutter{width:3rem}.gutter-line{padding:0 .75rem 0 .5rem;font-size:.9375rem}.pane-input .gutter-line{height:1.64063rem}.editor-output{padding:.75rem 1rem}.output-line{font-size:.9375rem}.statusbar{padding:.625rem 1.5rem}.help-grid{grid-template-columns:repeat(2,1fr);gap:.375rem}.bottom-sheet{border-radius:var(--radius-lg);max-width:540px;bottom:1rem;left:50%;transform:translate(-50%)}@keyframes sheet-up{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}}@media (min-width:1024px){.gutter{width:3.5rem}.gutter-line{font-size:1rem}.pane-input .gutter-line{height:1.75rem}.editor-output{padding:.75rem 1.25rem}.output-line{font-size:1rem}}@media (prefers-reduced-motion:reduce){.bottom-sheet,.sheet-backdrop,.result-row{animation:none}.theme-toggle-thumb,.gutter-line,.output-line,.help-item,.help-btn,.sheet-close{transition:none}}::selection{background:#ce452233;background:lab(49.6868% 54.0385 50.3606/.2)}.editor-output::-webkit-scrollbar{width:6px}.sheet-body::-webkit-scrollbar{width:6px}.editor-output::-webkit-scrollbar-track{background:0 0}.sheet-body::-webkit-scrollbar-track{background:0 0}.editor-output::-webkit-scrollbar-thumb{background:var(--text-faint);border-radius:3px}.sheet-body::-webkit-scrollbar-thumb{background:var(--text-faint);border-radius:3px}.editor-output::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.sheet-body::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.about-content{flex:1;padding:2rem 1rem;overflow-y:auto}.about-inner{max-width:720px;margin:0 auto}.about-back{font-family:var(--font-mono);color:var(--accent);align-items:center;gap:.25rem;padding:.375rem 0;font-size:.8125rem;text-decoration:none;transition:opacity .15s;display:inline-flex}.about-back:hover{opacity:.7}.about-title{font-family:var(--font-sans);color:var(--text);margin:1.5rem 0 1rem;font-size:1.5rem;font-weight:700}.about-text{font-family:var(--font-sans);color:var(--text-muted);margin-bottom:2rem;font-size:.9375rem;line-height:1.6}.about-heading{font-family:var(--font-sans);color:var(--text);margin-bottom:.75rem;font-size:1.125rem;font-weight:600}.about-features{margin-bottom:2rem}.about-features-grid{grid-template-columns:1fr;gap:.75rem;margin-bottom:2rem;display:grid}@media (min-width:640px){.about-features-grid{grid-template-columns:repeat(2,1fr)}}.about-feature{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem}.about-feature-title{font-family:var(--font-sans);color:var(--text);margin-bottom:.375rem;font-size:.9375rem;font-weight:600}.about-feature-text{font-family:var(--font-sans);color:var(--text-muted);font-size:.875rem;line-height:1.5}.about-faq{flex-direction:column;gap:.5rem;display:flex}.about-faq-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.about-faq-question{font-family:var(--font-sans);color:var(--text);cursor:pointer;justify-content:space-between;align-items:center;padding:.875rem 1rem;font-size:.9375rem;font-weight:500;list-style:none;display:flex}.about-faq-question::-webkit-details-marker{display:none}.about-faq-question:after{content:"+";color:var(--text-faint);flex-shrink:0;margin-left:1rem;font-size:1.25rem;font-weight:300}.about-faq-item[open] .about-faq-question:after{content:"−"}.about-faq-answer{font-family:var(--font-sans);color:var(--text-muted);padding:0 1rem 1rem;font-size:.875rem;line-height:1.6}.about-faq-answer code{font-family:var(--font-mono);background:var(--accent-soft);color:var(--accent);border-radius:3px;padding:.125rem .375rem;font-size:.8125rem}@media (min-width:640px){.about-content{padding:3rem 1.5rem}}.tc-page{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.tc-h1{font-family:var(--font-sans);color:var(--text);width:100%;max-width:36rem;margin:0 auto;padding:1.25rem 2rem 0;font-size:1.25rem;font-weight:700}.tc-subtitle{font-family:var(--font-sans);color:var(--text-faint);width:100%;max-width:36rem;margin:0 auto;padding:.25rem 2rem 0;font-size:.8125rem;line-height:1.4}.blog-page{flex:1;padding:2rem 1rem 6rem;overflow-y:auto}.blog-article,.blog-index{max-width:720px;margin:0 auto}.blog-header{border-bottom:1px solid var(--border);margin-bottom:2.5rem;padding-bottom:1.5rem}.blog-meta{font-family:var(--font-mono);color:var(--text-faint);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.8125rem;display:flex}.blog-dot{opacity:.5}.blog-title{font-family:var(--font-sans);color:var(--text);font-size:1.75rem;font-weight:700;line-height:1.25}.blog-content{font-family:var(--font-sans);color:var(--text-muted);font-size:1rem;line-height:1.75}.blog-content p{margin-bottom:1.25rem}.blog-lead{color:var(--text);margin-bottom:1.5rem;font-size:1.125rem;font-weight:400;line-height:1.6}.blog-content h2{font-family:var(--font-sans);color:var(--text);margin-top:2.5rem;margin-bottom:1rem;font-size:1.375rem;font-weight:700;line-height:1.3}.blog-content h3{font-family:var(--font-sans);color:var(--text);margin-top:2rem;margin-bottom:.75rem;font-size:1.125rem;font-weight:600;line-height:1.3}.blog-content ul,.blog-content ol{margin-bottom:1.25rem;padding-left:1.5rem}.blog-content li{margin-bottom:.5rem}.blog-content strong{color:var(--text);font-weight:600}.blog-content a{color:var(--accent);border-bottom:1px solid var(--accent-soft);text-decoration:none;transition:border-color .2s}.blog-content a:hover{border-color:var(--accent)}.blog-table{border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:.9375rem}.blog-table th,.blog-table td{text-align:left;border-bottom:1px solid var(--border);padding:.75rem 1rem}.blog-table th{color:var(--text);background:var(--bg-subtle);font-size:.875rem;font-weight:600}.blog-table td{color:var(--text-muted)}.blog-table tr:hover td{background:var(--surface)}.blog-inline-cta{background:var(--accent-soft);border-radius:var(--radius-md);border-left:3px solid var(--accent);margin:1.5rem 0;padding:1rem 1.25rem}.blog-inline-cta-link{color:var(--accent);align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex;border-bottom:none!important}.blog-inline-cta-arrow{transition:transform .2s}.blog-inline-cta-link:hover .blog-inline-cta-arrow{transform:translate(3px)}.blog-calculator-link{color:var(--accent);margin:.5rem 0 1.25rem;font-size:.9375rem;font-weight:500;text-decoration:none;display:inline-block;border-bottom:none!important}.blog-calculator-link:hover{text-decoration:underline}.blog-footer{border-top:1px solid var(--border);margin-top:3rem;padding-top:2rem}.blog-cta-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;margin-bottom:2.5rem;padding:1.5rem}.blog-cta-title{font-family:var(--font-sans);color:var(--text);margin-bottom:.5rem;font-size:1.125rem;font-weight:700}.blog-cta-text{color:var(--text-muted);margin-bottom:1.25rem;font-size:.9375rem;line-height:1.6}.blog-cta-button{background:var(--accent);color:var(--surface);border-radius:var(--radius-md);justify-content:center;align-items:center;padding:.625rem 1.5rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:opacity .2s,transform .2s;display:inline-flex}.blog-cta-button:hover{opacity:.9;transform:translateY(-1px)}.blog-related-title{font-family:var(--font-sans);color:var(--text);margin-bottom:1rem;font-size:1rem;font-weight:600}.blog-related-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.blog-related-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:.75rem;padding:.875rem 1rem;text-decoration:none;transition:background-color .2s,border-color .2s;display:flex}.blog-related-card:hover{background:var(--accent-soft);border-color:var(--accent)}.blog-related-icon{font-size:1.25rem;line-height:1}.blog-related-label{color:var(--text);font-size:.875rem;font-weight:500}.blog-sticky-cta{background:var(--surface);border-top:1px solid var(--border);z-index:50;justify-content:center;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #00000014;box-shadow:0 -4px 20px lab(0% 0 0/.08)}.blog-sticky-text{color:var(--text-muted);font-size:.875rem;display:none}.blog-sticky-button{background:var(--accent);color:var(--surface);border-radius:var(--radius-md);align-items:center;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-flex}.blog-sticky-button:hover{opacity:.9}.blog-index-header{border-bottom:1px solid var(--border);margin-bottom:2.5rem;padding-bottom:1.5rem}.blog-index-title{font-family:var(--font-sans);color:var(--text);margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.blog-index-subtitle{color:var(--text-muted);font-size:1rem;line-height:1.5}.blog-index-list{flex-direction:column;gap:1rem;display:flex}.blog-index-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .2s,box-shadow .2s}.blog-index-card:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}.blog-index-card-link{color:inherit;padding:1.25rem;text-decoration:none;display:block}.blog-index-card-meta{font-family:var(--font-mono);color:var(--text-faint);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.75rem;display:flex}.blog-index-card-dot{opacity:.5}.blog-index-card-title{font-family:var(--font-sans);color:var(--text);margin-bottom:.375rem;font-size:1.125rem;font-weight:600;line-height:1.3}.blog-index-card-description{color:var(--text-muted);margin-bottom:.75rem;font-size:.9375rem;line-height:1.5}.blog-index-card-read-more{color:var(--accent);font-size:.875rem;font-weight:500}.blog-index-card-arrow{transition:transform .2s}.blog-index-card-link:hover .blog-index-card-arrow{transform:translate(3px)}@media (min-width:640px){.blog-page{padding:3rem 1.5rem 6rem}.blog-title,.blog-index-title{font-size:2.25rem}.blog-sticky-text{display:block}.blog-related-grid{grid-template-columns:repeat(4,1fr)}}