:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f4f1e8;--paper-strong:#fffdf7;--ink:#17232d;--muted:#5f6b72;--line:#c7c6bd;--line-strong:#17232d;--signal:#c7432e;--signal-dark:#9f2f20;--teal:#0b6e72;--teal-soft:#d8eeee;--night:#101c24;--night-2:#172a34;--lime:#bbef69;--tested:#0f6e5b;--shadow:8px 8px 0 #17232d24;font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{background:var(--paper);min-width:280px;min-height:100vh;color:var(--ink);margin:0;overflow-x:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}p,h1,h2,h3{overflow-wrap:anywhere}button{color:inherit}:focus-visible{outline:3px solid var(--signal);outline-offset:4px}::selection{background:var(--lime);color:var(--night)}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.page-width{width:min(1120px,100% - 40px);margin-inline:auto}.site-shell{min-height:100vh}.site-header{border-bottom:2px solid var(--line-strong);justify-content:space-between;align-items:center;gap:24px;width:min(1120px,100% - 40px);min-height:92px;margin:0 auto;display:flex}.brand{color:inherit;letter-spacing:-.02em;align-items:center;gap:12px;font-weight:850;text-decoration:none;display:inline-flex}.brand__mark{border:2px solid var(--ink);background:var(--lime);width:42px;height:42px;box-shadow:3px 3px 0 var(--ink);letter-spacing:.08em;flex:none;place-items:center;font:900 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.brand__words{flex-direction:column;gap:3px;display:flex}.brand__words strong{font-size:18px}.brand__words small{color:var(--muted);letter-spacing:.02em;font-size:11px;font-weight:650}.brand--center{justify-content:center;font-size:20px}.language-switch{border:2px solid var(--ink);background:var(--paper-strong);min-height:44px;color:inherit;box-shadow:3px 3px 0 var(--ink);align-items:center;gap:8px;padding:0 15px;font-weight:800;text-decoration:none;display:inline-flex}.language-switch:hover{box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-1px)}.section-nav{z-index:20;overscroll-behavior-inline:contain;background:color-mix(in srgb, var(--paper) 94%, transparent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scrollbar-width:none;justify-content:center;gap:2px;padding:9px 20px;display:flex;position:sticky;top:0;overflow-x:auto}.section-nav::-webkit-scrollbar{display:none}.section-nav a{color:var(--muted);border-radius:99px;flex:none;padding:9px 14px;font-size:13px;font-weight:800;text-decoration:none}.section-nav a:hover{background:var(--ink);color:var(--paper-strong)}.hero{grid-template-columns:minmax(0,1.4fr) minmax(280px,.75fr);align-items:end;gap:clamp(36px,8vw,100px);padding-block:clamp(72px,10vw,124px) 58px;display:grid}.eyebrow{color:var(--teal);text-transform:uppercase;letter-spacing:.12em;margin:0 0 13px;font:850 12px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}h1,h2,h3{margin-top:0}h1{letter-spacing:-.065em;max-width:820px;margin-bottom:24px;font-size:clamp(46px,7.8vw,92px);line-height:.98}h2{letter-spacing:-.045em;margin-bottom:16px;font-size:clamp(34px,5vw,58px);line-height:1}h3{letter-spacing:-.02em;font-size:20px}.hero__lead,.section-intro{color:var(--muted);font-size:clamp(18px,2vw,22px);line-height:1.7}.hero__lead{max-width:760px;margin:0 0 30px}.button{border:2px solid var(--ink);background:var(--paper-strong);min-height:44px;color:var(--ink);cursor:pointer;box-shadow:3px 3px 0 var(--ink);justify-content:center;align-items:center;padding:10px 18px;font-weight:850;text-decoration:none;display:inline-flex}.button:hover{box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-1px)}.button:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.button--primary{background:var(--signal);color:#fff}.button--quiet{box-shadow:none;white-space:nowrap;background:0 0}.scope-card{border:2px solid var(--ink);background:var(--night);color:#fff;min-width:0;box-shadow:var(--shadow);padding:24px}.scope-card strong{margin:20px 0 10px;font-size:18px;display:block}.scope-card p{color:#c7d1d4;margin:0;line-height:1.65}.scope-card__signal{background:repeating-linear-gradient(90deg,#0000 0 23px,#ffffff12 24px),repeating-linear-gradient(0deg,#0000 0 23px,#ffffff12 24px);align-items:center;gap:6px;height:74px;padding:12px;display:flex;overflow:hidden}.scope-card__signal i{background:var(--lime);width:18%;height:3px;box-shadow:26px -12px 0 var(--lime), 52px 8px 0 var(--lime);transform:skewY(-18deg)}.device-notice{border:2px solid var(--teal);background:var(--teal-soft);align-items:center;gap:18px;padding:20px 24px;display:flex}.device-notice__icon{background:var(--teal);color:#fff;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:24px;display:grid}.device-notice strong{margin-bottom:3px;display:block}.device-notice p{color:#365d60;margin:0;line-height:1.5}.section-block{border-bottom:1px solid var(--line);padding-block:clamp(76px,10vw,128px);scroll-margin-top:76px}.section-heading{justify-content:space-between;align-items:start;gap:32px;margin-bottom:34px;display:flex}.section-heading>div{max-width:820px}.section-heading .section-intro{margin-bottom:0}.button-status-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.button-status{border:2px solid var(--line);background:var(--paper-strong);min-width:0;padding:17px;transition:border-color .12s,background .12s,transform .12s}.button-status strong,.button-status small{display:block}.button-status strong{margin:14px 0 5px}.button-status small{color:var(--muted)}.button-status__lamp{border:2px solid var(--ink);background:0 0;border-radius:50%;width:11px;height:11px;display:block}.button-status[data-state=tested]{border-color:var(--tested);background:#e0f3ed}.button-status[data-state=tested] .button-status__lamp{background:var(--tested)}.button-status[data-state=pressed]{border-color:var(--signal);background:#ffe3dc;transform:translateY(3px)}.button-status[data-state=pressed] .button-status__lamp{background:var(--signal);box-shadow:0 0 0 5px #ff5b4533}.signal-pad{border:2px solid var(--night);background-color:var(--night);color:#fff;text-align:center;-webkit-user-select:none;user-select:none;touch-action:manipulation;cursor:crosshair;background-image:radial-gradient(#bbef6938 1px,#0000 1px);background-size:20px 20px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:230px;padding:30px;display:flex}.signal-pad strong{letter-spacing:-.03em;font-size:clamp(23px,4vw,36px)}.signal-pad>span:last-child{color:#c7d1d4;max-width:650px;line-height:1.55}.signal-pad__icon{color:var(--lime);font-size:58px;line-height:1}.signal-pad--double{background-color:#172633}.signal-pad--wheel{cursor:ns-resize;touch-action:auto;background-color:#14282a}.wheel-axes{color:var(--lime);letter-spacing:.2em;font:800 42px/1 ui-monospace,monospace}.pulse-rings{width:74px;height:74px;position:relative}.pulse-rings i{border:2px solid var(--lime);border-radius:50%;position:absolute;inset:50%;transform:translate(-50%,-50%)}.pulse-rings i:first-child{background:var(--lime);width:20px;height:20px}.pulse-rings i:nth-child(2){width:44px;height:44px}.pulse-rings i:nth-child(3){opacity:.55;width:70px;height:70px}.other-buttons,.limitation-note{border-left:4px solid var(--teal);background:var(--teal-soft);margin:14px 0 0;padding:13px 16px;line-height:1.55}.limitation-note{color:#315c5f}.event-panel{border:2px solid var(--ink);background:var(--paper-strong);margin-top:22px;padding:22px}.event-panel h3{margin-bottom:15px}.empty-state{color:var(--muted)}.event-list{gap:7px;margin:0;padding:0;list-style:none;display:grid}.event-list li{border:1px solid var(--line);min-width:0;color:var(--muted);grid-template-columns:minmax(90px,.8fr) minmax(90px,.8fr) minmax(150px,1.2fr) minmax(140px,1.2fr) auto;gap:12px;padding:11px 13px;font:650 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.event-list code,.event-list strong{color:var(--ink);font-weight:850}.event-list time{text-align:right}.event-list--wheel li{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-grid{gap:10px;margin-top:14px;display:grid}.metric-grid--double{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid--cps{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-grid article{border:2px solid var(--ink);background:var(--paper-strong);padding:20px}.metric-grid span,.metric-grid strong{display:block}.metric-grid span{color:var(--muted);margin-bottom:8px;font-size:13px;font-weight:750}.metric-grid strong{font:900 clamp(28px,5vw,50px)/1 ui-monospace,SFMono-Regular,Menlo,monospace}.interval-strip{flex-wrap:wrap;align-items:center;gap:8px;min-height:40px;margin-top:14px;display:flex}.interval-chip{border:1px solid var(--ink);background:var(--lime);padding:8px 11px;font:750 13px/1 ui-monospace,monospace}.explain-card{border:2px solid var(--ink);background:var(--teal-soft);margin-top:26px;padding:25px}.explain-card p,.explain-card li{color:#31575a;line-height:1.65}.explain-card ul{columns:2;margin-bottom:0;padding-left:21px}.duration-picker{border:0;flex-wrap:wrap;align-items:stretch;gap:9px;margin:0 0 16px;padding:0;display:flex}.duration-picker legend{width:100%;margin-bottom:9px;font-weight:850}.duration-picker>button{border:2px solid var(--ink);background:var(--paper-strong);cursor:pointer;min-width:78px;min-height:54px;font-weight:800}.duration-picker>button.active{background:var(--lime);box-shadow:inset 0 -4px 0 var(--teal)}.custom-duration{border:2px solid var(--ink);background:var(--paper-strong);grid-template-columns:auto 72px;align-items:center;gap:2px 10px;min-width:190px;min-height:54px;padding:7px 12px;display:grid}.custom-duration span{font-weight:800}.custom-duration input{border:1px solid var(--ink);background:#fff;width:72px;padding:6px}.custom-duration small{color:var(--muted);grid-column:1/-1}.field-error{color:#a42218;flex-basis:100%;margin:0;font-weight:750}.cps-pad{border:2px solid var(--ink);background:var(--signal);color:#fff;cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:manipulation;width:100%;min-height:290px;box-shadow:8px 8px 0 var(--ink);flex-direction:column;justify-content:center;align-items:center;display:flex}.cps-pad:hover{background:#b93625}.cps-pad:active{box-shadow:3px 3px 0 var(--ink);background:#a83122}.cps-pad strong{letter-spacing:-.08em;font:950 clamp(84px,18vw,180px)/.8 ui-monospace,SFMono-Regular,Menlo,monospace}.cps-pad span{font-weight:850}.cps-pad__label{text-transform:uppercase;letter-spacing:.12em;margin-bottom:20px}.storage-actions{justify-content:space-between;align-items:center;gap:20px;min-height:50px;margin-top:16px;display:flex}.text-button{min-height:44px;color:var(--teal);cursor:pointer;background:0 0;border:0;font-weight:800;text-decoration:underline}.storage-actions span{color:var(--tested);font-weight:750}.privacy-section{border-top:2px solid var(--ink)}.privacy-section>.section-intro{max-width:820px}.privacy-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:34px;display:grid}.privacy-grid article{border:2px solid var(--ink);background:var(--paper-strong);padding:24px}.privacy-grid article>span{color:var(--signal);font:850 12px/1 ui-monospace,monospace}.privacy-grid h3{margin:24px 0 12px}.privacy-grid p{color:var(--muted);margin:0;line-height:1.68}.faq-section{border-bottom:0}.faq-list{border-top:2px solid var(--ink)}.faq-list details{border-bottom:1px solid var(--line-strong)}.faq-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:22px 4px;font-size:18px;font-weight:850;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";font:900 24px/1 ui-monospace,monospace}.faq-list details[open] summary:after{content:"−"}.faq-list details p{max-width:820px;color:var(--muted);margin:-6px 0 24px;line-height:1.7}.site-footer{border-top:2px solid var(--ink);justify-content:space-between;align-items:center;gap:30px;padding-block:34px 60px;display:flex}.site-footer p{max-width:620px;color:var(--muted);text-align:right;margin:0;line-height:1.5}.language-page,.not-found-page{background-color:var(--night);background-image:linear-gradient(#bbef6912 1px,#0000 1px),linear-gradient(90deg,#bbef6912 1px,#0000 1px);background-size:32px 32px;place-items:center;min-height:100vh;padding:34px 20px;display:grid}.language-card,.not-found-card{border:2px solid var(--ink);background:var(--paper);width:min(760px,100%);box-shadow:12px 12px 0 var(--signal);text-align:center;padding:clamp(34px,7vw,70px)}.language-card h1{margin-inline:auto;font-size:clamp(42px,8vw,74px)}.language-card h1 span{color:var(--teal)}.language-lead{color:var(--muted);margin:6px auto;font-size:17px;line-height:1.55}.language-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:34px;display:grid}.language-choice{border:2px solid var(--ink);background:var(--paper-strong);text-align:left;min-height:150px;box-shadow:4px 4px 0 var(--ink);flex-direction:column;align-items:start;gap:7px;padding:22px;text-decoration:none;display:flex}.language-choice:hover{background:var(--lime);box-shadow:7px 7px 0 var(--ink);transform:translate(-2px,-2px)}.language-choice strong{font-size:24px}.language-choice span:last-child{color:var(--muted)}.language-choice__code{color:var(--signal-dark);font:900 13px/1 ui-monospace,monospace}.language-privacy{color:var(--muted);margin:28px 0 0;font:700 12px/1.5 ui-monospace,monospace}.not-found-code{color:var(--signal);letter-spacing:-.08em;font:950 clamp(80px,18vw,160px)/.8 ui-monospace,monospace;display:block}.not-found-card h1{margin:30px auto 14px;font-size:clamp(38px,7vw,68px)}.not-found-card p{color:var(--muted);margin:0 0 28px}@media (width<=820px){.hero{grid-template-columns:1fr;align-items:start;gap:34px;padding-top:72px}.scope-card{max-width:560px}.button-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.button-status:last-child{grid-column:1/-1}.event-list li,.event-list--wheel li{grid-template-columns:repeat(2,minmax(0,1fr))}.event-list time{text-align:left}.privacy-grid{grid-template-columns:1fr}.site-footer{flex-direction:column;align-items:start}.site-footer p{text-align:left}}@media (width<=560px){.page-width,.site-header{width:min(100% - 24px,1120px)}.site-header{min-height:76px}.brand__words small{display:none}.language-switch{padding-inline:11px;font-size:13px}.section-nav{justify-content:flex-start;padding-inline:12px}h1{font-size:clamp(42px,13vw,62px)}h2{font-size:clamp(34px,10vw,46px)}.hero{padding-top:58px}.device-notice{align-items:start;padding:17px}.section-heading{flex-direction:column;align-items:stretch;gap:16px}.section-heading .button{align-self:start}.signal-pad{min-height:250px;padding:24px 18px}.metric-grid--double,.metric-grid--cps,.event-list li,.event-list--wheel li{grid-template-columns:1fr}.explain-card ul{columns:1}.duration-picker>button{flex:calc(50% - 9px)}.custom-duration{flex:100%}.cps-pad{min-height:250px}.storage-actions{flex-direction:column;align-items:start;gap:4px}.language-card,.not-found-card{box-shadow:7px 7px 0 var(--signal);padding:34px 20px}.language-choices{grid-template-columns:1fr}.language-choice{min-height:120px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}