:root{--lab-bg:#0b0f19;--panel-bg:#0f172acc;--accent:#38bdf8;--glass-border:#ffffff14;--glass-bg:#ffffff05;--card-shadow:0 8px 32px 0 #0000004d}body,html{background-color:var(--lab-bg);color:#e2e8f0;width:100%;height:100%;margin:0;padding:0;font-family:Inter,sans-serif;overflow:hidden}#app-container{width:100vw;height:100vh;display:flex}#sidebar{background:var(--panel-bg);-webkit-backdrop-filter:blur(25px);border-right:1px solid var(--glass-border);z-index:100;flex-direction:column;width:320px;padding:2rem 1.5rem;display:flex;overflow-y:auto;box-shadow:4px 0 24px #0003}.logo{background:linear-gradient(90deg,#38bdf8,#c084fc);-webkit-text-fill-color:transparent;letter-spacing:1px;text-align:center;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-family:Orbitron,sans-serif;font-size:1.05rem;font-weight:700}.control-group{margin-bottom:1.5rem}.group-title{text-transform:uppercase;color:#64748b;letter-spacing:1px;margin-bottom:.8rem;font-size:.7rem;display:block}label{color:#94a3b8;margin-bottom:.6rem;font-size:.85rem;display:block}label span{color:#fff;float:right;font-family:Orbitron,sans-serif;font-weight:600}.mode-tabs{border:1px solid var(--glass-border);background:#0003;border-radius:12px;gap:4px;padding:4px;display:flex}.mode-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:10px 6px;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.mode-tab:hover{color:#cbd5e1}.mode-tab.active{color:#fff;background:linear-gradient(135deg,#38bdf8,#a855f7);box-shadow:0 4px 12px #38bdf833}.wavelength-slider-container{flex-direction:column;gap:8px;display:flex}#wavelength-color-indicator{background:linear-gradient(90deg,#7a00f5 0%,#04f 15%,#0cf 30%,#0f0 45%,#ff0 60%,#f70 75%,red 100%);border-radius:4px;width:100%;height:8px;position:relative;box-shadow:inset 0 1px 3px #00000080}#wavelength-color-indicator:after{content:"";pointer-events:none;background:#fff;border-radius:2px;width:4px;position:absolute;top:-2px;bottom:-2px;left:65%;transform:translate(-50%);box-shadow:0 0 8px #fff}input[type=range]{width:100%;accent-color:var(--accent);appearance:none;cursor:pointer;background:#ffffff14;border-radius:3px;height:6px}input[type=range]::-webkit-slider-runnable-track{background:0 0}.checkbox-label{color:#64748b;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin:0;font-size:.75rem;display:inline-flex}.checkbox-label input{accent-color:var(--accent)}.checkbox-label:hover{color:#94a3b8}.stats-panel{flex-direction:column;gap:.8rem;margin-top:auto;display:flex}.stat-item{background:#00000040;border:1px solid #ffffff08;border-radius:14px;padding:1rem}.stat-item .label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:.65rem}.stat-item .value{color:#fff;font-family:Orbitron,sans-serif;font-size:1.3rem;font-weight:700}#workspace{flex-direction:column;flex:1;gap:1.2rem;min-width:0;height:100vh;padding:1.5rem;display:flex}#simulation-panel{flex-direction:row;flex:1;gap:1.2rem;width:100%;min-height:0;display:flex}.sim-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:var(--card-shadow);border-radius:20px;flex-direction:column;display:flex;position:relative;overflow:hidden}#card-propagation{flex:2.2}#card-projection{flex:.7}#card-plot{flex:1.3}.card-header{border-bottom:1px solid var(--glass-border);letter-spacing:.5px;color:#94a3b8;background:#00000026;justify-content:space-between;align-items:center;padding:.8rem 1.2rem;font-size:.8rem;font-weight:600;display:flex}.canvas-wrapper{background:#020408;flex:1;width:100%;height:100%;min-height:0;position:relative}.canvas-wrapper canvas{width:100%;height:100%;display:block;position:absolute;top:0;left:0}.laser-source-label,.barrier-label,.screen-label{letter-spacing:1px;color:#ffffff40;pointer-events:none;text-shadow:0 2px 4px #000c;font-family:Orbitron,sans-serif;font-size:.65rem;font-weight:700;position:absolute;top:15px}.laser-source-label{left:15px}.barrier-label{left:28%;transform:translate(-50%)}.screen-label{right:15px}.theory-note-horizontal{background:#38bdf808;border:1px solid #38bdf814;border-radius:16px;padding:1.2rem 1.5rem;box-shadow:0 4px 20px #0000001a}.theory-note-horizontal .note-title{color:#38bdf8;letter-spacing:.5px;text-transform:uppercase;margin-bottom:.5rem;font-size:.85rem;font-weight:700}.theory-note-horizontal p{color:#94a3b8;margin:0;font-size:.78rem;line-height:1.6}.hide{display:none!important}@media (width<=1100px){#app-container{flex-direction:column;overflow-y:auto}#sidebar{border-right:none;border-bottom:1px solid var(--glass-border);width:100%;height:auto}#workspace{height:auto;overflow:visible}#simulation-panel{flex-direction:column;height:900px}.sim-card{height:300px;flex:none!important}}