@import"https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=JetBrains+Mono:wght@400;600&display=swap";:root{color-scheme:dark;--canvas: #0c0f14;--surface: #131922;--surface-alt: #1a2232;--surface-raise: #1e2840;--text: #dde5f0;--muted: #6e82a0;--muted-strong: #94a8c0;--border: #24344d;--rule: #182030;--grid-line: rgba(232, 160, 32, .04);--accent: #e8a020;--accent-strong: #c88418;--accent-soft: rgba(232, 160, 32, .1);--accent-glow: rgba(232, 160, 32, .16);--readout: #3ddc84;--readout-dim: rgba(61, 220, 132, .55);--warning: #f4a44a;--warning-soft: rgba(244, 164, 74, .12);--error: #f06a6a;--error-soft: rgba(240, 106, 106, .12);--code: #0a0e14;--shadow: 0 24px 64px rgba(0, 0, 0, .6);--shadow-sm: 0 4px 16px rgba(0, 0, 0, .4);--header-bg: rgba(12, 15, 20, .92);--radius: 6px;--container: 1180px;font-family:IBM Plex Sans,ui-sans-serif,system-ui,sans-serif;font-size:16px;line-height:1.55}[data-theme=light]{color-scheme:light;--canvas: #eef1f7;--surface: #ffffff;--surface-alt: #e8edf5;--surface-raise: #dde4f0;--text: #1a2640;--muted: #5e7896;--muted-strong: #3a5272;--border: #c4d0e2;--rule: #dae0ea;--grid-line: rgba(60, 100, 180, .06);--accent: #a85e08;--accent-strong: #864a06;--accent-soft: rgba(168, 94, 8, .1);--accent-glow: rgba(168, 94, 8, .2);--readout: #1a7044;--readout-dim: rgba(26, 112, 68, .5);--warning: #b87010;--warning-soft: rgba(184, 112, 16, .1);--error: #c03838;--error-soft: rgba(192, 56, 56, .1);--code: #e4ecf6;--shadow: 0 24px 64px rgba(20, 36, 64, .12);--shadow-sm: 0 4px 16px rgba(20, 36, 64, .08);--header-bg: rgba(238, 241, 247, .92)}*{box-sizing:border-box}[hidden]{display:none!important}html{background-color:var(--canvas);background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:32px 32px;background-attachment:fixed;color:var(--text);min-width:320px;scroll-behavior:smooth}body{margin:0}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:var(--accent-strong);text-decoration:underline}:where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:3px}button,input,select,textarea{font:inherit}button{cursor:pointer}img,svg{display:block;max-width:100%}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.site-shell{min-height:100vh;display:flex;flex-direction:column}.site-main{flex:1}.container{width:min(var(--container),calc(100% - 32px));margin:0 auto}.site-header{border-bottom:1px solid var(--border);background:var(--header-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.site-header:before{content:"";display:block;height:2px;background:linear-gradient(90deg,transparent 0%,var(--accent) 20%,var(--accent) 80%,transparent 100%);opacity:.6}.header-inner{min-height:60px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--text);font-family:Syne,sans-serif;font-weight:800;font-size:1.05rem;letter-spacing:.02em}.brand:hover{color:var(--accent);text-decoration:none}.brand-mark{position:relative;width:28px;height:28px;border:1px solid var(--accent);border-radius:4px;background:var(--surface);box-shadow:0 0 10px var(--accent-glow),inset 0 0 8px #e8a0200f;flex-shrink:0}.brand-mark:before,.brand-mark:after{content:"";position:absolute;background:#e8a02059}.brand-mark:before{top:50%;left:4px;right:4px;height:1px;transform:translateY(-50%)}.brand-mark:after{left:50%;top:4px;bottom:4px;width:1px;transform:translate(-50%)}.main-nav{display:flex;justify-content:center;gap:2px}.main-nav a,.header-action,.language-switch{display:inline-flex;min-height:36px;align-items:center;color:var(--muted);border-radius:var(--radius);padding:6px 12px;font-size:.9rem;font-weight:600;white-space:nowrap;transition:color .15s,background .15s}.main-nav a:hover,.main-nav a[aria-current=page]{color:var(--text);background:var(--surface-alt);text-decoration:none}.main-nav a[aria-current=page]{color:var(--accent)}.header-action{color:var(--accent);border:1px solid var(--border);background:var(--surface);font-size:.88rem;font-weight:700;letter-spacing:.01em}.language-switch{justify-content:center;min-width:36px;border:1px solid var(--border);background:var(--surface);color:var(--muted-strong);font-size:.82rem;font-weight:800}.language-switch:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);text-decoration:none}.header-action:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);text-decoration:none}.header-actions{display:flex;align-items:center;gap:8px}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--muted-strong);flex-shrink:0;transition:border-color .15s,color .15s,background .15s}.theme-toggle:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.theme-toggle .icon-moon,[data-theme=light] .theme-toggle .icon-sun{display:none}[data-theme=light] .theme-toggle .icon-moon{display:block}.site-footer{border-top:1px solid var(--border);margin-top:80px;padding:36px 0;color:var(--muted);background:var(--surface)}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:start}.footer-grid strong{display:block;color:var(--text);font-family:Syne,sans-serif;font-weight:700;font-size:.95rem;letter-spacing:.02em;margin-bottom:6px}.footer-grid p{margin:0 0 8px;font-size:.9rem}.footer-grid small{font-size:.8rem;opacity:.7}.footer-links{display:flex;gap:6px 16px;flex-wrap:wrap;justify-content:flex-end}.footer-links a{color:var(--muted);font-size:.88rem}.footer-links a:hover{color:var(--accent);text-decoration:none}.eyebrow{margin:0 0 12px;color:var(--accent);font-size:.78rem;font-weight:700;font-family:IBM Plex Sans,sans-serif;letter-spacing:.12em;text-transform:uppercase}.page-hero{padding:56px 0 36px;border-bottom:1px solid var(--border);background:radial-gradient(ellipse 100% 120% at 50% -10%,rgba(232,160,32,.07) 0%,transparent 65%),var(--canvas);position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:48px;align-items:start}.hero-copy h1,.page-title h1{margin:0;max-width:820px;font-family:Syne,sans-serif;font-size:clamp(2rem,4.2vw,3.8rem);font-weight:800;line-height:1;letter-spacing:-.01em;color:var(--text)}.hero-copy p,.page-title p{margin:20px 0 0;max-width:680px;color:var(--muted-strong);font-size:1.05rem;line-height:1.65}.search-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.search-panel label{display:block;margin-bottom:8px;color:var(--muted-strong);font-size:.82rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.search-input{width:100%;height:44px;border:1px solid var(--border);border-radius:var(--radius);background:var(--code);color:var(--text);padding:0 14px;font-family:IBM Plex Sans,sans-serif;transition:border-color .15s,box-shadow .15s}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.search-input::placeholder{color:var(--muted)}.quick-list{margin:14px 0 0;display:grid;gap:6px}.quick-list a{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;color:var(--text);border:1px solid var(--rule);border-radius:var(--radius);padding:10px 12px;background:var(--canvas);font-size:.9rem;transition:border-color .15s,background .15s}.quick-list a:hover{border-color:var(--accent);background:var(--accent-soft);text-decoration:none}.quick-list strong{font-weight:600}.quick-list span{color:var(--muted);font-size:.8rem}.search-meta{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap}.search-meta span{display:inline-flex;align-items:center;min-height:24px;border:1px solid var(--border);border-radius:999px;background:var(--surface-alt);color:var(--muted);padding:2px 10px;font-size:.75rem;font-weight:600;letter-spacing:.04em}.section{padding:48px 0}.section-header{margin-bottom:24px}.section-header h2{margin:0;font-family:Syne,sans-serif;font-size:1.6rem;font-weight:800;letter-spacing:-.01em;color:var(--text)}.section-header p{margin:8px 0 0;color:var(--muted-strong);max-width:680px}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tool-card{position:relative;display:flex;min-height:200px;flex-direction:column;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;color:var(--text);overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .2s}.tool-card:before,.tool-card:after{content:"";position:absolute;width:8px;height:8px;border-color:var(--border);border-style:solid;transition:border-color .2s}.tool-card:before{top:8px;right:8px;border-width:1px 1px 0 0;border-radius:0 2px 0 0}.tool-card:after{bottom:8px;left:8px;border-width:0 0 1px 1px;border-radius:0 0 0 2px}.tool-card:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-soft),var(--shadow-sm);text-decoration:none;transform:translateY(-2px)}.tool-card:hover:before,.tool-card:hover:after{border-color:var(--accent)}.tool-card h3{margin:0;font-family:Syne,sans-serif;font-size:1.05rem;font-weight:700;letter-spacing:.01em;color:var(--text)}.tool-card p{margin:0;color:var(--muted-strong);font-size:.9rem;line-height:1.55;flex:1}.tool-meta{margin-top:auto;display:flex;gap:6px;flex-wrap:wrap}.tag{display:inline-flex;align-items:center;min-height:22px;border-radius:3px;background:var(--surface-alt);border:1px solid var(--border);color:var(--muted);padding:1px 7px;font-size:.73rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-family:IBM Plex Sans,sans-serif}.tag-accent{background:var(--accent-soft);border-color:#e8a02047;color:var(--accent)}.split-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start}.tool-page{padding-top:28px}.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px;color:var(--muted);font-size:.85rem}.breadcrumbs a{color:var(--muted)}.breadcrumbs a:hover{color:var(--accent)}.page-title{margin-bottom:24px}.calculator{background:var(--surface);border:1px solid var(--border);border-left:2px solid var(--accent);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.calculator-header{border-bottom:1px solid var(--border);padding:20px 24px 18px;background:var(--surface-raise)}.calculator-header h2{margin:0;font-family:Syne,sans-serif;font-size:1.15rem;font-weight:700;letter-spacing:.01em;color:var(--text)}.calculator-header p{margin:6px 0 0;color:var(--muted-strong);font-size:.9rem}.calculator-body{padding:20px 24px;display:grid;gap:18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:grid;gap:6px}.field-full{grid-column:1 / -1}.field label{color:var(--muted-strong);font-size:.83rem;font-weight:600;letter-spacing:.04em}.field small{color:var(--muted);font-size:.82rem;line-height:1.4}.input,.select,.textarea{width:100%;min-height:44px;border:1px solid var(--border);border-radius:var(--radius);background:var(--code);color:var(--text);padding:9px 12px;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.textarea{min-height:120px;resize:vertical;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.88rem;line-height:1.6}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236e82a0' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent-soft);color:var(--accent);padding:8px 16px;font-weight:700;font-size:.9rem;letter-spacing:.02em;transition:background .15s,color .15s,box-shadow .15s}.button:hover{background:var(--accent);color:#0c0f14;box-shadow:0 0 12px var(--accent-glow)}.result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.result-box{min-height:88px;border:1px solid var(--border);border-radius:var(--radius);background:var(--code);padding:14px;position:relative;overflow:hidden}.result-box:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0px,transparent 3px,rgba(0,0,0,.08) 3px,rgba(0,0,0,.08) 4px);pointer-events:none}.result-box dt{margin:0 0 8px;color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-family:IBM Plex Sans,sans-serif}.result-box dd{margin:0;color:var(--readout);font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:1.1rem;font-weight:600;overflow-wrap:anywhere;text-shadow:0 0 12px var(--readout-dim)}.notice{border-radius:var(--radius);padding:12px 14px;background:var(--accent-soft);border:1px solid rgba(232,160,32,.2);color:var(--accent);font-size:.9rem}.notice.warning{background:var(--warning-soft);border-color:#f4a44a33;color:var(--warning)}.notice.error{background:var(--error-soft);border-color:#f06a6a33;color:var(--error)}.content{padding:28px 0 0}.content h2,.content h3{font-family:Syne,sans-serif;letter-spacing:0;color:var(--text)}.content h2{margin:40px 0 12px;font-size:1.4rem;font-weight:800}.content h2:first-child{margin-top:0}.content h3{margin:28px 0 8px;font-size:1.05rem;font-weight:700}.content p,.content li{color:var(--muted-strong)}.content ul,.content ol{padding-left:1.4rem}.content li+li{margin-top:5px}.content code{border:1px solid var(--border);border-radius:4px;background:var(--code);color:var(--accent);padding:1px 5px;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.85em}.content table{width:100%;border-collapse:collapse;margin:20px 0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.content th,.content td{padding:10px 14px;border-bottom:1px solid var(--rule);text-align:left}.content tr:last-child th,.content tr:last-child td{border-bottom:none}.content th{color:var(--muted-strong);font-size:.83rem;font-weight:700;letter-spacing:.04em;background:var(--surface-raise)}.content td{color:var(--muted-strong);font-size:.92rem}.faq-section{margin-top:40px;border-top:1px solid var(--border);padding-top:12px}.faq-list{display:grid;gap:8px}.faq-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:0;overflow:hidden;transition:border-color .15s}.faq-item:hover{border-color:var(--accent)}.faq-item summary{min-height:44px;padding:12px 16px;color:var(--text);cursor:pointer;font-weight:600;font-size:.95rem;list-style:none;display:flex;align-items:center;gap:10px}.faq-item summary:before{content:"";width:16px;height:16px;border:1px solid var(--border);border-radius:3px;flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M2 5h6M5 2v6' stroke='%236e82a0' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.faq-item[open] summary:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M2 5h6' stroke='%23e8a020' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");border-color:var(--accent)}.faq-item p{margin:0;border-top:1px solid var(--border);padding:12px 16px 14px;color:var(--muted-strong);font-size:.92rem}.side-panel{position:sticky;top:78px;display:grid;gap:12px}.panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:16px 18px}.panel h2,.panel h3{margin:0 0 10px;font-family:Syne,sans-serif;font-size:.92rem;font-weight:700;letter-spacing:.04em;color:var(--muted-strong);text-transform:uppercase}.panel ul{margin:0;padding:0;list-style:none}.panel li+li{margin-top:8px}.panel li a{font-size:.9rem;color:var(--muted-strong)}.panel li a:hover{color:var(--accent)}.panel p{margin:0;color:var(--muted-strong);font-size:.9rem}.ad-slot{min-height:250px;border:1px dashed var(--border);border-radius:var(--radius);background:var(--surface);display:grid;place-items:center;color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.5}.guide-list{display:grid;gap:10px}.guide-list a{display:block;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:14px 16px;color:var(--text);transition:border-color .15s,background .15s}.guide-list a:hover{border-color:var(--accent);background:var(--surface-alt);text-decoration:none}.guide-list strong{display:block;margin-bottom:4px;font-size:.95rem;font-weight:600}.guide-list span{color:var(--muted);font-size:.85rem}@media(max-width:980px){.header-inner{grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:8px;padding:10px 0}.main-nav{grid-column:1 / -1;justify-content:flex-start;overflow-x:auto;padding-bottom:2px}.header-action{display:none}.hero-grid,.split-layout{grid-template-columns:1fr}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.side-panel{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.container{width:min(var(--container),calc(100% - 24px))}.page-hero{padding:36px 0 28px}.hero-copy h1,.page-title h1{font-size:2rem;line-height:1.06}.section-header,.footer-grid,.form-grid,.result-grid,.tool-grid,.side-panel{grid-template-columns:1fr}.tool-card{min-height:auto}.content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.content tbody{display:table;width:100%;min-width:480px}}