:root{--bg-app: #0b0d14;--bg-panel: #13161f;--bg-card: #1c212e;--bg-hover: #252b3b;--primary: #00ff9d;--primary-dim: rgba(0, 255, 157, .1);--primary-glow: 0 0 10px rgba(0, 255, 157, .3);--secondary: #00f3ff;--text-main: #e0e6ed;--text-muted: #8b9bb4;--border-color: #2d3446;--font-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--font-sans: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--bg-app);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:#2d3446;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3e4760}.glass-panel{background:#13161fcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05)}.sidebar-op-item{padding:8px 15px 8px 25px;cursor:grab;border-bottom:1px solid var(--border-color);font-size:.85rem;color:var(--text-main);background-color:transparent;transition:all .2s ease}.sidebar-op-item:hover{background-color:var(--bg-hover);color:var(--primary);padding-left:28px}.cyber-button{background:#ffffff08;border:1px solid transparent;color:var(--text-muted);padding:6px 14px;border-radius:4px;font-family:var(--font-sans);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.cyber-button:hover{background:#ffffff14;color:var(--text-main);transform:translateY(-1px)}.cyber-button.primary{background:var(--primary-dim);color:var(--primary);border:1px solid rgba(0,255,157,.2)}.cyber-button.primary:hover{background:#00ff9d33;box-shadow:0 0 15px #00ff9d1a}input[type=text],textarea{transition:border-color .2s,box-shadow .2s}input[type=text]:focus,textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 0 1px var(--primary-dim)}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.app-main{flex:1;display:flex;overflow:hidden}.sidebar-container{width:280px;display:flex;flex-direction:column;border-right:1px solid var(--border-color);background-color:var(--bg-panel);font-size:.9rem}.recipe-container{flex:1;display:flex;flex-direction:column;border-right:1px solid var(--border-color);background-color:var(--bg-app);min-width:0}.io-container{width:40%;display:flex;flex-direction:column;background-color:var(--bg-panel);border-left:1px solid var(--border-color)}@media(max-width:900px){.app-main{flex-direction:column;overflow-y:auto;overflow-x:hidden}.sidebar-container{width:100%;height:auto;max-height:250px;border-right:none;border-bottom:1px solid var(--border-color)}.recipe-container{width:100%;height:auto;min-height:350px;border-right:none;border-bottom:1px solid var(--border-color);flex:none}.io-container{width:100%;height:auto;min-height:500px;border-left:none;flex:none}}