:root{--ft-bg: #0a0a0a;--ft-bg-raised: #111111;--ft-bg-panel: #141414;--ft-bg-input: #0d0d0d;--ft-border: #1e1e1e;--ft-border-focus: #2a2a2a;--ft-grid: rgba(255, 255, 255, .02);--ft-grid-accent: rgba(59, 130, 246, .04);--ft-accent: #3b82f6;--ft-accent-dim: #1d4ed8;--ft-accent-glow: rgba(59, 130, 246, .3);--ft-accent-text: #60a5fa;--ft-success: #22c55e;--ft-warn: #eab308;--ft-error: #ef4444;--ft-text: #e4e4e7;--ft-text-dim: #a1a1aa;--ft-text-muted: #71717a;--ft-text-bright: #fafafa;--ft-font-mono: "IBM Plex Mono", "JetBrains Mono", "Fira Code", ui-monospace, monospace;--ft-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ft-sp-1: 4px;--ft-sp-2: 8px;--ft-sp-3: 12px;--ft-sp-4: 16px;--ft-sp-5: 20px;--ft-sp-6: 24px;--ft-sp-8: 32px;--ft-sp-10: 40px;--ft-sp-12: 48px;--ft-sp-16: 64px;--ft-radius-sm: 4px;--ft-radius-md: 6px;--ft-radius-lg: 8px;--ft-transition: .15s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--ft-font-sans);font-size:15px;line-height:1.6;color:var(--ft-text);background:var(--ft-bg);min-height:100vh}a{color:var(--ft-accent-text);text-decoration:none;transition:color var(--ft-transition)}a:hover{color:var(--ft-accent)}h1,h2,h3,h4,h5,h6{font-family:var(--ft-font-mono);font-weight:600;color:var(--ft-text-bright);line-height:1.3}code,pre{font-family:var(--ft-font-mono)}img,svg{display:block;max-width:100%}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}input,select,textarea{font:inherit;color:inherit}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--ft-accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.ft-page{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(var(--ft-grid) 1px,transparent 1px),linear-gradient(90deg,var(--ft-grid) 1px,transparent 1px),var(--ft-bg);background-size:40px 40px}.ft-main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:var(--ft-sp-8) var(--ft-sp-4)}.ft-main--wide{max-width:1200px}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--ft-sp-6)}.tool-card{background:var(--ft-bg-panel);border:1px solid var(--ft-border);border-radius:var(--ft-radius-lg);padding:var(--ft-sp-6);transition:border-color var(--ft-transition),box-shadow var(--ft-transition),transform var(--ft-transition);text-decoration:none;display:flex;flex-direction:column;gap:var(--ft-sp-2);min-height:160px}.tool-card:hover{border-color:var(--ft-accent);box-shadow:0 0 0 1px var(--ft-accent-glow),0 8px 32px #00000080;transform:translateY(-2px)}.tool-card:active{transform:translateY(0)}.tool-card h3{font-size:16px;font-family:var(--ft-font-mono);font-weight:700;color:var(--ft-accent-text);text-transform:capitalize;transition:text-decoration var(--ft-transition)}.tool-card:hover h3{text-decoration:underline;text-underline-offset:3px}.tool-card p{font-size:13px;color:var(--ft-text-dim);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tool-card .tool-card__tags{display:flex;flex-wrap:wrap;gap:var(--ft-sp-1);margin-top:auto;padding-top:var(--ft-sp-3);border-top:1px solid var(--ft-border)}.tool-card .tool-card__tag{font-size:11px;font-family:var(--ft-font-mono);color:var(--ft-text-muted);background:var(--ft-bg);border:1px solid var(--ft-border);border-radius:var(--ft-radius-sm);padding:2px 8px}.tool-panel{background:var(--ft-bg-panel);border:1px solid var(--ft-border);border-radius:var(--ft-radius-lg);padding:var(--ft-sp-6);position:relative}.tool-inputs{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--ft-sp-4);margin-bottom:var(--ft-sp-6)}.tool-input-label{display:flex;flex-direction:column;gap:var(--ft-sp-1);font-size:13px;color:var(--ft-text-dim);font-family:var(--ft-font-mono)}.tool-input-label input,.tool-input-label select{background:var(--ft-bg-input);border:1px solid var(--ft-border);border-radius:var(--ft-radius-sm);padding:var(--ft-sp-3) var(--ft-sp-3);min-height:44px;color:var(--ft-text-bright);font-family:var(--ft-font-mono);font-size:15px;font-variant-numeric:tabular-nums;transition:border-color var(--ft-transition),box-shadow var(--ft-transition)}.tool-input-label input:focus-visible,.tool-input-label select:focus-visible{outline:2px solid var(--ft-accent);outline-offset:2px;border-color:var(--ft-accent);box-shadow:none}.tool-input-label input:focus:not(:focus-visible),.tool-input-label select:focus:not(:focus-visible){outline:none;border-color:var(--ft-accent);box-shadow:0 0 0 3px var(--ft-accent-glow)}.tool-input-label input::placeholder{color:var(--ft-text-muted)}.tool-error{background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:var(--ft-radius-sm);padding:var(--ft-sp-3) var(--ft-sp-4);color:var(--ft-error);font-size:13px;font-family:var(--ft-font-mono);margin-bottom:var(--ft-sp-4)}.tool-computing{color:var(--ft-accent-text);font-size:13px;font-family:var(--ft-font-mono);padding:var(--ft-sp-2) 0;animation:ft-pulse .8s ease-in-out infinite}@keyframes ft-pulse{0%,to{opacity:1}50%{opacity:.3}}.results-table{width:100%;border-collapse:collapse;font-family:var(--ft-font-mono);font-size:13px;margin-top:var(--ft-sp-4);animation:ft-fade-in .2s ease-out}@keyframes ft-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.results-table th,.results-table td{text-align:left;padding:var(--ft-sp-2) var(--ft-sp-3);border-bottom:1px solid var(--ft-border)}.results-table th{color:var(--ft-text-dim);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.results-table td{color:var(--ft-text-bright)}.results-table td:nth-child(2){font-variant-numeric:tabular-nums;color:var(--ft-accent-text);font-weight:600}.results-table td:last-child{color:var(--ft-text-dim);font-size:12px}.chart-block{margin-top:var(--ft-sp-6);background:var(--ft-bg);border:1px solid var(--ft-border);border-radius:var(--ft-radius-md);padding:var(--ft-sp-4);animation:ft-fade-in .3s ease-out}.api-block{margin-top:var(--ft-sp-8);border:1px solid var(--ft-border);border-radius:var(--ft-radius-lg);overflow:hidden}.api-tabs{display:flex;background:var(--ft-bg-raised);border-bottom:1px solid var(--ft-border)}.api-tab{padding:var(--ft-sp-3) var(--ft-sp-5);min-height:44px;display:flex;align-items:center;font-size:12px;font-family:var(--ft-font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ft-text-dim);border-bottom:2px solid transparent;transition:color var(--ft-transition),border-color var(--ft-transition),background var(--ft-transition)}.api-tab:hover{color:var(--ft-text);background:#ffffff05}.api-tab.active{color:var(--ft-accent-text);border-bottom-color:var(--ft-accent);background:#3b82f60a}.api-code{background:var(--ft-bg);padding:var(--ft-sp-4) var(--ft-sp-5);overflow-x:auto;font-size:13px;line-height:1.6;color:var(--ft-text);-webkit-user-select:all;user-select:all}.formula-block{margin-top:var(--ft-sp-6);border:1px solid var(--ft-border);border-radius:var(--ft-radius-md)}.formula-block summary{padding:var(--ft-sp-3) var(--ft-sp-4);min-height:44px;display:flex;align-items:center;font-family:var(--ft-font-mono);font-size:13px;color:var(--ft-text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--ft-transition),background var(--ft-transition)}.formula-block summary:hover{color:var(--ft-text);background:#ffffff05}.formula-block[open] summary{border-bottom:1px solid var(--ft-border)}.formula-notes{padding:var(--ft-sp-4);font-size:13px;line-height:1.7;color:var(--ft-text-dim);font-family:var(--ft-font-mono)}.formula-refs{padding:var(--ft-sp-3) var(--ft-sp-4);border-top:1px solid var(--ft-border)}.formula-refs li{font-size:12px;padding:var(--ft-sp-1) 0}.chain-block{margin-top:var(--ft-sp-6);padding:var(--ft-sp-5);border:1px solid var(--ft-border);border-radius:var(--ft-radius-md);background:var(--ft-bg-panel)}.chain-block h3{font-size:14px;margin-bottom:var(--ft-sp-4);color:var(--ft-text-dim);font-weight:500}.chain-block h4{font-size:12px;color:var(--ft-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--ft-sp-2);font-weight:500}.chain-block ul{margin-bottom:var(--ft-sp-4)}.chain-block li{font-size:13px;padding:var(--ft-sp-2) 0;font-family:var(--ft-font-mono);display:flex;align-items:center;gap:var(--ft-sp-2)}.chain-block li:before{content:"→";color:var(--ft-accent-dim);font-size:14px}.chain-block code{color:var(--ft-text-muted);font-size:12px}.wasm-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ft-sp-4);padding:var(--ft-sp-12);color:var(--ft-text-dim);font-family:var(--ft-font-mono);font-size:13px}.wasm-spinner{width:32px;height:32px;border:2px solid var(--ft-border);border-top-color:var(--ft-accent);border-radius:50%;animation:ft-spin .8s linear infinite}@keyframes ft-spin{to{transform:rotate(360deg)}}.qa-section{margin-top:var(--ft-sp-8)}.qa-section h2{font-size:16px;margin-bottom:var(--ft-sp-5);color:var(--ft-text);font-weight:500}.qa-section h3{font-size:14px;color:var(--ft-text);margin-bottom:var(--ft-sp-2);font-weight:500}.qa-section p{font-size:14px;color:var(--ft-text-dim);line-height:1.7;margin-bottom:var(--ft-sp-6);padding-bottom:var(--ft-sp-6);border-bottom:1px solid var(--ft-border)}.qa-section p:last-child{border-bottom:none}.ft-header{display:flex;align-items:center;gap:var(--ft-sp-4);padding:var(--ft-sp-4) var(--ft-sp-6);border-bottom:1px solid var(--ft-border);background:var(--ft-bg-raised);position:sticky;top:0;z-index:100;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.ft-header__logo{font-family:var(--ft-font-mono);font-size:18px;font-weight:700;color:var(--ft-text-bright);letter-spacing:-.02em;text-decoration:none}.ft-header__logo span{color:var(--ft-accent)}.ft-header nav{display:flex;gap:var(--ft-sp-4);margin-left:auto}.ft-header nav a{font-family:var(--ft-font-mono);font-size:13px;color:var(--ft-text-dim);padding:var(--ft-sp-2) var(--ft-sp-2);border-radius:var(--ft-radius-sm);transition:color var(--ft-transition),background var(--ft-transition)}.ft-header nav a:hover{color:var(--ft-accent-text);background:#ffffff08}.ft-header nav a.active{color:var(--ft-accent-text)}.ft-footer{border-top:1px solid var(--ft-border);padding:var(--ft-sp-8) var(--ft-sp-6);text-align:center;font-size:12px;color:var(--ft-text-muted);font-family:var(--ft-font-mono)}.ft-footer a{color:var(--ft-text-dim);margin:0 var(--ft-sp-3);padding:var(--ft-sp-1) var(--ft-sp-2);border-radius:var(--ft-radius-sm);transition:color var(--ft-transition)}.ft-footer a:hover{color:var(--ft-accent-text)}.ft-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--ft-sp-16) var(--ft-sp-4);text-align:center}.ft-not-found h1{font-size:64px;color:var(--ft-text-muted);font-weight:700}.ft-not-found p{margin-top:var(--ft-sp-4);color:var(--ft-text-dim);font-size:15px}.ft-not-found a{margin-top:var(--ft-sp-6);color:var(--ft-accent-text);font-family:var(--ft-font-mono);font-size:14px;padding:var(--ft-sp-3) var(--ft-sp-6);border:1px solid var(--ft-accent-dim);border-radius:var(--ft-radius-md);transition:background var(--ft-transition),border-color var(--ft-transition)}.ft-not-found a:hover{background:var(--ft-accent-glow);border-color:var(--ft-accent)}.tool-page__header{margin-bottom:var(--ft-sp-6)}.tool-page__header h1{font-size:24px;font-family:var(--ft-font-mono);color:var(--ft-text-bright);margin-bottom:var(--ft-sp-2);text-transform:capitalize}.tool-page__header p{font-size:14px;color:var(--ft-text-dim);line-height:1.6;max-width:720px}.tool-page__version{font-size:11px;font-family:var(--ft-font-mono);color:var(--ft-text-muted);border:1px solid var(--ft-border);border-radius:var(--ft-radius-sm);padding:1px 6px;margin-left:var(--ft-sp-3);vertical-align:middle}.tool-page__section{margin-top:var(--ft-sp-10)}@media(max-width:640px){.ft-main{padding:var(--ft-sp-4) var(--ft-sp-3)}.tool-grid,.tool-inputs{grid-template-columns:1fr}.ft-header{padding:var(--ft-sp-3) var(--ft-sp-4);flex-wrap:wrap}.ft-header nav{width:100%;margin-left:0;margin-top:var(--ft-sp-2)}.tool-page__header h1{font-size:20px}.results-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.results-table td:last-child,.results-table th:last-child{display:none}.ft-header nav{flex-wrap:wrap;gap:var(--ft-sp-2)}.ft-header nav a{flex:1;min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--ft-bg-panel);border:1px solid var(--ft-border);border-radius:999px;padding:var(--ft-sp-2) var(--ft-sp-4)}.tool-card .tool-card__tag{font-size:12px;padding:4px 10px}}