@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";.logo-wrapper[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:12px}.logo[data-astro-cid-3ef6ksr2]{text-decoration:none}.breadcrumb[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:-.02em}.separator[data-astro-cid-3ef6ksr2]{color:var(--text-muted);opacity:.5}.category-link[data-astro-cid-3ef6ksr2]{color:var(--text-muted);text-decoration:none;transition:color .2s}.category-link[data-astro-cid-3ef6ksr2]:hover{color:var(--text-main)}.feedback-widget[data-astro-cid-m57zai7y]{position:fixed;top:50%;right:0;transform:translateY(-50%);z-index:9999}.feedback-tab[data-astro-cid-m57zai7y]{position:absolute;right:0;top:0;background:var(--text-main);color:var(--surface);border:none;padding:30px 6px 30px 14px;cursor:pointer;writing-mode:vertical-rl;text-orientation:mixed;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;transition:all .2s;border-radius:4px 0 0 4px;box-shadow:-2px 2px 8px #0000001a}.feedback-tab[data-astro-cid-m57zai7y]:hover{background:#333;padding-right:12px}.feedback-tab[data-astro-cid-m57zai7y].active{right:360px}.feedback-panel[data-astro-cid-m57zai7y]{position:fixed;top:0;right:-360px;width:360px;height:100vh;background:var(--surface);border-left:1px solid var(--border);box-shadow:-4px 0 20px #0000001a;transition:right .3s ease;overflow:hidden;display:flex;flex-direction:column}.feedback-panel[data-astro-cid-m57zai7y].open{right:0}.panel-header[data-astro-cid-m57zai7y]{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0}.panel-header[data-astro-cid-m57zai7y] h3[data-astro-cid-m57zai7y]{font-size:18px;font-weight:600;margin:0;letter-spacing:-.02em}.close-btn[data-astro-cid-m57zai7y]{background:transparent;border:none;font-size:28px;line-height:1;cursor:pointer;color:var(--text-muted);padding:0;width:auto;transition:color .2s}.close-btn[data-astro-cid-m57zai7y]:hover{color:var(--text-main);background:transparent}.panel-content[data-astro-cid-m57zai7y]{padding:var(--space-lg);overflow-y:auto;flex:1}.panel-intro[data-astro-cid-m57zai7y]{font-size:14px;color:var(--text-muted);margin-bottom:var(--space-lg);line-height:1.5}.feedback-panel[data-astro-cid-m57zai7y] label[data-astro-cid-m57zai7y]{display:block;font-size:12px;font-weight:600;color:var(--text-main);margin-bottom:var(--space-xs)}.feedback-panel[data-astro-cid-m57zai7y] textarea[data-astro-cid-m57zai7y],.feedback-panel[data-astro-cid-m57zai7y] input[data-astro-cid-m57zai7y][type=email]{width:100%;padding:12px;font-family:var(--font-main);font-size:14px;color:var(--text-main);background:var(--bg);border:1px solid var(--border);border-radius:4px;margin-bottom:var(--space-md);resize:vertical;transition:border-color .2s}.feedback-panel[data-astro-cid-m57zai7y] textarea[data-astro-cid-m57zai7y]:focus,.feedback-panel[data-astro-cid-m57zai7y] input[data-astro-cid-m57zai7y][type=email]:focus{outline:none;border-color:var(--text-main);background:var(--surface)}.privacy-text[data-astro-cid-m57zai7y]{font-size:11px;color:var(--text-muted);margin-bottom:var(--space-md);line-height:1.4}.submit-btn[data-astro-cid-m57zai7y]{width:100%;padding:14px;background:var(--text-main);color:var(--surface);border:none;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s;border-radius:4px}.submit-btn[data-astro-cid-m57zai7y]:hover{opacity:.9;background:var(--text-main)}.success-message[data-astro-cid-m57zai7y]{text-align:center;padding:var(--space-xl) 0}.success-icon[data-astro-cid-m57zai7y]{width:60px;height:60px;background:var(--color-success);color:var(--surface);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto var(--space-md)}.success-title[data-astro-cid-m57zai7y]{font-size:18px;font-weight:600;color:var(--text-main);margin-bottom:var(--space-xs)}.success-text[data-astro-cid-m57zai7y]{font-size:14px;color:var(--text-muted);margin:0}@media(max-width:600px){.feedback-panel[data-astro-cid-m57zai7y]{width:100%;right:-100%}.feedback-tab[data-astro-cid-m57zai7y].active{right:100%}}:root{--bg: #F9F9F9;--surface: #FFFFFF;--text-main: #111111;--text-muted: #666666;--border: #E5E5E5;--accent: #000000;--color-success: #2E7D32;--color-error: #C62828;--color-highlight: #FFF176;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 32px;--space-xl: 64px;--font-main: "Inter", Helvetica, Arial, sans-serif;--font-mono: "Courier New", Courier, monospace}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{font-family:var(--font-main);background-color:var(--bg);color:var(--text-main);line-height:1.5;font-size:16px;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:100vh}a{color:inherit;text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.6}.tabular-nums,.metric-value{font-variant-numeric:tabular-nums}.container-limit{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}header.global-header{width:100%;margin:0 auto;padding:var(--space-lg);border-bottom:1px solid var(--border);background-color:var(--bg)}.header-content{width:100%;max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{font-weight:700;font-size:20px;letter-spacing:-.03em;display:flex;align-items:center;gap:12px;color:var(--text-main);text-transform:uppercase}.logo:before{content:"";display:block;width:16px;height:16px;background-color:var(--text-main)}.back-link{font-size:14px;color:var(--text-muted);font-weight:500}.back-link:hover{text-decoration:underline;opacity:1}label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:var(--space-sm);font-weight:600;padding:0;background-color:transparent;width:auto;text-align:left}input,select,textarea{width:100%;padding:16px 20px;font-family:var(--font-main);font-size:18px;color:var(--text-main);background:var(--surface);border:1px solid var(--border);border-radius:0;margin-bottom:var(--space-md);appearance:none;transition:all .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}button,.btn{display:inline-block;width:100%;padding:16px 24px;background-color:var(--accent);color:#fff;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:none;border-radius:0;cursor:pointer;transition:background .2s,transform .1s;text-align:center}button:hover,.btn:hover{background-color:#333}button:active,.btn:active{transform:translateY(1px)}button:disabled{background-color:var(--border);cursor:not-allowed;transform:none}.tool-section{width:100%;padding:var(--space-lg);background-color:var(--bg);flex:1}.tool-wrapper{display:grid;grid-template-columns:1fr;gap:var(--space-xl);max-width:1200px;width:100%;margin:0 auto;padding:0}@media(min-width:900px){.tool-wrapper{grid-template-columns:40% 60%;align-items:start}.tool-context{padding-right:var(--space-lg)}}.tool-context h1{font-size:48px;font-weight:700;letter-spacing:-.04em;margin-bottom:var(--space-lg);line-height:1.1}.tool-context .subtitle{font-size:20px;line-height:1.5;color:var(--text-muted);margin-bottom:var(--space-xl);display:block}.tool-context h3{font-size:18px;font-weight:600;margin-top:var(--space-xl);margin-bottom:var(--space-md);text-transform:none;letter-spacing:-.02em}.tool-context p{margin-bottom:var(--space-md);color:var(--text-muted);line-height:1.6}.tool-context hr{border:0;border-top:1px solid var(--border);margin:var(--space-xl) 0;opacity:1}details{margin-top:var(--space-lg);margin-bottom:var(--space-lg);border-bottom:1px solid var(--border);padding-bottom:1rem}summary{cursor:pointer;font-weight:600;list-style:none;font-size:14px;text-transform:uppercase;letter-spacing:.05em;line-height:1.5}summary::-webkit-details-marker{display:none}summary:after{content:"+";float:right}details[open] summary:after{content:"-"}details p,details ul{margin-top:var(--space-md);font-size:14px;line-height:1.5}.tool-interface{background:var(--surface);border:1px solid var(--border);padding:var(--space-xl);box-shadow:0 4px 20px #00000005}.result-box{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--border);text-align:center}.result-label{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:var(--space-sm);font-weight:600}.result-value{font-size:64px;font-weight:700;letter-spacing:-.04em;margin:var(--space-sm) 0 var(--space-md) 0;display:block;font-variant-numeric:tabular-nums;color:var(--text-main);line-height:1}.intro{width:100%;border-top:1px solid var(--border);padding:var(--space-xl) var(--space-lg);background-color:var(--bg)}.intro-content{max-width:1200px;margin:0 auto}.intro h1{font-size:48px;font-weight:700;letter-spacing:-.04em;margin-bottom:var(--space-md);line-height:1.2}.intro p,.subtitle{font-size:20px;line-height:1.5;color:var(--text-muted);max-width:700px}.tools-section{width:100%;padding:0 var(--space-lg) var(--space-xl) var(--space-lg);background-color:var(--bg)}.tool-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md);max-width:1200px;margin:0 auto;padding:0}@media(min-width:600px){.tool-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.tool-grid{grid-template-columns:repeat(3,1fr)}}.card{background-color:var(--surface);padding:var(--space-lg);border:1px solid var(--border);display:flex;flex-direction:column;justify-content:space-between;min-height:220px;position:relative;cursor:pointer;transition:transform .2s,border-color .2s}.card:hover{border-color:var(--accent);transform:translateY(-2px);z-index:2}.card-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.card-tag{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:var(--space-md)}.card h2{font-size:18px;font-weight:600;letter-spacing:-.02em;margin-bottom:var(--space-sm);line-height:1.5}.card p{line-height:1.5}.card-top{margin-bottom:var(--space-md)}.card-middle{flex-grow:1}.card-bottom{margin-top:var(--space-lg);display:flex;justify-content:flex-end}.arrow-link{font-size:20px;line-height:1;color:var(--text-main)}.content-sections{width:100%;border-top:1px solid var(--border);padding:var(--space-xl) var(--space-lg);background-color:var(--bg)}.content-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:var(--space-xl)}@media(min-width:768px){.content-container{grid-template-columns:1fr 1fr}}.content-col h3{font-size:14px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md);font-weight:600;line-height:1.5}.content-col p{font-size:16px;color:var(--text-muted);line-height:1.5}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-md);align-items:center;font-size:14px;color:var(--text-muted)}@media(min-width:768px){.footer-content{flex-direction:row;justify-content:space-between}}.footer-nav a{margin-left:var(--space-md);color:var(--text-muted)}.footer-nav a:hover{color:var(--text-main);text-decoration:underline}footer.global-footer{margin-top:auto;width:100%;border-top:1px solid var(--border);padding:var(--space-lg) var(--space-lg) var(--space-xl) var(--space-lg);background-color:var(--bg)}.tool-header-row{display:flex;justify-content:space-between;align-items:baseline}.currency-toggle{font-size:12px;font-weight:600;color:var(--text-muted);cursor:pointer;user-select:none;letter-spacing:.05em}.currency-toggle span{padding:0 4px}.currency-toggle span.active{color:var(--text-main);text-decoration:underline}.copy-btn{margin-top:var(--space-md);background:transparent;color:var(--text-muted);border:1px solid var(--border);font-size:11px;text-transform:uppercase;letter-spacing:.1em;padding:8px 16px;width:auto;display:inline-block;cursor:pointer;transition:all .2s}.copy-btn:hover{background:var(--surface);color:var(--text-main);border-color:var(--text-main)}.text-success{color:var(--color-success);font-weight:600}border: 1px solid var(--border); display: flex; flex-direction: column; justify-content: space-between; min-height: 220px; position: relative; cursor: pointer; transition: transform .2s,border-color .2s; input[type="range"]{-webkit-appearance:none;appearance:none;width:100%;height:8px;background:var(--border);border-radius:4px;outline:none;margin:var(--space-md) 0;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;background:var(--text-main);border:3px solid var(--surface);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #0003;transition:transform .2s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}input[type=range]::-moz-range-thumb{width:24px;height:24px;background:var(--text-main);border:3px solid var(--surface);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #0003}.category-nav{width:100%;padding:0 var(--space-lg) var(--space-xl) var(--space-lg);background-color:var(--bg);border-bottom:1px solid var(--border)}.category-nav-content{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center}.category-btn{padding:10px 20px;background:var(--surface);color:var(--text-muted);border:1px solid var(--border);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:all .2s;display:inline-block}.category-btn:hover{background:var(--text-main);color:var(--surface);border-color:var(--text-main);opacity:1}
