#root,body,html{-ms-overflow-style:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:none;font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;font-size:1em;font-weight:700;height:100%;margin:0;overflow-y:scroll;padding:0;scrollbar-width:none;-webkit-user-select:none;user-select:none;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*!
*
* react-simple-keyboard v3.8.183
* https://github.com/hodgef/react-simple-keyboard
*
* Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*/
/*!
*
* simple-keyboard v3.8.125
* https://github.com/hodgef/simple-keyboard
*
* Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*/.hg-theme-default{background-color:#ececec;border-radius:5px;box-sizing:border-box;font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;overflow:hidden;padding:5px;touch-action:manipulation;-webkit-user-select:none;user-select:none;width:100%}.hg-theme-default .hg-button span,.hg-theme-default .hg-button span svg{pointer-events:none}.hg-theme-default button.hg-button{border-width:0;font-size:inherit}.hg-theme-default .hg-button{display:inline-block;flex-grow:1}.hg-theme-default .hg-row{display:flex}.hg-theme-default .hg-row:not(:last-child){margin-bottom:5px}.hg-theme-default .hg-row .hg-button-container,.hg-theme-default .hg-row .hg-button:not(:last-child){margin-right:5px}.hg-theme-default .hg-row>div:last-child{margin-right:0}.hg-theme-default .hg-row .hg-button-container{display:flex}.hg-theme-default .hg-button{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:#fff;border-bottom:1px solid #b5b5b5;border-radius:5px;box-shadow:0 0 3px -1px #0000004d;box-sizing:border-box;cursor:pointer;display:flex;height:40px;justify-content:center;padding:5px}.hg-theme-default .hg-button.hg-standardBtn{width:20px}.hg-theme-default .hg-button.hg-activeButton{background:#efefef}.hg-theme-default.hg-layout-numeric .hg-button{align-items:center;display:flex;height:60px;justify-content:center;width:33.3%}.hg-theme-default .hg-button.hg-button-numpadadd,.hg-theme-default .hg-button.hg-button-numpadenter{height:85px}.hg-theme-default .hg-button.hg-button-numpad0{width:105px}.hg-theme-default .hg-button.hg-button-com{max-width:85px}.hg-theme-default .hg-button.hg-standardBtn.hg-button-at{max-width:45px}.hg-theme-default .hg-button.hg-selectedButton{background:#05194687;color:#fff}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=".com"]{max-width:82px}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn="@"]{max-width:60px}.hg-candidate-box{background:#ececec;border-bottom:2px solid #b5b5b5;border-radius:5px;display:inline-flex;margin-top:-10px;position:absolute;transform:translateY(-100%);-webkit-user-select:none;user-select:none}ul.hg-candidate-box-list{display:flex;flex:1 1;list-style:none;margin:0;padding:0}li.hg-candidate-box-list-item{align-items:center;display:flex;height:40px;justify-content:center;width:40px}li.hg-candidate-box-list-item:hover{background:#00000008;cursor:pointer}li.hg-candidate-box-list-item:active{background:#0000001a}.hg-candidate-box-prev:before{content:"â"}.hg-candidate-box-next:before{content:"âš"}.hg-candidate-box-next,.hg-candidate-box-prev{align-items:center;color:#969696;cursor:pointer;display:flex;padding:0 10px}.hg-candidate-box-next{border-bottom-right-radius:5px;border-top-right-radius:5px}.hg-candidate-box-prev{border-bottom-left-radius:5px;border-top-left-radius:5px}.hg-candidate-box-btn-active{color:#444}.simple-keyboard div.hg-row{align-content:space-between;align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}@supports (-webkit-touch-callout:none){.simple-keyboard{padding-bottom:2.1em}}.simple-keyboard button.hg-button{flex:1 1}.simple-keyboard button[data-skbtn="{ent}"]{color:green;font-size:2em}.simple-keyboard button[data-skbtn="{ent}"]:disabled{color:gray;font-size:1em}.simple-keyboard button[data-skbtn="{backspace}"]{color:#7c0a02}div.topbar{align-items:center;background-color:#fff;border-bottom:1px inset #f5f5f5;color:#87cefa;display:flex;flex-direction:row;flex-wrap:wrap;font-size:1.2em;font-weight:700;height:1.4em;justify-content:space-between;left:0;padding:0;position:absolute;top:0;width:100%;z-index:1000}div.topbar div{margin:0 .25em}@supports (-webkit-touch-callout:none){div.topbar{padding-bottom:.6em}}div.after,div.topbar div:before{margin-right:.25em}div.topbar .name:before{content:"ðķ"}div.topbar .name{margin-right:.25em;opacity:.6}div.topbar .grade{align-items:center;border:2px solid #daa520;border-radius:50%;color:#daa520;display:flex;font-size:.6em;height:1.4em;justify-content:center;margin-left:.4em;min-width:1.4em;padding:0 .1em}div.topbar .score:before{color:#daa520;content:"âĻ"}div.topbar .add-score,div.topbar .score{text-align:right;width:5em}div.topbar .add-score{color:#daa520;margin:-1em 0 0;opacity:0;position:relative}div.topbar .add-score.show{animation:add-score-fade-in 1.5s}div.topbar .add-score:before{color:#daa520;content:"â"}@keyframes add-score-fade-in{0%{opacity:1;top:0}to{opacity:0;top:1.5em}}div.bottombar{align-content:space-between;align-items:center;background-color:#fff;border-top:1px solid #f5f5f5;bottom:0;display:none;flex-direction:column;height:2.5em;justify-content:center;left:0;position:fixed;width:100%}div.bottombar button{-webkit-tap-highlight-color:transparent;background:none;border:none;cursor:pointer;font-size:1.6em;font-weight:700}div.stars{-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#d3d3d3;-webkit-font-smoothing:antialiased;color:#f8f8ff;display:flex;flex-direction:row;flex-wrap:wrap;font-size:2.8em;justify-content:center;margin:.5em .1em .1em;min-height:1.2em}@supports (-webkit-touch-callout:none){div.stars{padding-top:.5em}}div.stars.small{font-size:1em;margin-top:1.8em;padding-left:1em;transform:rotate(-5deg)}div.stars>div{margin:.1em}div.stars>div.blocked{-webkit-text-stroke-color:gray;color:#a9a9a9}div.stars>div.achieved{-webkit-text-stroke-color:#daa520;animation:star-shake .5s;animation-iteration-count:1;color:gold;font-size:1.1em;margin:.025em;text-shadow:.02em .02em .05em #000}@keyframes star-shake{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}div.symbol{font-size:10em;height:1.2em;margin:0 0 0 .1em;min-height:1.2em;padding:.1em 0 0;text-align:center;text-shadow:1px 1px 3px #000}div.symbol-content--{padding-bottom:.1em;padding-top:0}div.symbol-type-1{font-weight:lighter}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity 1s}.fade-exit{opacity:1}div.color-0{color:#dc143c}div.color-1{color:#00008b}div.color-2{color:#00f}div.color-3{color:#8a2be2}div.color-4{color:brown}div.answer{font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;font-size:10em;font-weight:700;height:1.2em;margin:0 0 0 .05em;min-height:1.2em;padding:.1em 0 0;text-align:center}@supports (-webkit-touch-callout:none){div.answer input.number{align-self:center;height:1.2em;line-height:normal!important}}div.answer input.number{border:1px solid #f5f5f5;border-radius:15px;caret-color:#0000;color:#00008b;font-size:1em;font-weight:700;line-height:normal!important;padding:0;text-align:center;text-shadow:1px 1px 3px #000}input.number::-webkit-input-placeholder{align-self:center;line-height:normal!important}input.number::-webkit-inner-spin-button,input.number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}div.answer.size_1 input.number{width:.6em}div.answer.size_2 input.number{width:1.2em}div.answer.size_3 input.number{width:1.8em}div.answer.size_4 input.number{width:2.4em}div.answer.size_5 input.number{width:3em}div.answer.size_6 input.number{width:3.6em}div.answer input.number::placeholder{color:#87cefa;opacity:.6;text-shadow:none}div.answer input.number:disabled{background-color:initial;color:#87cefa}div.answer input.number:focus{border:1px solid #0000;box-shadow:inset 0 0 5px skyblue;outline:none}div.answer .mistake .correctAnswer,div.answer .mistake.show input.number{display:none}div.answer .mistake.show .correctAnswer{border:1px solid #0000;color:#000;display:block;font-weight:700;text-shadow:2px 2px 20px red;width:.6em}div.expression{font-size:.4em}div.expression,div.memory-expression{display:flex;flex-direction:row;justify-content:center;margin:0;min-height:1em;padding:0;width:100%}div.memory-expression{font-size:.5em}div.memory-expression .timer{padding-top:2em}div.memory-expression .timer.hidden{display:none}div.memory-expression .answer,div.memory-expression .answer .size_1,div.memory-expression .answer .size_2,div.memory-expression .answer .size_3,div.memory-expression .symbol{margin-left:0}div.answer-composite{display:flex;flex-direction:row-reverse;height:100%;justify-content:right;margin:0;min-height:1.2em;padding:.1em 0 0 .2em;width:100%}div.answer-composite .mistake{display:inline-flex}div.answer-composite input[type=number]::placeholder{color:#87cefa;opacity:.6;text-shadow:none}div.answer-composite div.answer.size_1 input[type=number]{padding:0;width:.6em}div.answer-composite input[type=number]{border:0 solid #0000;caret-color:#00008b;color:#00008b;font-size:1em;font-weight:700;padding-block:0;padding-inline:0;text-align:center;text-shadow:1px 1px 3px #000}div.answer-composite input[type=number]:focus{border:0 solid #f5f5f5;outline:none}div.vertical-expression{display:flex;font-size:1em;justify-content:center;margin:0;padding:0;text-align:center;width:100%}div.vertical-expression .expression{display:flex;flex-direction:column;justify-content:right;margin:0;min-height:1em;padding:0;width:18em}div.vertical-expression hr{border:.4em solid #000;border-radius:.4em;margin:0;padding-left:.5em;width:100%}div.vertical-expression .symbol{height:auto;margin:0;min-height:auto;padding:0;text-align:right}div.vertical-expression .operator{height:auto;margin:0;min-height:auto;padding:0;text-align:left}div.vertical-expression .answer{height:auto;margin:0;min-height:auto;padding:0;text-align:right}div.vertical-expression .symbol-type-1{margin-bottom:-.7em;margin-left:-.75em;margin-top:-.6em;text-align:center;width:1em}div.vertical-expression div.answer input[type=number]{margin:0;padding-block:0;padding-inline:0;padding:0}div.vertical-expression div.answer{margin:0;padding:0 0 0 .05em}div.power-symbol{align-items:flex-start;display:inline-flex;font-size:10em;height:1.2em;margin:0 0 0 .1em;min-height:1.2em;padding:.1em 0 0;text-align:center;text-shadow:1px 1px 3px #000}sup.power-exponent{font-size:.5em;line-height:1;margin-top:-.05em}div.level{border:1px solid #0000;height:100%;position:relative}div.level .keyboard{bottom:0;left:0;position:absolute;width:100%}.celebration{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:9999}.celebration .confetti{animation:confetti-fall linear forwards;opacity:0;position:absolute;top:-10%}@keyframes confetti-fall{0%{opacity:1;top:-10%;transform:translateX(0) rotate(0deg)}25%{opacity:1;transform:translateX(15px) rotate(90deg)}50%{opacity:1;transform:translateX(-10px) rotate(180deg)}75%{opacity:.8;transform:translateX(12px) rotate(270deg)}to{opacity:0;top:110%;transform:translateX(-8px) rotate(1turn)}}div.sublevel button{-webkit-tap-highlight-color:transparent;background:none;border:none;cursor:pointer;font-weight:700}div.sublevel{display:flex;flex-direction:column;font-size:1em;justify-content:center;margin:0;padding:0;width:7em}div.sublevel div.content{margin-left:.5em;margin-top:-4em}div.sublevel div.icon{font-size:5em;opacity:.9;text-shadow:1px 1px 3px #000}@supports (-webkit-touch-callout:none){div.sublevel div.content{margin-top:-5em}}div.sublevel div.icon:after{content:"ð"}div.sublevel div.icon.grade-1:after{content:"â
"}div.sublevel div.icon.grade-2:after{content:"â
Ą"}div.sublevel div.icon.grade-3:after{content:"â
Ē"}div.sublevel div.icon.grade-4:after{content:"â
Ģ"}div.sublevel div.icon.grade-5:after{content:"â
Ī"}div.sublevel div.icon.grade-6:after{content:"â
Ĩ"}div.sublevel div.icon.level:after{content:"âģ"}div.sublevel div.icon.bug:after{content:"ð"}div.sublevel div.icon.turtle:after{content:"ðĒ"}div.sublevel div.icon.ant:after{content:"ð"}div.sublevel div.icon.lady-bug:after{content:"ð"}div.sublevel div.icon.chick:after{content:"ðĪ"}div.sublevel div.icon.penguin:after{content:"ð§"}div.sublevel div.icon.rabbit:after{content:"ð"}div.sublevel div.icon.leopard:after{content:"ð
"}div.sublevel div.icon.tiger:after{content:"ð"}div.sublevel div.icon.whale:after{content:"ð"}div.sublevel div.icon.horse:after{content:"ð"}div.sublevel div.icon.fox:after{content:"ðĶ"}div.sublevel div.icon.bear:after{content:"ðŧ"}div.sublevel div.icon.wolf:after{content:"ðš"}div.sublevel div.icon.eagle:after{content:"ðĶ
"}div.sublevel div.icon.lion:after{content:"ðĶ"}div.sublevel div.icon.dolphin:after{content:"ðŽ"}div.sublevel div.icon.dragon:after{content:"ð"}div.sublevel div.icon.owl:after{content:"ðĶ"}div.sublevel div.icon.cat:after{content:"ðą"}div.sublevel div.icon.shark:after{content:"ðĶ"}div.sublevel div.icon.octopus:after{content:"ð"}div.sublevel div.icon.gorilla:after{content:"ðĶ"}div.sublevel div.icon.panda:after{content:"ðž"}div.sublevel div.icon.crocodile:after{content:"ð"}div.sublevel div.icon.parrot:after{content:"ðĶ"}div.sublevel div.icon.cobra:after{content:"ð"}div.sublevel div.icon.unicorn:after{content:"ðĶ"}div.sublevel div.icon.flamingo:after{content:"ðĶĐ"}div.sublevel div.icon.hedgehog:after{content:"ðĶ"}div.sublevel div.icon.bat:after{content:"ðĶ"}div.sublevel div.icon.peacock:after{content:"ðĶ"}div.sublevel div.icon.scorpion:after{content:"ðĶ"}div.sublevel div.icon.swan:after{content:"ðĶĒ"}div.sublevel div.icon.rhino:after{content:"ðĶ"}div.sublevel div.icon.squid:after{content:"ðĶ"}div.sublevel div.icon.scroll:after{content:"ð"}div.sublevel div.icon.beetle:after{content:"ðŠē"}div.sublevel div.icon.deer:after{content:"ðĶ"}div.sublevel div.icon.butterfly:after{content:"ðĶ"}div.sublevel div.icon.camel:after{content:"ðŦ"}div.sublevel div.icon.kangaroo:after{content:"ðĶ"}div.sublevel div.icon.mammoth:after{content:"ðĶĢ"}div.sublevel div.icon.penguin2:after{content:"ð§"}div.sublevel div.icon.seal:after{content:"ðĶ"}div.sublevel div.icon.mosquito:after{content:"ðĶ"}div.sublevel div.icon.trophy:after{content:"ð"}div.sublevel div.icon.brain:after{content:"ð§ "}div.sublevel.disabled div.icon{opacity:.2;text-shadow:1px 1px 3px gray}div.sublevel div.subject{color:#32cd32;font-size:3em;min-height:1em;min-width:1em;opacity:1;position:relative;text-shadow:0 0 10px #000,0 0 20px #000,0 0 30px #000;transform:rotate(-10deg);transform-origin:0 0;z-index:99}div.sublevel div.lock-icon,div.sublevel.disabled div.subject{color:#dcdcdc;text-shadow:1px 1px 3px gray}div.sublevel div.lock-icon{font-size:3em;margin-left:1em;margin-top:-.5em;padding-bottom:.5em;z-index:100}div.sublevel div.lock-icon:after{content:"ð";position:relative;z-index:100}div.sublevel div.lock-icon.shake{animation:shake .6s ease-in-out}div.sublevel.unlocked .icon{animation:glow .6s ease-in-out infinite alternate,shake .6s ease-in-out;color:#fff}div.sublevel.warning .icon{animation:warning-glow 1.2s ease-in-out infinite alternate;color:#fff}@keyframes glow{0%{text-shadow:0 0 .1em #fff,0 0 .15em #fff,0 0 .2em #9a94e4,0 0 .25em #9a94e4,0 0 .3em #9a94e4}to{text-shadow:0 0 .25em #fff,0 0 .25em #fff,0 0 .3em #9a94e4,0 0 .35em #9a94e4,0 0 .4em #9a94e4,0 0 .5em #9a94e4,0 0 .6em #9a94e4}}@keyframes warning-glow{0%{text-shadow:0 0 .1em #fff,0 0 .15em #fff,0 0 .2em #c95f22,0 0 .25em #c95f22,0 0 .3em #c95f22}to{text-shadow:0 0 .25em #fff,0 0 .25em #fff,0 0 .3em #c95f22,0 0 .35em #c95f22,0 0 .4em #c95f22,0 0 .5em #c95f22,0 0 .6em #c95f22}}@keyframes shake{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}div.levels{align-content:space-between;align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;font-size:1em;height:100%;justify-content:center;margin:1.5em 0 0;padding:0;width:100%}div.levels>.sublevel{margin:.5em .1em}.checkbox{align-content:space-between;align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;font-size:5em;justify-content:center;padding-bottom:.4em;padding-top:.2em;text-align:center}.checkbox [type=checkbox]{left:-9999px;position:absolute}.checkbox [type=checkbox]:checked+label,.checkbox [type=checkbox]:not(:checked)+label{cursor:pointer;font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;position:relative}.checkbox [type=checkbox]:checked+label:before,.checkbox [type=checkbox]:not(:checked)+label:before{background-color:#87cefa;border:1px solid skyblue;border-radius:.1em;box-shadow:inset 0 .01em .03em #87cefa4d;content:"";height:.5em;left:-.25em;position:absolute;width:.5em}.checkbox [type=checkbox]:checked+label:after,.checkbox [type=checkbox]:not(:checked)+label:after{color:#00008b;content:"\2713";left:-.3em;position:absolute;top:-.4em;transition:all .2s}.checkbox [type=checkbox]:not(:checked)+label:after{color:#f5f5f5;left:-.4em;top:-.3em;transform:scale(.5)}@supports (-webkit-touch-callout:none){.checkbox [type=checkbox]:checked+label:after,.checkbox [type=checkbox]:not(:checked)+label:after{left:-.5em;top:-.5em}}.checkbox [type=checkbox]:disabled+label:after{border:1px solid #f5f5f5;border-radius:.1em;content:"";height:.5em;left:-.25em;position:absolute;top:0;width:.5em}form.profile{padding:5em 0 0}form.profile input{border:1px solid #f5f5f5;caret-color:#00008b;color:#00008b;font-size:2em;font-weight:400;text-align:center;text-shadow:1px 1px 3px #000}form.profile input[type=text]{margin-bottom:1em;width:8em}form.profile input::placeholder{color:#87cefa;opacity:.6;text-shadow:none}form.profile .username.label:before{content:"ðķ";font-size:2em;position:absolute}form.profile .grade-select.label .grade-icon{color:#87cefa;font-size:2em;opacity:.6;position:absolute}form.profile .grade-options{display:flex;gap:.5em;justify-content:center;margin-bottom:1em;margin-left:2em}form.profile .grade-option{align-items:center;background:#fff;border:2px solid #87cefa;border-radius:50%;color:#87cefa;cursor:pointer;display:flex;font-size:1.2em;font-weight:700;height:2.5em;justify-content:center;padding:0;width:2.5em}form.profile .grade-option.selected{background:#87cefa;color:#fff}form.profile .grade-option:active{opacity:.7}.parent-screen{display:flex;flex-direction:column;gap:1.5em;padding:1.5em 1em}.parent-screen h2{color:#555;font-size:1.1em;margin:0}.parent-section{background:#f8f9fa;border-radius:12px;padding:1em}.parent-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5em}.parent-section .section-header h3{color:#666;font-size:.95em;margin:0}.parent-btn{background:#87cefa;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9em;font-weight:600;padding:.5em 1.2em}.parent-btn:active{opacity:.7}.sound-toggle{align-items:center;display:flex;justify-content:space-between}.sound-toggle .toggle-track{background:#ccc;border-radius:1em;cursor:pointer;height:1.6em;position:relative;transition:background .2s;width:3em}.sound-toggle .toggle-track.on{background:#87cefa}.sound-toggle .toggle-track .toggle-knob{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;height:1.3em;left:.15em;position:absolute;top:.15em;transition:left .2s;width:1.3em}.sound-toggle .toggle-track.on .toggle-knob{left:1.55em}.activity-table{border-collapse:collapse;font-size:.75em;width:100%}.activity-table th{border-bottom:1px solid #e0e0e0;color:#888;font-weight:600;padding:.4em .3em;text-align:left}.activity-table td{border-bottom:1px solid #f0f0f0;color:#555;padding:.4em .3em}.activity-table td:not(:first-child),.activity-table th:not(:first-child){text-align:center}.time-range{display:flex;gap:1.5em;justify-content:center;margin-top:.8em}.time-range label{align-items:center;color:#666;display:flex;font-size:.9em;gap:.4em}.time-range select{background:#fff;border:1px solid #ddd;border-radius:6px;color:#555;font-size:1em;padding:.3em .5em}.skill-link{cursor:pointer}.skill-link:active{background:#e8f4fd}.changelog-link{background:none;text-align:center}.changelog-link a{color:#aaa;font-size:.8em;text-decoration:none}.changelog-link a:active{opacity:.6}.sleep-overlay{align-items:center;background:#1a1a2e;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.sleep-overlay .sleep-icon{animation:sleep-bob 3s ease-in-out infinite;font-size:6em}@keyframes sleep-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.App{display:flex;flex-direction:column;flex-wrap:wrap;height:100%;justify-content:center;margin:auto;max-width:580px;padding-bottom:env(safe-area-inset-bottom);text-align:center}input{appearance:none;border-radius:0;font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif}.App .main{height:100%;margin-bottom:0;margin-top:1em}.App .navFadeIn{animation:fadeIn .5s forwards}.App .navFadeOut{animation:fadeOut .5s forwards}@keyframes fadeIn{0%{opacity:0;transform:translate(-80px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(80px)}}