@keyframes fadeOut{0%{outline-color:var(--hl-5)}to{outline-color:transparent}}@font-face{font-family:"Raleway Var";font-style:normal;font-weight:100 900;font-display:swap;src:local("Raleway"),url(/fonts/Raleway-VF.woff2)format("woff2")}a{color:var(--fg-sat)}a:hover{color:var(--fg-75)}a:focus,table tr td.buttons .button:focus{outline:2px dotted var(--fg-50)}*{padding:0;margin:0;box-sizing:border-box}:root{--fg:#efefef;--fg-75:#b9b7b9;--fg-50:#828082;--fg-25:#4c484c;--fg-10:#2b262b;--fg-t-10:rgba(239, 239, 239, 0.1);--fg-sat:#f7e7e7;--bg:#151015;--body-bg:#322632;--hl:rgb(255, 255, 0);--hl-5:rgba(255, 255, 0, 0.5);--hl-10:rgba(255, 255, 0, 0.1)}html{scrollbar-gutter:stable both-edges}body{background-color:var(--body-bg);color:var(--fg);font-family:"Raleway Var",sans-serif;flex-direction:row}.search,body,main{display:flex;align-items:center}body,main{min-height:100vh}main{max-width:750px;background-color:var(--bg);flex-direction:column;gap:1rem;padding:min(2rem,3vw);margin:auto}main #description{line-height:1.2rem}footer{align-self:center;justify-self:end}.search{width:min(100%,400px);background-color:var(--fg-10);border:1px solid var(--fg-50)}.search:hover{background-color:var(--fg-25)}.search svg{height:24px;width:24px;margin:auto .25rem}.search label{opacity:0;height:0;width:0}.search #search{color:var(--fg);background-color:transparent;border:0;padding:.5rem;width:100%;font-size:1.1rem}table{flex:1;border-collapse:collapse;width:100%}table tr{border-bottom:1px solid var(--fg-50)}@media screen and (max-width:600px){table tr{display:grid;grid:"category actions"1fr"word actions"1fr"sound actions"1fr/1fr auto}table tr:first-child{display:none}}table tr:not(:first-child){transition:background-color 100ms ease-in-out}table tr:not(:first-child):hover{background-color:var(--fg-10)}table tr:target{outline:5px solid var(--hl-5);animation:fadeOut 2s 2s forwards}table tr.hidden{visibility:collapse}table tr.found-type td.cat,table tr.found-word td.word{outline:1px solid var(--hl-5);outline-offset:-3px;background-color:var(--hl-10)}table tr td,table tr th{padding:.5rem 1rem}table tr td{vertical-align:middle}@media screen and (max-width:600px){table tr td{padding:.5rem .25rem}}table tr td.cat{color:var(--fg-75);font-weight:300;grid-area:category}table tr td.word{letter-spacing:.1rem;grid-area:word}table tr td.sound{letter-spacing:.2rem;grid-area:sound}table tr td.buttons{display:flex;align-items:center;justify-content:center;gap:.5rem;grid-area:actions}@media screen and (max-width:600px){table tr td.buttons{flex-direction:column}}dialog button#close svg,table tr td.buttons .button{height:24px}table tr td.buttons .button:hover svg{stroke:var(--fg)}table tr td.buttons .button svg{height:100%;stroke:var(--fg-50);transition:stroke 100ms ease-in-out}button{cursor:pointer;background-color:transparent;border:0}button#info-button{width:3rem;height:3rem;position:fixed;top:min(1rem,1vw);right:min(1rem,1vw)}dialog{margin:auto;padding:2px;border:0;box-shadow:2px 2px 10px 2px var(--bg);max-height:90vh;width:min(100%,700px);overflow:auto;background-color:var(--body-bg);line-height:1.5rem}dialog button#close{position:absolute;top:5px;right:5px}dialog button#close:hover svg{stroke:var(--fg-50)}dialog .body{display:flex;flex-direction:column;gap:1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:1rem}dialog .body .title{font-size:1.2rem}dialog .body .entry,dialog .link{display:flex;gap:.5rem}dialog .body .entry time{font-family:monospace;color:var(--fg-50);transition:color 100ms ease-in-out}dialog,dialog .body .entry time:hover{color:var(--fg)}dialog .link{--col:var(--fg);align-items:center;justify-content:center;padding:.5rem;margin-top:2px;width:100%;color:var(--col);background-color:var(--fg-t-10);-webkit-user-select:none;-moz-user-select:none;user-select:none}dialog .link:hover{--col:var(--fg-50)}dialog .link svg{fill:var(--col);height:1.5rem}dialog::backdrop{background-color:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}body:has(dialog[open]){overflow:hidden}audio#player{position:fixed;bottom:.5rem;left:.5rem;opacity:0;pointer-events:none;transition:opacity 100ms ease-in-out}audio#player.visible{opacity:1;pointer-events:auto}