*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080a0d;color:#f3f5f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}.grid{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 78%)}main{position:relative;width:min(980px,calc(100% - 40px));margin:auto}header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #20242a}.brand{color:#fff;text-decoration:none;font-size:17px;font-weight:800;letter-spacing:-.03em}.brand span,h1 span{color:#71ed9b}.badge{font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;color:#71ed9b;border:1px solid #245b38;background:#0b1b11;padding:8px 10px}.hero{padding:92px 0 65px}.eyebrow{color:#71ed9b;font:700 11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;margin:0 0 20px}h1{font-size:clamp(50px,8vw,88px);line-height:.93;letter-spacing:-.065em;margin:0}.hero>p:last-child{max-width:620px;color:#969da6;line-height:1.7;font-size:17px;margin:30px 0 0}.tabs{display:flex;gap:8px;overflow:auto;padding:0 0 16px}.tab,.buttons button{border:1px solid #292e35;background:#0c0f13;color:#8f969f;padding:12px 16px;font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;cursor:pointer}.tab.active,.tab:hover,.buttons button:hover{color:#fff;border-color:#59616b}.tool{display:none;border:1px solid #252a31;background:#0b0e12;padding:32px;margin-bottom:80px}.tool.active{display:block}.tool-head{display:flex;gap:14px;align-items:center;margin-bottom:28px}.tool-head span{color:#626a74;font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.tool-head h2{margin:0;font-size:20px}.watch{font:700 clamp(38px,8vw,72px)/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.06em;padding:20px 0 34px;overflow-wrap:anywhere}.buttons{display:flex;gap:8px;flex-wrap:wrap}.buttons .primary{background:#eef2f4;color:#080a0d;border-color:#eef2f4}.laps{margin-top:25px;max-height:240px;overflow:auto}.lap{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #20242a;color:#a3aab2;font:600 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.hint{color:#858d96;font-size:13px;line-height:1.6}.hint code{color:#b8c0c8}textarea,input{width:100%;border:1px solid #2a3037;background:#07090c;color:#f4f6f8;padding:15px;font:600 15px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;outline:none;border-radius:0}textarea:focus,input:focus{border-color:#71ed9b}textarea{min-height:180px;resize:vertical;margin:10px 0 22px}.result{border-top:1px solid #252a31;padding-top:24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.result small{color:#69717a;font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}.result strong{font:700 clamp(24px,5vw,42px)/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.05em}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0 26px}.fields label{color:#747c85;font:700 10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}.fields input{margin-top:9px}footer{min-height:90px;border-top:1px solid #20242a;display:flex;align-items:center;justify-content:space-between;color:#646c75;font:600 11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}footer a{color:#8c949d;text-decoration:none}@media(max-width:650px){main{width:min(100% - 28px,980px)}header{height:74px}.hero{padding:70px 0 50px}.tool{padding:22px;margin-bottom:55px}.fields{grid-template-columns:1fr}.result{align-items:flex-start;flex-direction:column}.watch{font-size:clamp(34px,11vw,56px)}footer{gap:16px;flex-direction:column;align-items:flex-start;justify-content:center;padding:22px 0}}