*{box-sizing:border-box;margin:0;padding:0;font-family:sans-serif}header{position:fixed;top:0;left:0;width:100vw;height:6vh;padding:8px;display:flex;justify-content:space-between;align-items:center;background:#090040}header div{height:100%;display:flex;gap:8px}header a{position:relative;height:100%;text-decoration:none;background:transparent;color:#fff;aspect-ratio:1 / 1;display:flex;justify-content:center;align-items:center;transition:background .2s,color .2s;border:none;font-size:1rem}header a:after,header button:after{content:"";position:absolute;left:20%;bottom:5%;width:60%;height:3px;border-radius:15px;opacity:0;background:#fff;transition:opacity .5s}header a.active:after{opacity:1}header.dark{background:#5c1a1a}.content-window{margin-top:6vh;width:100%;min-height:94dvh}.content-window.dark{background:#181c22}.content-window.dark .home-wrapper{color:#fff}.content-window.dark .home-wrapper i{color:#ffffff24}.content-window.dark .search-wrapper *{color:#fff}.content-window.dark .history ul{scrollbar-color:white transparent}.content-window.dark .dict-entry .words-list,.content-window.dark .dict-entry button i{color:#fff}.content-window.dark .dict-entry .example:before{color:#ff5252}.content-window.dark .favorite-btn{background:#5c1a1a}.content-window.dark .favorites-list li,.content-window.dark .favorites-list a{color:#fff}.content-window.dark .favorites-list>li:not(:last-child){border-bottom-color:#5c1a1a}.content-window.dark .favorites-list li button{color:#5c1a1a}.content-window.dark .simple-btn{background:#5c1a1a}.content-window.dark .settings-wrapper{color:#fff}.content-window.dark .confirm-dialog{background:#181c22;color:#fff}.content-window.dark .entry-not-found,.content-window.dark .error-countdown{color:#fff}button{cursor:pointer}@keyframes slide-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.home-wrapper{position:absolute;top:0;left:0;width:100%;height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none}.home-wrapper i{color:#00000038;font-size:6rem;margin-left:-30%;animation:slide-down 1s}.home-wrapper>div>div{margin-top:-20%;animation:fade-in 2s ease-in}.padded-wrapper{padding:16px 24px}.search-wrapper{height:94dvh;display:flex;flex-direction:column;gap:8px}search{height:5%}search form{width:100%;height:100%;display:flex;gap:8px}search button{height:100%;display:flex;justify-content:start;align-items:center;background:transparent;border:none;outline:none;opacity:0;transition:opacity .4s}search button.active{opacity:1}search input{width:100%;background:transparent;outline:none;border:none;color:#000}.history{height:95%;display:flex;flex-direction:column;gap:24px}.history h2{font-size:1.4rem}.history ul{padding:0;list-style:none;display:flex;flex-flow:column;align-items:start;justify-content:start;gap:12px;overflow-y:auto;scrollbar-color:#090040 transparent}.history ul a{text-decoration:none;color:#000;font-size:1.2rem}.entry-not-found{padding:5vw}.entry-not-found h2{margin-bottom:1vh}.error-countdown{position:absolute;top:0;left:0;width:100%;height:100dvh;background:transparent;display:flex;justify-content:center;align-items:center;font-size:50vw;opacity:.3;-webkit-user-select:none;user-select:none;pointer-events:none}ul{padding-left:24px}article.dict-entry{padding-bottom:64px}.words-list{list-style-type:none;font-size:1.5rem;font-weight:700;display:flex;flex-flow:column;gap:16px}.words-list div{display:inline-flex;gap:16px;font-size:inherit}.words-list div h2{font-size:inherit;font-weight:inherit}.words-list div button{font-size:inherit;background:transparent;border:none}.words-list div button i{display:flex;justify-content:center;align-items:center}.words-list div .play-btn{transition:color .3s}.words-list div .play-btn.disabled{color:#0000005b}.meanings-list{list-style-type:none;font-size:.7em;font-weight:initial;display:flex;flex-direction:column;gap:16px}.meanings-list h3{font-weight:700}.definitions-list{list-style:disc outside;display:flex;flex-flow:column;gap:8px}.definitions-list .example{font-style:italic}.definitions-list .example:before{content:"e.g. ";font-size:.7em;color:#3b38a0;font-weight:700}.favorite-btn{position:fixed;right:2vw;bottom:2vw;width:64px;height:64px;display:flex;justify-content:center;align-items:center;padding:30px;border-radius:50%;border:none;outline:none;font-size:2rem;background:#090040;color:#fff}.no-favorites-msg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center}.favorites-list{display:flex;flex-direction:column;gap:24px;list-style:none}.favorites-list>li{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:min-content 1fr;gap:5px;padding-bottom:24px}.favorites-list>li a{text-decoration:none;color:initial;align-content:center;font-size:2rem;font-weight:600}.favorites-list>li button{background:transparent;border:none;outline:none;font-size:inherit;display:flex;justify-content:end;align-items:center;font-size:1.4rem;color:#090040}.favorites-list>li .fav-sneak-peek{grid-column:1 / 3;list-style-type:decimal;font-size:1.2rem}.favorites-list>li:not(:last-child){border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#090040}.simple-btn{background:#3b38a0;color:#fff;padding:4px;border:none;border-radius:8px}.settings-wrapper{display:flex;flex-direction:column;justify-content:start}.settings-wrapper section{display:flex;flex-direction:column;gap:8px;padding:40px 0}.settings-wrapper section h2{font-weight:700}.settings-wrapper section:first-child{padding-top:0}.settings-wrapper section:not(:last-child){border-bottom:1px dashed gray}.settings-wrapper .setting-box{display:flex;justify-content:space-between}.settings-wrapper .setting-box h3{font-weight:400;flex:5}.settings-wrapper .setting-box button{flex:1}.confirm-dialog:open{position:fixed;top:3dvh;left:50%;transform:translate(-50%);border:none;border-radius:16px;padding:8px;display:flex;flex-direction:column;gap:8px}.confirm-dialog:open h1{text-wrap:nowrap;font-size:1.7rem}.confirm-dialog:open>div{display:flex;justify-content:space-between}::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media screen and (width >= 1000px){.search-wrapper{padding:24px 32px}.settings-wrapper .setting-box h3{flex:20}}
