body{background:#202020;display:flex;flex-direction:column;align-items:center}._appContainer_5ydd9_1{display:flex;flex-direction:column;justify-content:center;height:fit-content}._controlsContainer_5ydd9_8{display:flex;flex-direction:row;gap:20px}._displayContainer_5ydd9_14{display:flex;flex-direction:row;gap:15px}@media (orientation: portrait){._displayContainer_5ydd9_14{flex-direction:column}}@media (prefers-color-scheme: dark){:root{--bg-secondary: #242424;--text-color: #e0e0e0;--border-color: #555;--accent: #777}}._dimensionSelector_8b9da_10{display:flex;flex-direction:column;width:fit-content;align-items:stretch;gap:.5rem;padding:.5rem;border-radius:8px;font-family:system-ui,sans-serif}._dimensionSelector_8b9da_10 label{font-size:.9rem;font-weight:600;color:var(--text-color);white-space:nowrap}._dimensionSelector_8b9da_10 select{padding:6px 10px;font-size:1rem;border-radius:6px;border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-color);cursor:pointer}._dimensionSelector_8b9da_10 select:hover{background-color:var(--accent)}._dimensionSelector_8b9da_10 select:focus{outline:none}@media (orientation: portrait){._dimensionSelector_8b9da_10 label{font-size:1.5rem}._dimensionSelector_8b9da_10 select{font-size:1.7rem}}._cubeCanvas_1aw9o_1{border-radius:20px;background:#303030;box-shadow:0 7px 30px #000;width:min(70vh,45vw);height:min(70vh,45vw);margin:auto}@media (orientation: portrait){._cubeCanvas_1aw9o_1{width:min(40vh,98vw);height:min(40vh,98vw)}}._shuffleNotationInput_1od1i_1{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:8px;background-color:#1e1e1e}._shuffleNotationInput_1od1i_1 input{flex:1;padding:.45rem .6rem;border-radius:6px;border:1px solid #444;background-color:#121212;color:#fff;font-size:.9rem}._shuffleNotationInput_1od1i_1 input::placeholder{color:#888}._shuffleNotationInput_1od1i_1 input:focus{outline:none;border-color:#4da3ff}._shuffleNotationInput_1od1i_1 button{padding:.45rem .8rem;border-radius:6px;border:none;background-color:#4da3ff;color:#000;font-size:.85rem;font-weight:600;cursor:pointer;transition:background-color .15s ease,transform .05s ease}._shuffleNotationInput_1od1i_1 button:hover{background-color:#6bb6ff}._shuffleNotationInput_1od1i_1 button:active{transform:translateY(1px)}@media (orientation: portrait){._shuffleNotationInput_1od1i_1 input,._shuffleNotationInput_1od1i_1 button{font-size:1.5rem}}@media (prefers-color-scheme: dark){:root{--bg-secondary: #242424;--text-color: #e0e0e0;--border-color: #555;--accent: #333}}._manipulator_1wxms_10{display:flex;flex-direction:column;width:fit-content;align-items:flex-start;gap:.5rem;padding:.5rem;border-radius:8px}._title_1wxms_20{font-size:.9rem;font-weight:600;color:var(--text-color);border-radius:8px;font-family:system-ui,sans-serif}._manipulatorButtons_1wxms_28{display:flex;flex-direction:row;align-items:stretch;gap:.3rem}._manipulator_1wxms_10 button{padding:.45rem .8rem;border-radius:6px;background-color:var(--bg-secondary);color:var(--text-color);font-size:.85rem;font-weight:600;cursor:pointer;border:1px solid var(--border-color);transition:background-color .15s ease,transform .05s ease}._manipulator_1wxms_10 button:hover{background-color:var(--accent)}._manipulator_1wxms_10 button:active{transform:translateY(1px)}@media (orientation: portrait){._title_1wxms_20,._manipulator_1wxms_10 button{font-size:1.5rem}}._hintDisplay_8hzv6_1{border-radius:20px;background:#303030;box-shadow:0 7px 30px #000;width:min(70vh,45vw);height:min(70vh,45vw);margin:auto}._content_8hzv6_10{padding-left:20px;padding-right:20px;opacity:0;animation:_fadeIn_8hzv6_1 1s ease-out .5s forwards}._hintDisplay_8hzv6_1 h1{color:#e0e0e0;font-weight:700;font-family:system-ui,sans-serif;font-size:calc(min(70vh,45vw)/25);word-break:break-word;margin:calc(min(70vh,45vw)*.03) 0 calc(min(70vh,45vw)*.01) 0}._hintDisplay_8hzv6_1 p{color:#e0e0e0;font-weight:500;font-family:system-ui,sans-serif;font-size:calc(min(70vh,45vw)*.03);word-break:break-word;margin:calc(min(70vh,45vw)*.01) 0 0 0}._hintDisplay_8hzv6_1 p a{color:#e0e0e0;text-decoration:underline}._hintDisplay_8hzv6_1 p a:hover{color:#fff;cursor:pointer}._notationContainer_8hzv6_46{display:flex;flex-direction:row;gap:10px}._hintDisplay_8hzv6_1 ._notationContainer_8hzv6_46 img{height:calc(min(70vh,45vw)*.035);margin:calc(min(70vh,45vw)*.01) 0 0 0}._hintDisplay_8hzv6_1 code{display:block;width:fit-content;margin:calc(min(70vh,45vw)*.01) 0 0 0;color:silver;font-weight:600;font-size:calc(min(70vh,45vw)*.03);word-break:break-word;padding:calc(min(70vh,45vw)/500) calc(min(70vh,45vw)/250);background-color:#505050;border-radius:calc(min(70vh,45vw)/250)}._hintDisplay_8hzv6_1 code:hover{color:#fff;cursor:pointer}._hintDisplay_8hzv6_1 img{height:calc(min(70vh,45vw)/5);margin:calc(min(70vh,45vw)/50) 0 0 0}@media (orientation: portrait){._hintDisplay_8hzv6_1{width:min(40vh,98vw);height:min(40vh,98vw)}._hintDisplay_8hzv6_1 h1{font-size:calc(min(40vh,98vw)/25);margin:calc(min(40vh,98vw)*.03) 0 calc(min(40vh,98vw)*.01) 0}._hintDisplay_8hzv6_1 p{font-size:calc(min(40vh,98vw)*.03);margin:calc(min(40vh,98vw)*.01) 0 0 0}._hintDisplay_8hzv6_1 ._notationContainer_8hzv6_46 img{height:calc(min(40vh,98vw)*.035);margin:calc(min(40vh,98vw)*.01) 0 0 0}._hintDisplay_8hzv6_1 code{font-size:calc(min(40vh,98vw)*.03);margin:calc(min(40vh,98vw)*.01) 0 0 0;padding:calc(min(40vh,98vw)/500) calc(min(40vh,98vw)/250);border-radius:calc(min(40vh,98vw)/250)}._hintDisplay_8hzv6_1 img{height:calc(min(40vh,98vw)/5);margin:calc(min(40vh,98vw)/50) 0 0 0}}@keyframes _fadeIn_8hzv6_1{to{opacity:1}}