.water-sort_wrapper__X4nQc{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#0a0a1a,#1a1a2e 50%,#16213e);padding:0;color:white;-moz-user-select:none;user-select:none;-webkit-user-select:none}.water-sort_container__SXw52{width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center;padding:16px 12px;gap:16px}.water-sort_header__Wx_AJ{width:100%;display:flex;justify-content:space-between;align-items:center}.water-sort_header__Wx_AJ h1{font-family:var(--font-raleway,sans-serif);font-size:1.5rem;font-weight:900;margin:0}.water-sort_statsBlock__YxPfW{display:flex;gap:14px}.water-sort_statItem__57zhS{text-align:center}.water-sort_statLabel__z_LrQ{font-size:.55rem;text-transform:uppercase;color:rgba(255,255,255,.4);letter-spacing:.08em}.water-sort_statValue__FDCsi{font-size:1.3rem;font-weight:800;color:#f1c40f}.water-sort_tubesArea__4ljjQ{width:100%;display:flex;justify-content:center;flex-wrap:wrap;gap:10px;padding:10px 0}.water-sort_tubeWrapper__HMlq9{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s}.water-sort_tubeWrapper__HMlq9:hover{transform:translateY(-2px)}.water-sort_tubeSelected__qXSEe{transform:translateY(-10px)!important}.water-sort_tube__lEA6D{width:46px;height:140px;border:2px solid rgba(255,255,255,.2);border-top:none;border-radius:0 0 14px 14px;display:flex;flex-direction:column-reverse;padding:3px;gap:2px;background:rgba(255,255,255,.03);position:relative;overflow:hidden;transition:border-color .15s}.water-sort_tubeSelected__qXSEe .water-sort_tube__lEA6D{border-color:#f1c40f;box-shadow:0 0 12px rgba(241,196,15,.3)}.water-sort_tubeComplete__bQVIL .water-sort_tube__lEA6D{border-color:#2ecc71;box-shadow:0 0 10px rgba(46,204,113,.3)}.water-sort_segment__VCtIc{flex:1;border-radius:3px;transition:all .2s ease;position:relative;overflow:hidden}.water-sort_segment__VCtIc:after{content:"";position:absolute;top:0;left:10%;width:30%;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.25),transparent);border-radius:0 0 50% 50%}.water-sort_segmentEmpty__1Qhu3{background:transparent}.water-sort_segmentEmpty__1Qhu3:after{display:none}.water-sort_segmentPouring__xYQNk{animation:water-sort_pourOut__ZY6aV .25s ease-in forwards}@keyframes water-sort_pourOut__ZY6aV{0%{transform:scaleY(1);opacity:1}to{transform:scaleY(0);opacity:0}}.water-sort_segmentFilling__1uX7u{animation:water-sort_pourIn__ClEGl .25s ease-out forwards}@keyframes water-sort_pourIn__ClEGl{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}.water-sort_lColor0__HQzir{background:#e74c3c}.water-sort_lColor1__Hfp57{background:#3498db}.water-sort_lColor2__Giym0{background:#2ecc71}.water-sort_lColor3__Accip{background:#f39c12}.water-sort_lColor4___xuA3{background:#9b59b6}.water-sort_lColor5__GKnSM{background:#1abc9c}.water-sort_lColor6__GTo9D{background:#e84393}.water-sort_lColor7__DztaV{background:#e67e22}.water-sort_lColor8__O0nFP{background:#00cec9}.water-sort_lColor9__gO7OL{background:#fd79a8}.water-sort_lColor10__gSa0V{background:#6c5ce7}.water-sort_lColor11__brZ4u{background:#fdcb6e}.water-sort_controls__5APrV{width:100%;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.water-sort_controlBtn___jZ41{display:flex;align-items:center;gap:6px;padding:10px 18px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);color:rgba(255,255,255,.7);font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.water-sort_controlBtn___jZ41:hover{background:rgba(255,255,255,.12);color:white}.water-sort_controlBtn___jZ41:disabled{opacity:.35;cursor:not-allowed}.water-sort_controlIcon__ZNtN6{font-size:1rem}.water-sort_diffRow__Lx9eb{display:flex;gap:8px;width:100%}.water-sort_diffBtn__cEfZs{flex:1;padding:10px 8px;border:2px solid rgba(255,255,255,.2);border-radius:8px;background:rgba(255,255,255,.05);color:white;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .15s}.water-sort_diffBtn__cEfZs:hover{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.1)}.water-sort_diffBtnActive__mM1dZ{border-color:#f1c40f;background:rgba(241,196,15,.15);color:#f1c40f}.water-sort_overlay__3eupt{position:fixed;inset:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:water-sort_fadeIn__0F8QF .25s ease-out}@keyframes water-sort_fadeIn__0F8QF{0%{opacity:0}to{opacity:1}}.water-sort_modal__fASLL{background:linear-gradient(145deg,#1a1a2e,#16213e);border:2px solid #f1c40f;border-radius:18px;padding:32px 24px;max-width:320px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;animation:water-sort_slideUp__C_tso .25s ease-out}@keyframes water-sort_slideUp__C_tso{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.water-sort_modal__fASLL h2{font-family:var(--font-raleway,sans-serif);font-weight:900;font-size:2rem;color:#f1c40f;margin:0}.water-sort_modal__fASLL p{color:rgba(255,255,255,.65);font-size:.9rem;margin:0}.water-sort_btn__JR6_C{background:linear-gradient(145deg,#f1c40f,#f39c12);color:#1a1a2e;border:none;padding:13px 28px;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s;width:100%}.water-sort_btn__JR6_C:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(241,196,15,.4)}.water-sort_levelInfo__520_F{font-size:1.4rem;font-weight:900;color:#f1c40f}@media (max-width:400px){.water-sort_tube__lEA6D{width:38px;height:115px}.water-sort_tubesArea__4ljjQ{gap:7px}}