Techniques
Each entry is real code, verified against the deployed worker source before being written here.
Display-P3 color widening
Redeclares every accent token in wider-gamut coordinates under a feature query, so P3 screens (iPhone 16 Pro Max, most 2024+ Macs, modern Chrome) render more saturated color while sRGB screens see the exact same hex fallback.
ships in: subagentjobs.com subagentdata.com subagentworkers.com subagentdb.com subagentetl.com subagentcowork.com subagentcoworkers.com subagentcontracts.com subagenttasks.com subagentdevices.com subagentdomains.com subagentidentities.com subagentcitations.com subagentcache.com subagentrubrics.com subagentoutcomes.com subagentevaluations.com subagentapi.com subagentcli.com subagentbrands.com subagentcode.com subagentprompts.com subagentskills.com subagentroles.com subagentmemories.com subagentmodels.com subagentdatamodels.com subagentrust.com subagentpython.com subagenttypescript.com subagentpermissions.com subagentvaults.com subagentsessions.com subagenttools.com subagenthooks.com subagentsubdomains.com subagentgraphql.com subagenthtml.com subagentswift.com subagentengineering.com subagentlegal.com subagentfinance.com subagentmanagers.com subagentsupport.com subagentplugins.com subagentsdk.com subagentservers.com subagentspec.com subagentprotocols.com subagenthandoffs.com
Safe-area insets + viewport-fit=cover
Pads the sticky header, sticky nav, and main content's top/bottom using env(safe-area-inset-*), paired with <meta name=viewport content="...,viewport-fit=cover">, so nothing sits under the Dynamic Island or behind the home-indicator gesture bar.
ships in: subagentjobs.com subagentdata.com subagentcowork.com subagentcoworkers.com subagentcontracts.com subagenttasks.com subagentdevices.com subagentdomains.com subagentidentities.com subagentcitations.com subagentcache.com subagentrubrics.com subagentoutcomes.com subagentevaluations.com subagentapi.com subagentcli.com subagentbrands.com subagentskills.com subagentroles.com subagentmemories.com subagentmodels.com subagentdatamodels.com subagentrust.com subagentpython.com subagenttypescript.com subagentpermissions.com subagentvaults.com subagentsessions.com subagenttools.com subagenthooks.com subagentgraphql.com subagenthtml.com subagentswift.com subagentengineering.com subagentlegal.com subagentfinance.com subagentmanagers.com subagentsupport.com subagentplugins.com subagentsdk.com subagentservers.com subagentspec.com subagentprotocols.com subagenthandoffs.com
Cross-document View Transitions
One declaration turns every same-origin navigation into a quick cross-fade instead of a hard cut — no JavaScript, and the browser no-ops it entirely if unsupported.
ships in: subagentdata.com subagentcowork.com subagentcoworkers.com subagentcontracts.com subagenttasks.com subagentdevices.com subagentdomains.com subagentidentities.com subagentcitations.com subagentcache.com subagentrubrics.com subagentoutcomes.com subagentevaluations.com subagentapi.com subagentcli.com subagentbrands.com subagentskills.com subagentroles.com subagentmemories.com subagentmodels.com subagentdatamodels.com subagentrust.com subagentpython.com subagenttypescript.com subagentpermissions.com subagentvaults.com subagentsessions.com subagenttools.com subagenthooks.com subagentgraphql.com subagenthtml.com subagentswift.com subagentengineering.com subagentlegal.com subagentfinance.com subagentmanagers.com subagentsupport.com subagentplugins.com subagentsdk.com subagentservers.com subagentspec.com subagentprotocols.com subagenthandoffs.com
CSS relative color syntax
Derives a translucent badge border from whatever --accent currently is, at render time, instead of hand-maintaining a second alpha-blended token per site.
ships in: subagentcowork.com subagentcoworkers.com subagentcontracts.com subagenttasks.com subagentdevices.com subagentdomains.com subagentidentities.com subagentcitations.com subagentcache.com subagentrubrics.com subagentoutcomes.com subagentevaluations.com subagentapi.com subagentcli.com subagentbrands.com subagentskills.com subagentroles.com subagentmemories.com subagentmodels.com subagentdatamodels.com subagentrust.com subagentpython.com subagenttypescript.com subagentpermissions.com subagentvaults.com subagentsessions.com subagenttools.com subagenthooks.com subagentgraphql.com subagenthtml.com subagentswift.com subagentengineering.com subagentlegal.com subagentfinance.com subagentmanagers.com subagentsupport.com subagentplugins.com subagentsdk.com subagentservers.com subagentspec.com subagentprotocols.com subagenthandoffs.com
text-wrap: balance / pretty
Headings balance across available lines instead of leaving a lonely short last line; body paragraphs avoid single-word orphan lines.
ships in: subagentdata.com subagentcowork.com subagentcoworkers.com subagentcontracts.com subagenttasks.com subagentdevices.com subagentdomains.com subagentidentities.com subagentcitations.com subagentcache.com subagentrubrics.com subagentoutcomes.com subagentevaluations.com subagentapi.com subagentcli.com subagentbrands.com subagentskills.com subagentroles.com subagentmemories.com subagentmodels.com subagentdatamodels.com subagentrust.com subagentpython.com subagenttypescript.com subagentpermissions.com subagentvaults.com subagentsessions.com subagenttools.com subagenthooks.com subagentgraphql.com subagenthtml.com subagentswift.com subagentengineering.com subagentlegal.com subagentfinance.com subagentmanagers.com subagentsupport.com subagentplugins.com subagentsdk.com subagentservers.com subagentspec.com subagentprotocols.com subagenthandoffs.com
prefers-reduced-motion gate on every animation
Every animated affordance in the family — View Transitions included — is wrapped in a reduced-motion query that turns it off entirely, not just shorter.
ships in: subagentjobs.com subagentdata.com subagentworkers.com subagentdb.com subagentetl.com subagentcowork.com subagentcoworkers.com subagentcontracts.com subagenttasks.com subagentdevices.com subagentdomains.com subagentidentities.com subagentcitations.com subagentcache.com subagentrubrics.com subagentoutcomes.com subagentevaluations.com subagentapi.com subagentcli.com subagentbrands.com subagentcode.com subagentprompts.com subagentskills.com subagentroles.com subagentmemories.com subagentmodels.com subagentdatamodels.com subagentrust.com subagentpython.com subagenttypescript.com subagentpermissions.com subagentvaults.com subagentsessions.com subagenttools.com subagenthooks.com subagentsubdomains.com subagentgraphql.com subagenthtml.com subagentswift.com subagentengineering.com subagentlegal.com subagentfinance.com subagentmanagers.com subagentsupport.com subagentplugins.com subagentsdk.com subagentservers.com subagentspec.com subagentprotocols.com subagenthandoffs.com
:has() and CSS anchor positioning
Used for the bracket-visualization's live-match highlighting and tooltip placement. Not yet ported into the docs/API sites, which don't have an equivalent interactive-graph use case.
ships in: subagentdata.com
Desynchronized canvas + capped devicePixelRatio
The bracket's client-side canvas render requests a desynchronized 2D context and caps device pixel ratio at 3 (not the raw 3x report some Android/iOS devices give), redrawing only on demand via requestAnimationFrame while a match is live.
ships in: subagentdata.com