.noise-page.svelte-1k940i1{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--ts-light);color:var(--ts-text);transition:background .3s}.noise-page.alert.svelte-1k940i1{animation:svelte-1k940i1-alert-flash .3s ease}.noise-page.classroom.svelte-1k940i1{background:#1a1a2e;color:#fff;height:100vh}@keyframes svelte-1k940i1-alert-flash{0%{background:var(--ts-light)}50%{background:#ffe6e6}to{background:var(--ts-light)}}.classroom.alert.svelte-1k940i1{animation-name:svelte-1k940i1-alert-flash-dark}@keyframes svelte-1k940i1-alert-flash-dark{0%{background:#1a1a2e}50%{background:#3d1414}to{background:#1a1a2e}}.noise-layout.svelte-1k940i1{display:flex;flex:1;min-height:0;overflow:hidden}.classroom-layout.svelte-1k940i1{flex:1}.sidebar.svelte-1k940i1{width:260px;min-width:260px;border-right:1px solid var(--ts-border);background:#fff;display:flex;flex-direction:column;padding:.75rem;gap:.75rem;overflow-y:auto}.sidebar-hero.svelte-1k940i1{border-left:4px solid #FF9800;padding:.5rem .6rem}.sidebar-hero-title.svelte-1k940i1{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:#ff9800;margin:0;line-height:1.2}.sidebar-hero-tagline.svelte-1k940i1{font-family:var(--font-body);font-size:.75rem;color:var(--ts-text-secondary);margin:.2rem 0 0}.sidebar-how-to-use.svelte-1k940i1{font-family:var(--font-ui);font-size:.7rem;color:var(--ts-text-secondary);margin-top:.3rem}.sidebar-how-to-use.svelte-1k940i1 summary:where(.svelte-1k940i1){cursor:pointer;-webkit-user-select:none;user-select:none;padding:.15rem 0}.sidebar-how-content.svelte-1k940i1{margin-top:.25rem;padding:.4rem;background:var(--ts-bg-alt);border-radius:var(--radius-sm);font-size:.7rem;line-height:1.4}.sidebar-section.svelte-1k940i1{display:flex;flex-direction:column;gap:.5rem}.stats-row.svelte-1k940i1{flex-direction:row;justify-content:space-around;padding:.4rem;background:var(--ts-bg-alt);border-radius:var(--radius-sm)}.stat.svelte-1k940i1{display:flex;flex-direction:column;align-items:center;gap:.1rem}.stat-label.svelte-1k940i1{font-family:var(--font-ui);font-size:.65rem;color:var(--ts-text-secondary);text-transform:uppercase;letter-spacing:.5px}.stat-value.svelte-1k940i1{font-family:var(--font-body);font-size:1.2rem;font-weight:700}.sidebar-footer.svelte-1k940i1{display:flex;justify-content:center;border-top:1px solid var(--ts-border);padding-top:.5rem;margin-top:auto}.panel-show.svelte-1k940i1{position:absolute;top:12px;left:0;z-index:10;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--ts-border);border-left:none;border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#fff;cursor:pointer}.panel-show.svelte-1k940i1:hover{background:var(--ts-bg-alt)}.icon-sm.svelte-1k940i1{width:14px;height:14px}.setting.svelte-1k940i1{display:flex;align-items:center;gap:.5rem;font-family:var(--font-ui);font-size:.8rem;color:var(--ts-text-secondary)}.slider.svelte-1k940i1{flex:1;min-width:60px;accent-color:#FF9800}.slider-value.svelte-1k940i1{min-width:35px;text-align:right;font-weight:600;color:var(--ts-text)}.select-field.svelte-1k940i1{padding:.3rem .5rem;border:1px solid var(--ts-border);border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:.8rem}.chart-section.svelte-1k940i1{flex:1;min-height:0;display:flex;flex-direction:column}.chart-title.svelte-1k940i1{font-family:var(--font-heading);font-size:.85rem;color:var(--ts-text-secondary);margin:0 0 .3rem}.chart-container.svelte-1k940i1{flex:1;min-height:100px;background:#fff;border:1px solid var(--ts-border);border-radius:var(--radius-sm);overflow:hidden}.chart-canvas.svelte-1k940i1{width:100%;height:100%;display:block}.denied-msg.svelte-1k940i1{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:1rem;padding:2rem;text-align:center}.denied-icon.svelte-1k940i1{width:64px;height:64px;color:#b2bec3}.denied-msg.svelte-1k940i1 h3:where(.svelte-1k940i1){font-family:var(--font-heading);font-size:1.5rem;color:var(--ts-text);margin:0}.denied-msg.svelte-1k940i1 p:where(.svelte-1k940i1){font-family:var(--font-body);font-size:.9rem;color:var(--ts-text-secondary);max-width:400px}.noise-display.svelte-1k940i1{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;gap:1rem;min-height:0;position:relative}.bar-container.svelte-1k940i1{display:flex;flex-direction:column;align-items:center;gap:.75rem}.bar-track.svelte-1k940i1{width:80px;height:clamp(150px,40vh,350px);background:#e0e0e0;border-radius:var(--radius-lg);position:relative;overflow:hidden}.classroom.svelte-1k940i1 .bar-track:where(.svelte-1k940i1){width:120px;height:clamp(200px,55vh,500px);background:#333}.bar-fill.svelte-1k940i1{position:absolute;bottom:0;left:0;right:0;border-radius:var(--radius-lg);transition:height .15s ease,background .3s}.bar-threshold.svelte-1k940i1{position:absolute;left:-5px;right:-5px;height:2px;background:#e74c3c}.bar-threshold.svelte-1k940i1:after{content:"";position:absolute;right:-8px;top:-4px;border:5px solid transparent;border-right-color:#e74c3c}.bar-value.svelte-1k940i1{font-family:var(--font-body);font-size:clamp(2rem,8vw,5rem);font-weight:700;line-height:1}.classroom.svelte-1k940i1 .bar-value:where(.svelte-1k940i1){font-size:clamp(3rem,12vw,8rem)}.gauge-container.svelte-1k940i1{display:flex;flex-direction:column;align-items:center;gap:.5rem}.gauge-svg.svelte-1k940i1{width:clamp(200px,40vw,400px);height:auto}.gauge-value.svelte-1k940i1{font-family:var(--font-body);font-size:clamp(2rem,8vw,4rem);font-weight:700;line-height:1;margin-top:-1rem}.traffic-container.svelte-1k940i1{display:flex;flex-direction:column;align-items:center;gap:1rem}.traffic-light.svelte-1k940i1{width:100px;background:#2d3436;border-radius:50px;padding:15px;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:var(--shadow-md)}.classroom.svelte-1k940i1 .traffic-light:where(.svelte-1k940i1){width:140px;padding:20px;gap:15px}.light.svelte-1k940i1{width:70px;height:70px;border-radius:50%;transition:all .3s}.classroom.svelte-1k940i1 .light:where(.svelte-1k940i1){width:100px;height:100px}.light.red.svelte-1k940i1{background:#3d1414}.light.red.active.svelte-1k940i1{background:#e74c3c;box-shadow:0 0 20px #e74c3c}.light.yellow.svelte-1k940i1{background:#3d3414}.light.yellow.active.svelte-1k940i1{background:#ffc107;box-shadow:0 0 20px #ffc107}.light.green.svelte-1k940i1{background:#143d14}.light.green.active.svelte-1k940i1{background:#4caf50;box-shadow:0 0 20px #4caf50}.traffic-value.svelte-1k940i1{font-family:var(--font-body);font-size:clamp(2rem,8vw,4rem);font-weight:700;line-height:1}.noise-controls.svelte-1k940i1{display:flex;align-items:center;gap:.5rem}.btn.svelte-1k940i1{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.2rem;border:1px solid var(--ts-border);border-radius:var(--radius-xl);font-family:var(--font-ui);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s ease;background:#fff;color:var(--ts-text)}.btn.svelte-1k940i1:hover{box-shadow:var(--shadow-sm)}.btn-primary.svelte-1k940i1{background:#ff9800;color:#fff;border-color:#ff9800}.btn-primary.svelte-1k940i1:hover{background:#f57c00}.btn-stop.svelte-1k940i1{background:#e74c3c;color:#fff;border-color:#e74c3c}.btn-stop.svelte-1k940i1:hover{background:#c0392b}.btn-icon.svelte-1k940i1{width:18px;height:18px}.btn-icon-only.svelte-1k940i1{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;border:1px solid var(--ts-border);border-radius:50%;background:#fff;cursor:pointer;transition:all .15s ease}.classroom.svelte-1k940i1 .btn-icon-only:where(.svelte-1k940i1){background:#333;border-color:#555;color:#fff}.classroom.svelte-1k940i1 .btn:where(.svelte-1k940i1){background:#333;border-color:#555;color:#fff}.btn-icon-only.svelte-1k940i1:hover{background:var(--ts-bg-alt)}.btn-icon-only.svelte-1k940i1 .btn-icon:where(.svelte-1k940i1){width:20px;height:20px}@media(max-width:768px){.noise-page.svelte-1k940i1{height:auto;min-height:100vh;overflow:auto}.noise-layout.svelte-1k940i1{flex-direction:column;overflow:visible}.sidebar.svelte-1k940i1{width:100%;min-width:100%;border-right:none;border-bottom:1px solid var(--ts-border);flex-direction:row;flex-wrap:wrap;padding:.5rem;gap:.5rem}.sidebar-hero.svelte-1k940i1{width:100%;border-left:3px solid #FF9800;padding:.35rem .5rem}.sidebar-hero-title.svelte-1k940i1{font-size:1.1rem}.sidebar-section.svelte-1k940i1{width:100%}.chart-section.svelte-1k940i1{width:100%;min-height:80px}.chart-container.svelte-1k940i1{min-height:80px}.sidebar-footer.svelte-1k940i1{width:100%}.panel-show.svelte-1k940i1{top:auto;bottom:60px}.traffic-light.svelte-1k940i1{width:80px;padding:10px}.light.svelte-1k940i1{width:55px;height:55px}}
