:root{--bg:#fff8e7;--fg:#0e0e0e;--accent:#00f;--muted:#6b7280;--border:hsla(0,0%,5%,.2);--backdrop:rgba(255,248,231,.5);--font-sans:"Inter",sans-serif;--font-mono:"Menlo",monospace;--space-md:16px;--space-lg:24px;--dur-2:.32s;--ease-out:cubic-bezier(.16,1,.3,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:#1a1a1a;color:var(--fg);font-family:var(--font-sans);line-height:1.6}#site-wrapper{background:var(--bg);margin:0 auto;max-width:1600px;min-height:100vh;position:relative}#os-shell{transition:opacity var(--dur-2),filter var(--dur-2)}#os-shell.faded{filter:blur(8px);opacity:.2;pointer-events:none}.site-header{border-bottom:1px solid var(--border);padding:var(--space-lg)}.annotation{color:var(--muted);font-family:var(--font-mono);font-size:12px}h1{font-size:2.5rem;font-weight:900;line-height:1}.hub{padding:var(--space-lg);padding-bottom:80px}.hub-grid{background-color:var(--border);border:1px solid var(--border);display:grid;gap:1px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.tile{background-color:var(--bg);padding:var(--space-lg)}.tile-large{grid-column:span 2}.tile-title{font-family:var(--font-mono);font-size:12px;margin-bottom:var(--space-md);text-transform:uppercase}.tile-list{list-style:none;padding:0}.tile-list li{padding-bottom:var(--space-md)}.tile-list a{border-bottom:1px solid var(--fg);color:var(--fg);font-weight:700;text-decoration:none}.meta{color:var(--muted);font-size:14px}.current-input-category{font-family:var(--font-mono);font-size:12px;text-transform:uppercase}.modal{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;inset:0;justify-content:center;opacity:0;position:fixed;transition:all var(--dur-2);visibility:hidden;z-index:500}.modal.is-open{opacity:1;visibility:visible}.modal-content{background:var(--bg);border:1px solid var(--fg);box-shadow:0 20px 50px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:900px;position:relative;width:90vw}.modal-body{overflow-y:auto;padding:var(--space-lg)}.close-btn{background:var(--bg);border:1px solid var(--fg);cursor:pointer;height:32px;position:absolute;right:var(--space-md);top:var(--space-md);transition:transform var(--dur-2) var(--ease-out),background-color var(--dur-2);width:32px;z-index:10}.close-btn:after,.close-btn:before{background-color:var(--fg);content:"";height:1px;left:50%;position:absolute;top:50%;transition:background-color var(--dur-2);width:20px}.close-btn:before{transform:translate(-50%,-50%) rotate(45deg)}.close-btn:after{transform:translate(-50%,-50%) rotate(-45deg)}.close-btn:hover{background-color:var(--fg);transform:rotate(180deg)}.close-btn:hover:after,.close-btn:hover:before{background-color:var(--bg)}.essay-content h2{font-size:2rem;font-weight:700;margin-bottom:var(--space-md)}#sensor-canvas-container{background:#000;flex-grow:1}.sensor-modal-controls{border-top:1px solid var(--border);padding-top:var(--space-md);text-align:center}.layout-essay{display:grid;gap:var(--space-lg);grid-template-columns:1fr auto;height:100%;padding:var(--space-lg)}.marginalia{border-left:1px solid var(--border);display:flex;flex-direction:column;justify-content:center;padding-left:var(--space-lg)}.marginalia figure{border:1px solid var(--border);padding:var(--space-sm);width:100%}.marginalia figcaption{color:var(--muted);font-family:var(--font-mono);font-size:12px;padding-top:var(--space-sm);text-align:center}.site-footer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff8e7cc;border-top:1px solid var(--border);bottom:0;height:50px;justify-content:space-between;left:0;padding:0 var(--space-lg);position:fixed;right:0;z-index:200}.footer-controls,.site-footer{align-items:center;display:flex}.footer-controls{gap:var(--space-lg)}.sensor-control{align-items:center;display:flex;gap:var(--space-md)}#live-data-component{color:var(--muted)}#live-data-component,button{font-family:var(--font-mono);font-size:12px}button{background:transparent;border:1px solid var(--fg);cursor:pointer;padding:8px 12px;text-transform:uppercase}.modal-body.layout-game{height:60vh;padding:0;width:100%}.game-container{height:100%;position:relative;width:100%}.game-container iframe{border:none;height:100%;width:100%}#fullscreen-btn{position:absolute;right:1rem;top:1rem;z-index:10}.modal-content.fullscreen{height:100vh;left:0;max-height:100vh;max-width:100vw;padding:0;position:fixed;top:0;width:100vw}