CSS is no longer asking permission.

CSS Crimes Lab

A pure CSS “application” demonstrating state, calculations, fake routing, telemetry, conditional logic, orbit math, RBAC, compliance review, pricing, observability, narrative branching, and poor architectural boundaries. No JavaScript. All of it is a cry for help.

Endpoint
Environment
Bad Ideas

CSS Runtime Output

no js
Risk
Latency
Cloud Bill
Team Morale 

        


        
      


      

        

          
CSS Query Planner

          
    
            
  1. Check authentication
    2. 
            
  2. Resolve route
    3. 
            
  3. Inspect cache
    4. 
            
  4. Perform write operation
    5. 
            
  5. Deny responsibility
    6. 
          

        


        

          
CSS Pricing Engine

          

          

        


        

          
Compliance Review

          

        


        

          
Automated CSS Code Review

          

        


        

          
Observability, Allegedly

          

          

          

        


        

          
CSS Narrative Engine

          

        

      


      

        
What CSS is doing here


        

          Typed variables
          
@property defines numeric custom properties that can animate and participate in calculations.

        


        

          Math
          
calc() turns fake risk into fake latency, fake cost, blur, rotation, and meter width.

        


        

          State machine
          
:has() lets CSS inspect checked inputs and rewrite variables higher up the tree.

        


        

          Generated data
          
::before prints fake JSON, status codes, telemetry, and narrative output.

        


        

          Container logic
          
@container changes the component based on its own width instead of the viewport.

        


        

          Color math
          
color-mix() derives UI colors from the current “risk” state.