: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:calc(100vh + -0px);overflow-y:auto;flex:1}.matrix-container-scroll{overflow-y:visible;height:auto;padding:0}}.mobile-only{display:none}@media(max-width:768px){.mobile-only{display:flex}.mobile-header-ritual{padding:1rem;justify-content:space-between;align-items:center;border-radius:0;border-top:none;border-left:none;border-right:none;z-index:1000}.mobile-selection-bar{position:fixed;bottom:0;left:0;right:0;padding:.6rem .8rem;display:flex;flex-direction:column;gap:.5rem;border-radius:12px 12px 0 0;z-index:1000;box-shadow:0 -5px 15px #0006;background:#0a0f0dd9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.selection-preview{display:flex;justify-content:space-between;align-items:center;gap:.8rem;width:100%}.slots-container{display:flex;gap:4px;flex:1;justify-content:center}.slot-mini{width:28px;height:28px;border:1px solid var(--color-glass-border);border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;background:#ffffff05;transition:all .2s ease}.slot-mini.super{border-radius:50%}.save-btn-mobile{flex:0 0 100px;padding:.5rem .2rem;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#fff3;font-weight:700;text-transform:uppercase;font-size:.65rem;letter-spacing:.5px;transition:all .3s ease}.save-btn-mobile.active{background:var(--color-emerald);color:var(--color-obsidian);border:none;box-shadow:0 0 10px var(--color-emerald-glow)}.lottio-main{padding-bottom:80px}.matrix-container-scroll{padding:.25rem}}