:root{--color-obsidian: #0A0F0D;--color-emerald: #00FF88;--color-emerald-glow: rgba(0, 255, 136, .4);--color-gold: #FFD700;--color-gold-glow: rgba(255, 215, 0, .3);--color-glass: rgba(255, 255, 255, .05);--color-glass-border: rgba(255, 255, 255, .1);--font-main: "Outfit", sans-serif;--matrix-cell-size: 24px;--sidebar-width: 380px}body{margin:0;padding:0;background-color:var(--color-obsidian);color:#fff;font-family:var(--font-main);overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}.glass-morphism{background:var(--color-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--color-glass-border);border-radius:12px}.emerald-glow{box-shadow:0 0 20px var(--color-emerald-glow)}.ritual-matrix{width:100%;background:radial-gradient(circle at center,rgba(0,255,136,.05) 0%,transparent 70%)}.lottio-sidebar{width:var(--sidebar-width);height:100vh;border-right:1px solid var(--color-glass-border);display:flex;flex-direction:column;background:#0a0f0d80;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;flex-shrink:0;overflow-y:hidden}.lottio-main{flex:1;height:100vh;overflow:hidden;display:flex;flex-direction:column;background:var(--color-obsidian)}.matrix-container-scroll{flex:1;overflow-y:auto;padding:0 1rem 1rem;display:flex;flex-direction:column}.matrix-container-scroll::-webkit-scrollbar{width:4px}.matrix-container-scroll::-webkit-scrollbar-thumb{background:var(--color-glass-border);border-radius:10px}@media(max-width:1024px){.lottio-sidebar{width:320px}}@media(max-width:768px){.lottio-sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid var(--color-glass-border);position:relative;overflow-y:visible}.lottio-main{height:auto;overflow:visible}.matrix-container-scroll{overflow-y:visible;height:auto}}