@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";:root.light{--text: #050316;--bg: #fbfbfe;--primary: #2f27ce;--secondary: #dddbff;--accent: #443dff}:root.dark{--text: #eae9fc;--bg: #010104;--primary: #3a31d8;--secondary: #020024;--accent: #0600c2}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}#root{font-family:Inter,serif;background-color:var(--bg);color:var(--text)}:root.light{--header-border: rgba(0, 0, 0, .1)}:root.dark{--header-border: rgba(255, 255, 255, .1)}#header{position:fixed;width:100%;display:grid;grid-template-rows:1fr;grid-template-columns:1fr;align-items:center;padding-block:15px;background-color:var(--bg);border-bottom:1px solid var(--header-border)}h1{grid-row:1;justify-self:center;-webkit-user-select:none;user-select:none}#icon{grid-row:1;justify-self:flex-end;display:flex;align-items:center;margin-right:20px;padding:5px;border:3px solid var(--header-border)}#icon:hover{cursor:pointer}#app{padding-top:78px;width:100%;height:100%;display:flex;flex-direction:column;align-items:center}#message{padding-top:78px;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700}#input{display:flex;height:50px;align-items:center}label{font-size:20px}input{margin-left:10px;padding:3px;background-color:var(--secondary);color:var(--text);outline:none;border:1px solid var(--accent);font-size:20px}#carousel{position:relative;width:100%;flex:1;display:flex;flex-direction:column}#stage{flex:1;display:flex}#elkonin-boxes{position:relative;flex:1;display:flex;align-items:center;overflow:hidden;margin:20px}.elkonin-box{position:absolute;left:50%;top:50%;translate:-50% -50%;display:flex;justify-content:center;align-items:center;border-style:solid;font-family:Roboto Mono,monospace}.active{z-index:1}.none{border-color:var(--text)!important}.correct{color:#32cd32}.correct-border{border-color:#32cd32!important}.incorrect{color:red}.incorrect-border{border-color:red!important}#button{display:flex;justify-content:center;align-items:center;margin-right:20px}.enabled{color:var(--text)}.disabled{color:var(--header-border)}#button-icon{transition:transform .1s ease-in-out}#button-icon:hover.enabled{cursor:pointer;color:var(--accent);transform:scale(105%)}#button-icon:hover.disabled{cursor:not-allowed}#audio-container{display:flex;justify-content:center;width:100%;padding-bottom:40px}#audio{display:flex;justify-content:center;align-items:center;border:3px solid var(--text);border-radius:15px;padding:15px}#audio:hover{cursor:pointer;color:var(--accent);border-color:var(--accent)}#audio-label{margin-left:10px;font-size:28px;pointer-events:none;-webkit-user-select:none;user-select:none}#audio.listening{border-style:dashed;color:var(--accent);border-color:var(--accent)}#audio.processing,#audio.processed{color:var(--header-border);border-color:var(--header-border)}#audio.processing:hover,#audio.processed:hover{cursor:not-allowed}#guide{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:var(--secondary);color:var(--text);border:3px solid var(--text);outline:none}#guide::backdrop{background-color:var(--text);opacity:.1}#guide-header{display:grid;grid-template-rows:1fr;grid-template-columns:1fr;align-items:center;padding:10px;border-bottom:1px solid var(--text)}#guide-header h1{font-weight:400}#guide-icon{grid-row:1;justify-self:flex-end;transition:transform .1s ease-in-out}#guide-icon:hover{cursor:pointer;color:var(--accent);transform:scale(105%)}.guide-sound{display:flex;padding:10px}.guide-video{width:50%}.guide-content{width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:20px}#tsparticles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}