body{height:100%;margin:0;background:#fff!important;background-attachment:unset;overflow-x:hidden}.soroban{display:flex;justify-content:flex-start;align-items:flex-start;gap:14px;background:linear-gradient(145deg,#d7b17a,#c49e5a);padding:18px 24px;border-radius:12px;box-shadow:0 8px 18px #0000001f,inset 0 0 8px #b9953c;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .3s ease,transform .3s ease;margin:-10px 0 0;width:-moz-fit-content;width:fit-content;transform:scale(.7);transform-origin:top center}.soroban:hover{background:linear-gradient(145deg,#dbb877,#caa95d);box-shadow:0 14px 32px #0000002e,inset 0 0 14px #c1a247}.rod{position:relative;display:flex;flex-direction:column;align-items:center;width:72px;padding:14px 0;background:#3e2a14;border-radius:18px;cursor:pointer;box-shadow:inset 0 2px 6px #4a361a,0 6px 15px #00000040;transition:box-shadow .3s ease}.rod:hover{box-shadow:inset 0 4px 8px #5a441e,0 8px 20px #00000052}.divider{width:82%;height:7px;margin:14px 0 18px;background:#6b4c22;border-radius:4px;box-shadow:inset 0 3px 7px #bfa26a,0 1px 2px #00000059}.bead{width:52px;height:34px;border-radius:50%/45%;background:linear-gradient(145deg,#d18c47,#b6752f);box-shadow:inset 0 7px 15px #ffffffb3,0 6px 10px #00000059;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .3s ease}.heaven{background:linear-gradient(145deg,#e4b96e,#bb8838);box-shadow:inset 0 8px 18px #ffffffd9,0 8px 14px #0000006b}.heaven.moved{transform:translateY(-58px);background:linear-gradient(145deg,#f1c875,#cc9f3f);box-shadow:inset 0 10px 22px #fffffff2,0 12px 18px #00000085}.earth{margin:8px 0;background:linear-gradient(145deg,#c89a5a,#a57933);box-shadow:inset 0 5px 12px #ffffffb8,0 5px 8px #0000004d}.earth.moved{transform:translateY(-48px);background:linear-gradient(145deg,#d2a54e,#b07f23);box-shadow:inset 0 8px 18px #ffffffe6,0 10px 14px #0006}.number-display{margin:20px auto;text-align:center;font-size:2rem;font-weight:700}#statusRow{display:flex;justify-content:center;gap:20px;margin-top:20px;font-size:1.2rem}.controls{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:20px;text-align:center}.controls label,.controls select,.controls button{white-space:nowrap}.controls-label,#modeSelect,#duration,#startTestBtn,#toggleSoundBtn{flex:0 0 auto}#startTestBtn,#toggleSoundBtn{background-color:#00b4d8!important;border-color:#00b4d8!important;color:#fff!important}#startTestBtn:hover,#toggleSoundBtn:hover{background-color:#0077b6!important;border-color:#0077b6!important;color:#fff!important}button{cursor:pointer}select,button{padding:10px 14px;font-size:14px;border-radius:30px}.worksheet-controls{display:flex;flex-wrap:wrap;gap:15px;padding:20px;background:#fff;border-radius:8px}.field{display:flex;flex:1;flex-direction:column;min-width:250px}.full{display:flex;flex:100%;align-items:center}label{margin-bottom:4px;font-size:13px}input,select{padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px}.btn:disabled{background:#ccc;cursor:not-allowed}.alert{display:none;width:100%;margin-top:10px;padding:10px;border-radius:5px;box-sizing:border-box}.alert.success{background:#4caf50;color:#fff}.alert.error{background:#f44336;color:#fff}.col-lg-6:last-child{margin-top:68px}@media(max-width:1400px){.soroban{transform:scale(.65)}}@media(max-width:1200px){.soroban{transform:scale(.6)}}@media(max-width:992px){.soroban{transform:scale(.55)}}@media(max-width:767px){.worksheet-controls{flex-wrap:wrap;gap:15px}.worksheet-controls .field{flex:1 1 calc(50% - 15px);min-width:auto}.worksheet-controls .full{flex:1 1 100%}.controls{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:10px!important;text-align:center!important;width:100%!important;margin:10px 0 0!important}.controls-label{width:100%!important;margin-bottom:5px!important;text-align:center!important}#modeSelect,#duration,#startTestBtn,#toggleSoundBtn{flex:1 1 45%!important;min-width:130px!important}#modeSelect,#duration{order:1!important}#startTestBtn,#toggleSoundBtn{margin-top:5px!important;order:2!important}.soroban{gap:10px;padding:14px 18px;margin-top:10px;transform:scale(.7)}.rod{width:58px;padding:12px 0}.bead{width:42px;height:28px}.divider{height:6px}}@media(min-width:768px)and (max-width:1368px){.controls{flex-wrap:wrap;justify-content:center;gap:10px}}@media(max-width:480px){.soroban{flex-wrap:nowrap;overflow-x:auto;margin-top:12px;transform:scale(.6)}.rod{width:48px;padding:10px 0}.bead{width:34px;height:22px}.heaven.moved{transform:translateY(-38px)}.earth.moved{transform:translateY(-28px)}.number-display{font-size:1.6rem}}#startTestBtn,#toggleSoundBtn{background:#00b4d8!important;border:none!important;color:#fff!important;box-shadow:none!important;outline:none!important}#startTestBtn:hover,#toggleSoundBtn:hover{background:#0077b6!important;border:none!important;color:#fff!important;box-shadow:none!important}#startTestBtn:focus,#toggleSoundBtn:focus,#startTestBtn:active,#toggleSoundBtn:active,#startTestBtn:visited,#toggleSoundBtn:visited,.btn:focus,.btn:active,.btn-primary:focus,.btn-primary:active{outline:none!important;box-shadow:none!important;border:none!important}