.turbulence-container{isolation:isolate;background:#fff;width:100vw;height:100vh;margin:0;padding:0;position:fixed;top:0;left:0;overflow:hidden}.turbulence-layout{width:100%;max-width:600px;height:100%;margin:0 auto;padding:2rem;display:flex}.turbulence-text-list{flex-direction:column;flex:1;justify-content:center;align-items:flex-end;padding-left:2rem;padding-right:1rem;display:flex;position:relative;overflow-y:auto}.turbulence-text-item{cursor:pointer;touch-action:manipulation;text-align:right;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:.5rem;padding:.5rem 0;transition:all .2s;position:relative}.turbulence-indicator{z-index:10;pointer-events:none;background:#00bcd4;border:2px solid #fff;border-radius:50%;width:14px;height:14px;transition:top .4s cubic-bezier(.4,0,.2,1),opacity .2s;position:absolute;left:-28px;transform:translateY(-50%);box-shadow:0 0 0 1px #00bcd480}.turbulence-text{-webkit-user-select:none;user-select:none;color:#161819;isolation:isolate;text-align:right;height:auto;margin:0;font-size:3.5rem;font-weight:700;line-height:1;transition:filter .2s}.turbulence-text.with-effect{filter:url(#agents-turbulence)}.turbulence-controls{border-left:1px solid #e0e0e0;flex-direction:column;flex:0 0 240px;justify-content:center;padding-left:1rem;display:flex;overflow-y:auto}.turbulence-controls>*{margin-bottom:1rem}.turbulence-controls>:last-child{margin-bottom:0}.turbulence-slider{flex-direction:column;gap:.4rem;width:100%;display:flex}.turbulence-slider label{color:#161819;font-size:.75rem;font-weight:500;font-family:var(--font-mono,monospace)}.smooth-slider-track{cursor:pointer;touch-action:none;background:#ddd;border-radius:2px;width:100%;height:4px;position:relative}.smooth-slider-thumb{cursor:pointer;background:#161819;border-radius:50%;width:14px;height:14px;transition:left .3s cubic-bezier(.4,0,.2,1),transform .2s;position:absolute;top:50%;transform:translate(-50%,-50%)}.smooth-slider-thumb:hover{transform:translate(-50%,-50%)scale(1.2)}.smooth-slider-track:active .smooth-slider-thumb{transform:translate(-50%,-50%)scale(1.1)}.turbulence-control-group{flex-direction:column;gap:.5rem;width:100%;display:flex}.turbulence-control-group label{color:#161819;font-size:.75rem;font-weight:500;font-family:var(--font-mono,monospace)}.channel-selector-group{gap:1rem;padding-bottom:.25rem;display:flex;position:relative}.channel-selector-item{color:#161819;cursor:pointer;font-size:.75rem;font-weight:500;font-family:var(--font-mono,monospace);touch-action:manipulation;padding:.25rem 0;transition:color .2s;position:relative}.channel-selector-item:hover{color:#666}.channel-underline{pointer-events:none;background:#161819;height:2px;transition:left .3s,width .3s;position:absolute;bottom:0;left:0}@media screen and (max-width:768px){.turbulence-layout{flex-direction:column;justify-content:center;padding:1rem}.turbulence-text-list{flex:none;max-height:40vh}.turbulence-text{font-size:2.5rem}.turbulence-controls{border-top:1px solid #e0e0e0;border-left:none;min-width:0;padding-top:1rem;padding-left:0}.turbulence-controls>*{margin-bottom:1rem}.turbulence-slider label{font-size:.75rem}}