.dark{--background:#1d1d1d;--foreground:#fffb;--header-background:#1117;--accent:#61a349}.light{--background:#fdfdfd;--foreground:#000b;--header-background:#fffa;--accent:#61a349}body,html{width:100%}body{background-color:var(--background);font-family:"Courier New",Courier,monospace;color:var(--foreground);margin:0}*{box-sizing:border-box}a{text-decoration:none;color:var(--accent)}pre{max-width:100%;padding:2px 6px;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap}ul{margin:0;padding:0;list-style:none}::-webkit-scrollbar{width:24px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:#aaa}footer{margin-top:40px;margin-bottom:16px;text-align:center}.theme-button{font-weight:600;cursor:pointer}header{position:fixed;top:0;left:0;width:100%;padding:8px 0;background-color:var(--header-background);box-shadow:0 0 10px #0002;backdrop-filter:blur(16px);z-index:999;display:flex;justify-content:center;gap:16px}@media only screen and (max-width:850px){header{flex-direction:column}}#index{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}#index li{margin:0 10px;display:inline-block}#search{display:flex;justify-content:center;align-items:center;gap:8px}@media only screen and (max-width:849px){#search{text-align:center}}#search>input{font-size:16px;border-radius:4px;color:var(--foreground);background-color:#fff2;border:#0000 solid 3px;transition:all .3s ease-in-out}#search>input:focus{outline:var(--accent) solid 3px}#index li,#search>button{padding:5px;border-radius:8px;cursor:pointer;background-color:#0002;transition:all .3s ease-in-out}#search>button{border:none;padding:5px 10px;fill:var(--foreground)}#index li.active,#index li:hover,#search>button:hover{color:#fff;fill:#fff;background-color:var(--accent)}#search>button.error{background-color:#d34242fa;fill:#fff}#search>input.error{outline:2px solid #d34242fa}main{margin-top:80px;width:calc(95% - 32px);max-width:960px;margin-left:auto;margin-right:auto}@media only screen and (max-width:849px){main{margin-top:160px}}main h2,main p{text-align:center}#list{font-size:24px;list-style:decimal-leading-zero}#list li{padding:16px;border-radius:8px;transition:all .2s ease-in-out}#list li.success{background-color:#61a3493a}.title{display:block;border-radius:8px;background-color:#0002;color:#fffa}.kanji{color:#fff;background-color:var(--accent);padding:4px;margin:8px;border-radius:8px}.frequency{opacity:.5;font-size:11px}.example{display:block;font-size:14px;margin-top:16px;background-color:#0001}