html,body,#root{margin:0;padding:0;height:100%}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#071a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(to bottom,#0a2626,#071a1a,#061414 70%,#040e0e)}.app:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.04),transparent 60%);z-index:0}.tiles{width:100vw;box-sizing:border-box}.row{display:flex}.tile-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;image-rendering:pixelated;image-rendering:crisp-edges}.tile-content{position:absolute;inset:0;padding:12px;z-index:1}.tile{display:flex;align-items:center;justify-content:center;overflow:hidden;background:transparent}.filler{flex:1;background:transparent}.bottom{background:transparent;color:#fff;display:flex;align-items:center;justify-content:center}.tile-image{width:100%;height:100%;object-fit:cover}.desk{position:relative;width:100%;overflow:hidden;image-rendering:pixelated;image-rendering:crisp-edges}.desk-image{width:100%;height:100%;object-fit:fill;display:block;pointer-events:none}