@charset "UTF-8";.button{background-color:var(--color-primary);border:none;border-radius:.5rem;padding:.5rem;font-size:1.25rem;color:var(--color-text);cursor:pointer}.button:hover{background-color:var(--color-primary-light)}.button[disabled]{background-color:var(--color-primary-inactive);color:var(--color-text-inactive);cursor:default}.button--excited{animation:pulse 2s infinite ease-in-out}@keyframes pulse{0%{background-color:var(--color-primary)}50%{background-color:var(--color-primary-light)}to{background-color:var(--color-primary)}}.button--square{aspect-ratio:1;height:2.25rem;display:flex;align-items:center;justify-content:center}.button--secondary{background-color:var(--color-background);border:3px solid var(--color-primary)}.button--secondary:hover{background-color:var(--color-background-light)}.button--danger{background-color:var(--color-danger);border:none}.button--danger:hover{background-color:var(--color-danger-light)}.button--full-width{margin:.25rem auto;width:100%}.upload__container{border:1px solid var(--color-border);border-radius:.5rem;padding:2rem;box-shadow:0 .1rem .25rem .1rem var(--color-shadow)}.upload__title-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:1rem}.upload__info{font-size:1.5rem;cursor:help;position:relative}.upload__info-message{position:absolute;left:0;transform:translate(-100%);width:30rem;background-color:var(--color-background-light);padding:.5rem;border:1px solid var(--color-border);border-radius:.25rem;font-size:1rem;display:none}.upload__info:hover .upload__info-message{display:block}.upload__drop-zone{border:1px dashed var(--color-border);padding:2rem;border-radius:.5rem;cursor:pointer}.upload__drop-zone:hover{background-color:var(--color-background-light)}.upload__drop-zone-text{font-size:1.25rem}.upload__button{margin-top:1rem;display:block;width:100%;padding:1rem}.upload__file-input{display:none}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.loading--hidden{display:none}.loading__indicator{width:5em;height:5em;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.loading__indicator-spinner{color:#fff;font-size:10px;width:1em;height:1em;border-radius:50%;position:relative;text-indent:-9999em;animation:mulShdSpin 1.3s infinite linear;transform:translateZ(0)}@keyframes mulShdSpin{0%,to{box-shadow:0 -3em 0 .2em,2em -2em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em}12.5%{box-shadow:0 -3em,2em -2em 0 .2em,3em 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -.5em,2em -2em,3em 0 0 .2em,2em 2em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0,2em 2em 0 .2em,0 3em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em,0 3em 0 .2em,-2em 2em,-3em 0 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em,-2em 2em 0 .2em,-3em 0,-2em -2em 0 -1em}75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em,-3em 0 0 .2em,-2em -2em}87.5%{box-shadow:0 -3em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em,-3em 0,-2em -2em 0 .2em}}.results{width:100%;display:grid;grid-template-columns:[left] 1fr [right] 1fr;grid-template-rows:[top] auto [center] auto [bottom] auto;gap:1rem;border:1px solid var(--color-border);border-radius:.5rem;box-shadow:0 .1rem .25rem .1rem var(--color-shadow);padding:1rem;margin-top:2rem}.results--hidden{display:none}.results__group{border:1px solid var(--color-border);border-radius:.5rem;padding:1rem;display:flex;flex-direction:column;justify-content:flex-start}.results__group--compare,.results__group--hidden{display:none}.results__pages{grid-column:left;grid-row:top}.results__bubbles,.results__compare-bubbles{grid-column:right;grid-row:top;--color-diagram: hsl(288, 41%, 27%);--color-diagram-hover: hsl(288, 41%, 37%)}.results__words,.results__compare-words{grid-column:left;grid-row:center;--color-diagram: hsl(60, 41%, 50%);--color-diagram-hover: hsl(60, 41%, 60%)}.results__characters,.results__compare-characters{grid-column:right;grid-row:center;--color-diagram: hsl(0, 41%, 50%);--color-diagram-hover: hsl(0, 41%, 60%)}.results__unique-words,.results__compare-unique-words{grid-column:left;grid-row:bottom;--color-diagram: hsl(120, 41%, 50%);--color-diagram-hover: hsl(120, 41%, 60%)}.results__jlpt,.results__compare-jlpt{grid-column:right;grid-row:bottom;--color-diagram: hsl(240, 41%, 50%);--color-diagram-hover: hsl(240, 41%, 60%)}.results__compare-column-title{display:none;font-size:1.5rem;text-align:center;white-space:nowrap}.results__compare-column-title-subtext{text-overflow:ellipsis;max-width:100%;overflow:hidden;font-size:1rem}.results--comparing{grid-template-rows:auto auto repeat(4,1fr);grid-template-columns:[left] minmax(0,1fr) [right] minmax(0,1fr)}.results--comparing .results__group--compare{display:block}.results--comparing .results__pages{grid-column:left;grid-row:2}.results--comparing .results__bubbles{grid-column:left;grid-row:3}.results--comparing .results__words{grid-column:left;grid-row:4}.results--comparing .results__characters{grid-column:left;grid-row:5}.results--comparing .results__compare-pages{grid-column:right;grid-row:2}.results--comparing .results__compare-bubbles{grid-column:right;grid-row:3}.results--comparing .results__compare-words{grid-column:right;grid-row:4}.results--comparing .results__compare-characters{grid-column:right;grid-row:5}.results--comparing .results__unique-words{grid-column:left;grid-row:6}.results--comparing .results__compare-unique-words{grid-column:right;grid-row:6}.results--comparing .results__compare-column-title{display:block}.results--comparing .results__compare-column-title--current{grid-column:left;grid-row:1}.results--comparing .results__compare-column-title--compare{grid-column:right;grid-row:1}.results--comparing .results__jlpt{grid-column:left;grid-row:7}.results--comparing .results__compare-jlpt{grid-column:right;grid-row:7}.results--comparing .results__group--hidden{display:none}.results__info-group{padding:.25rem;border-radius:.25rem;display:flex}.results__info-group:hover{background-color:var(--color-background-light)}.results__info-name{font-weight:700;flex:1 1 40%;display:inline-block}.results__info-value{flex:1 1 10%;display:inline-block}.results__info-average{flex:1 1 30%;display:inline-block}.results__info-average:before{content:"(average: "}.results__info-deviation{flex:1 1 20%;display:inline-block}.results__info-deviation:after{content:"\3c3)"}.results__diagram{display:flex;flex-wrap:wrap;flex-direction:row;padding-bottom:2rem;padding-left:2rem;padding-top:2rem;margin-top:auto;margin-bottom:0}.results__diagram-data{display:inline-flex;flex-direction:row;align-items:flex-end;border-left:1px solid var(--color-border);border-bottom:1px solid var(--color-border);height:15em;flex:1 1 auto;position:relative}.results__diagram-column{height:4rem;background-color:var(--color-diagram);cursor:pointer;position:relative;transform-origin:bottom}.results__diagram-column:hover{background-color:var(--color-diagram-hover)}.results__diagram-column-value{position:absolute;top:-3em;left:50%;transform:translate(-50%);display:none;background-color:var(--color-background);z-index:3;border:1px solid var(--color-border);border-radius:.25rem;padding:.25rem;pointer-events:none;white-space:nowrap}.results__diagram-column:hover .results__diagram-column-value{display:block}.results__diagram-horizontal-value{transform:translate(-50%,100%);position:absolute;bottom:-.2em;left:50%;pointer-events:none}.results__diagram-average,.results__diagram-value{position:absolute;display:block;height:100%;pointer-events:none;border-right:1px solid var(--color-border);z-index:1}.results__diagram-average-text,.results__diagram-value-text{position:absolute;background-color:var(--color-background);right:.5em;top:-.5rem;padding:.15rem;z-index:2}.results__diagram-average-text{top:1em}.results__diagram-horizontal-line{position:absolute;z-index:1;border-top:1px solid var(--color-diagram-horizontal);height:20%;width:100%;pointer-events:none}.results__diagram-horizontal-line-text{position:absolute;left:-.25em;top:0;transform:translate(-100%,-50%)}.results[data-show-averages-for=none] .results__info-average,.results[data-show-averages-for=none] .results__info-deviation,.results__info-group--no-average .results__info-average,.results__info-group--no-average .results__info-deviation{display:none}.results[data-show-averages-for=none] .results__info-value,.results__info-group--no-average .results__info-value{text-align:end}.sidebar{position:absolute;top:0;left:0;bottom:0;width:20rem;padding:1rem;background-color:var(--color-background-light);border-right:1px solid var(--color-border);box-shadow:0 .1rem .25rem .1rem var(--color-shadow)}.save__container{display:flex;flex-direction:column;font-size:1.5rem;border:1px solid var(--color-border);border-radius:.5rem;padding:.5rem}.save__container--hidden{display:none}.save__title{margin-top:.2rem;margin-bottom:1.5rem;font-size:1.25rem;background-color:var(--color-background);border-radius:.25rem;border:1px solid var(--color-border);padding:.5rem;color:var(--color-text)}.saved-values__container{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:.5rem;padding:.5rem;margin-top:1rem;margin-bottom:1rem;max-height:60vh;overflow-y:auto;overscroll-behavior:contain}.saved-value__container{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;margin-bottom:.5rem;border-bottom:1px solid var(--color-border);padding-bottom:.5rem;gap:.25rem}.saved-value__container:last-child{border-bottom:none;padding-bottom:0}.saved-value__name{max-width:15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:auto;margin-left:0;cursor:default}.saved-value__compare-button--hidden{display:none}.save__confirm-popup-container{position:fixed;inset:0;background-color:var(--color-popup-background);z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center}.save__confirm-popup-container--hidden{display:none}.save__confirm-popup{display:flex;flex-direction:column;background-color:var(--color-background);padding:1rem;border-radius:.5rem;border:1px solid var(--color-border);max-width:30rem}.save__confirm-popup-title{font-size:1.5rem;margin-bottom:1rem}.save__confirm-popup-text{margin-bottom:1rem}.save__confirm-popup-buttons{display:flex;flex-direction:row;justify-content:flex-end;gap:1rem;margin-top:auto}.sidebar__container{z-index:999;position:fixed;height:100vh;width:20rem;top:0;left:0;transition:left .25s ease-in-out}.sidebar__container--closed{left:-20rem}.sidebar__toggle-icon{position:absolute;right:-1.5em;color:var(--color-text);font-size:2rem;top:.5rem;cursor:pointer}.sidebar__toggle-icon:hover{color:var(--color-text-inactive)}.settings{position:fixed;top:0;bottom:0;right:0;width:3rem;padding-left:3rem;transition:width .25s ease-in-out;overflow:hidden}.settings--open{width:20rem}.settings__title{text-align:center;margin-bottom:1rem}.settings__items{white-space:nowrap;background-color:var(--color-background-light);border-left:1px solid var(--color-border);box-shadow:0 .1rem .25rem .1rem var(--color-shadow);padding:1rem;width:17rem;height:100%}.settings__icon{position:absolute;top:.5rem;left:0rem;font-size:2rem;color:var(--color-text);cursor:pointer}.settings__icon:hover{color:var(--color-text-inactive)}.settings__group{display:flex;justify-content:space-between;align-items:center}.settings__group select{border:1px solid var(--color-border);background-color:var(--color-background);color:var(--color-text);padding:.5rem;cursor:pointer}:root{--color-background: hsl(300, 3%, 13%);--color-background-light: hsl(300, 3%, 18%);--color-text: hsl(0, 0%, 100%);--color-text-inactive: hsl(0, 0%, 80%);--color-border: hsl(0, 0%, 80%);--color-shadow: hsla(0, 0%, 0%, .25);--color-primary: hsl(288, 41%, 27%);--color-primary-inactive: hsl(288, 21%, 27%);--color-primary-light: hsl(288, 41%, 35%);--color-diagram-horizontal: hsla(0, 0%, 100%, .1);--color-popup-background: hsla(0, 0%, 0%, .5);--color-danger: hsl(350, 60%, 50%);--color-danger-light: hsl(350, 60%, 60%)}*{margin:0;padding:0;box-sizing:border-box}html{background-color:var(--color-background);color:var(--color-text);font-family:Roboto,sans-serif;font-size:16px;line-height:1.5}main{max-width:120ch;margin:1em auto}