.landing-page{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(circle at center,#1e1e2f,#0d0d1a);color:#f0f0f0;font-family:Segoe UI,Roboto,sans-serif;animation:fadeIn .8s ease-out}.landing-header{text-align:center;margin-bottom:40px}.landing-logo{height:150px;margin-bottom:20px;filter:drop-shadow(0 0 6px #90caf9)}.landing-title{font-size:2.5rem;color:#90caf9;margin-bottom:12px;text-shadow:0 0 4px #1976d2}.landing-subtitle{font-size:1.25rem;color:#ccc;font-weight:400}.landing-actions{display:flex;justify-content:center;gap:20px}.start-button{background:#333;color:#fff;border:none;padding:14px 28px;border-radius:6px;font-size:1.25rem;font-weight:700;cursor:pointer;transition:transform .2s ease,background-color .2s ease;box-shadow:0 0 6px #ffffff1a}.start-button:hover{transform:scale(1.05);background-color:#444}.session-container{height:100vh;padding:60px 20px;background:radial-gradient(circle at center,#1e1e2f,#0d0d1a);color:#f0f0f0;font-family:Segoe UI,Roboto,sans-serif;text-align:center;animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.session-title{font-size:2.5rem;color:#90caf9;margin-bottom:12px;text-shadow:0 0 4px #1976d2}.session-subtitle,.session-block{font-size:1.5rem;font-weight:700;color:#ccc;margin-bottom:40px}.level-grid{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.level-button{background:#333;color:#fff;padding:20px 32px;border-radius:8px;font-size:1.5rem;font-weight:700;text-decoration:none;transition:transform .2s ease,background-color .2s ease;box-shadow:0 0 6px #ffffff1a}.level-button:hover{transform:scale(1.05);background-color:#444}.session-error{font-size:1.5rem;color:#f44336;margin-bottom:20px}.back-button{background:#d32f2f;color:#fff;padding:12px 24px;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .2s ease}.back-button:hover{background-color:#e57373}.wire-path{fill:none;stroke-width:4;transition:opacity .2s ease;pointer-events:visibleStroke}.wire-path:hover{filter:drop-shadow(0 0 2px rgba(0,0,0,.3))}.wire-path.delete-mode{cursor:pointer;opacity:.7}.wire-label{font-size:1rem;font-weight:700;text-anchor:middle;pointer-events:none;-webkit-user-select:none;user-select:none}.wire-layer{position:absolute;z-index:1;width:100%;height:100%;overflow:visible}.workspace{flex-grow:1;position:relative;width:100%;height:650px;background:#6f8faf;overflow:hidden}.wire-layer{position:absolute;z-index:1;top:0;left:0;pointer-events:none}.device-node{position:absolute;z-index:2;background-color:transparent}path:hover{filter:drop-shadow(0 0 2px rgba(0,0,0,.3))}@keyframes drawWire{to{stroke-dashoffset:0}}.wire-selector{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:100;background:#1e1e32e6;padding:12px 16px;border-radius:12px;box-shadow:0 0 16px #00000080;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.wire-icon-button{background:#fff9;border:3px solid transparent;border-radius:8px;padding:6px;cursor:pointer;transition:transform .2s ease,border-color .3s ease}.wire-icon-button:hover{transform:scale(1.1)}.wire-icon-button.active{border-color:#fff}.wire-icon{width:60px;height:60px;object-fit:contain}.error-toast{position:absolute;top:16px;left:50%;transform:translate(-50%);background:#d32f2f;color:#fff;padding:8px 16px;border-radius:6px;font-weight:700;box-shadow:0 2px 6px #0000004d;z-index:1000;display:flex;align-items:center;gap:8px}.error-toast button{background:none;border:none;color:#fff;font-size:16px;cursor:pointer}.wire-icon-button.active{box-shadow:0 0 6px 2px #fff9;transform:scale(1.1);background-color:#fffc}.device-panel{background:linear-gradient(to bottom,#1e1e2f,#2c2c3e);border-right:2px solid #444;padding:16px;width:200px;height:100vh;color:#fff;font-family:Orbitron,sans-serif;display:flex;flex-direction:column;align-items:center;box-shadow:inset -2px 0 6px #0006}.scroll-status{margin:12px 0;font-size:.9rem;color:#aaa}.nav-arrow{background:none;border:none;color:#90caf9;font-size:1.2rem;cursor:pointer;margin:4px 0;transition:color .3s ease}.nav-arrow:disabled{color:#555;cursor:default}.device-list{display:flex;flex-direction:column;gap:16px;width:100%;margin-top:8px}.device-item{display:flex;align-items:center;height:55px;gap:12px;padding:8px 12px;background:#ffffff0d;border-radius:8px;cursor:grab;transition:transform .2s ease,background .3s ease}.device-item:hover{transform:scale(1.05);background:#ffffff1a}.device-icon{width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 0 2px rgba(0,0,0,.5))}.device-label{font-weight:700;font-size:.95rem;color:#fff;transform:translateY(4px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.toolbar{position:absolute;top:150px;left:90%;z-index:50}.toolbar-controls{display:flex;flex-direction:column;align-items:center;gap:12px}.toolbar button{padding:8px 16px;font-size:1.25rem;background-color:red;color:#fff;font-weight:700;border:none;border-radius:4px;cursor:pointer}.toolbar button:hover{background-color:#ff3232}.legend-info{display:flex;flex-direction:row;gap:12px}.legend-item{display:flex;align-items:center;gap:6px}.legend-swatch{width:20px;height:20px;border-radius:4px;border:1px solid #aaa}.input-swatch{background-color:#c4f569}.output-swatch{background-color:#4caf50}.legend-label{font-size:1rem;font-weight:700;color:#fff}.level-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to right,#1e1e2f,#2c2c3e);padding:10px 30px}.logo-title{display:flex;align-items:center;gap:26px}.logo{height:100px;margin-right:30px;border-radius:4px}.level-info{display:flex;flex-direction:column;gap:0px}.level-title{font-size:2.25rem;color:#90caf9;margin:0;line-height:1.75;font-family:Orbitron,sans-serif}.goal-text{font-size:1.5rem;line-height:1.3;margin-top:0;padding:0;color:#fff;font-family:Orbitron,sans-serif}.header-actions{display:flex;gap:12px}.nav-button{background:#ffffff0d;color:#fff;border:none;font-size:1.1rem;font-weight:700;padding:14px 20px;border-radius:4px;cursor:pointer;transition:transform .2s ease,background .3s ease;box-shadow:0 0 2px #000c}.nav-button:hover{transform:scale(1.05);background:#ffffff1a}.app-page{position:relative;width:100%;height:100%;overflow:hidden;flex-direction:column;display:flex}.canvas{display:flex;gap:16px;width:100%;height:calc(100% - 120px)}.wire-layer{position:absolute;width:100%;height:100%;pointer-events:none}.live-stream-container{position:absolute;right:22px;top:250px;width:450px;background:#1e1e2f;border-radius:8px;overflow:hidden;z-index:10;box-shadow:0 0 12px #00000080}.live-stream-container h3{margin:0;padding:2px;background:#1e1e2f;color:#fff;font-size:1.25rem;text-align:center}.next-level-screen{position:fixed;width:800px;height:400px;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(to bottom,#1e1e2f,#2c2c3e);color:#fff;padding:40px;border-radius:12px;box-shadow:0 0 30px #00000080;text-align:center;z-index:100;animation:popIn .6s ease-out}@keyframes popIn{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.next-level-screen h2{font-size:5rem;margin-bottom:50px}.next-level-screen button{padding:12px 24px;font-size:2.25rem;font-weight:700;background:#fff;color:#2c2c3e;border:none;border-radius:6px;cursor:pointer;transition:background .3s ease}.next-level-screen button:hover{background:#f0f0f0}body{margin:0;font-family:system-ui,sans-serif;background-color:#6f8faf;color:#333}a{text-decoration:none;color:inherit}