@import"https://fonts.googleapis.com/css2?family=Noto+Color+Emoji";:root{--thumb: #ddd;--thumb-h: #ccc;--bg: #fff;--bg1: #fff9;--blur: blur(10px);--hover-color: #dfdfdf;--box-shadow: 0 0 4px #0002;--transition: .4s cubic-bezier(.25, 1, .5, 1);--p0: 1rem;--border-radius: 8px;--br2: calc(var(--border-radius) + var(--p0));--color: #000;--main-bar-size: 24px;--icon-color: none;--icon-color1: invert(1);--b-button: 32px;--o-padding: 8px;--font-size: 16px;--font-family: serif;--size0: 32px;--right-c: color-mix(in srgb, #0f0 60%, var(--color));--error-c: color-mix(in srgb, #f00 40%, var(--bg))}:root[data-theme=dark]{--thumb: #444;--thumb-h: #555;--bg: #000;--bg1: #000a;--color: #cacaca;--hover-color: #303030;--box-shadow: 0 0 4px #fff7;.icon{filter:invert(.78)}}:root[data-theme=classical]{--bg: #eceae6;--bg1: #eceae6aa}@media (prefers-color-scheme: dark){body{background:#000}:root[data-theme=auto]{--thumb: #444;--thumb-h: #555;--bg: #000;--bg1: #000a;--color: #cacaca;--hover-color: #303030;--box-shadow: 0 0 4px #fff7;.icon{filter:invert(.78)}}kbd{box-shadow:0 5px #fff4;background:linear-gradient(315deg,#191919,#000)}}html,body{margin:0;font-family:sans-serif;color:var(--color)}.icon{position:absolute;pointer-events:none;left:0;top:0;filter:var(--icon-color);user-select:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{border-radius:10px;background-color:var(--thumb)}::-webkit-scrollbar-thumb:hover{background-color:var(--thumb-h)}::-webkit-scrollbar-track{background-color:#0000}::-webkit-scrollbar-button{height:0px;width:0px;background-color:#0000}::-webkit-scrollbar-corner{background-color:#0000}button{outline:none;color:var(--color);font-family:sans-serif;border-radius:var(--border-radius);background-color:var(--bg);height:var(--size0);border:none;margin:0;padding:0;transition:var(--transition);min-width:var(--b-button);height:var(--b-button);position:relative}button:hover{background-color:var(--hover-color)}button>.icon{width:var(--b-button)}input{outline:none;background-color:#0000;color:var(--color);border:none;border-bottom:1px solid var(--color);max-width:100%}select{border-radius:var(--border-radius);background-color:var(--bg);height:var(--size0);border:none;outline:none;margin:0;color:var(--color);padding:0 var(--o-padding) 0 var(--o-padding);transition:var(--transition);user-select:none}select:hover{background-color:var(--hover-color)}option{background-color:var(--bg)}textarea{outline:none;background-color:#0000}:is([popover],dialog){color:var(--color);background-color:var(--bg1);backdrop-filter:var(--blur);border:1px solid var(--color);padding:var(--p0);border-radius:calc(1rem + var(--border-radius));outline:none}:is([popover]){border:1px solid var(--color);transition:var(--transition) allow-discrete}body::-webkit-scrollbar{display:none}html,body{margin:0;overflow:hidden}:is(div,button):has(>.icon){height:var(--size0);width:var(--size0);position:relative}:is(div,button)>.icon{height:100%;width:100%;max-height:var(--b-button);object-fit:contain}.hiden{transform:translate(calc(100% - var(--main-bar-size)))}.main{height:100dvh;position:absolute;top:0;display:flex;transition:.4s;overflow:hidden}.unread{color:color-mix(in srgb,var(--color) 50%,transparent)}.to_visit,.to_visit1{position:relative}:is(.to_visit,.to_visit1):after{content:"";position:absolute;width:6px;height:6px;background-color:#2735bb;border-radius:50%}.to_visit:after{top:0;right:0}.to_visit1:after{top:-3px;right:-3px}.selected_item{color:#2735bb}.button_highlight{background-color:var(--hover-color)}#book_nav{--w: min(60vw, 300px);position:absolute;top:var(--size0);width:var(--w);left:calc(-1 * var(--w) - 16px);height:calc(100dvh - var(--size0));display:flex;flex-direction:column;z-index:2;background-color:var(--bg1);backdrop-filter:var(--blur);transition:var(--transition);border-radius:0 var(--br2) var(--br2) 0;font-family:var(--font-family);>:nth-child(3){padding-left:1rem;>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 2rem);cursor:pointer;user-select:none;width:fit-content;height:24px}}}.book_nav_show{left:0!important;box-shadow:var(--box-shadow)}#book_buttons{display:flex;width:100%}#book_buttons>div:has(.icon){height:var(--size0);min-width:var(--size0);position:relative}#change_edit{height:var(--size0);width:var(--size0);position:relative}#book_buttons>div>.icon{height:var(--size0);width:var(--size0)}#book_name{flex-grow:1;line-height:var(--size0);overflow:hidden;height:var(--size0)}.change_style_bar{margin:0;top:var(--size0);left:auto;right:var(--size0);padding:var(--p0);flex-direction:column;gap:4px;&:popover-open{display:flex}>div{display:flex;>span{width:2rem;text-align:center}}}.font_list{position:relative;overflow:scroll;width:240px;height:200px;white-space:nowrap;background-color:var(--bg1);backdrop-filter:var(--blur);transition:var(--transition);border-radius:1rem;border:1px solid var(--color)}.theme_select{& input{display:none}& label{padding:4px;border-radius:8px;border:transparent 1px solid;&:has(input:checked){border:var(--color) 1px dashed}}@media (prefers-color-scheme: dark){& label:has(input[value=auto]){background-color:#000!important;color:#cacaca!important;&:has(input:checked){border:var(--color) 1px dashed}}}}#book_content_container{--content-width: 60em;--line-height: 1.2em;background:var(--paper-bg);background-size:100px;background-attachment:local;position:relative;height:calc(100dvh - var(--size0));box-sizing:border-box;padding:1rem 24px calc(100dvh - var(--size0));overflow-y:scroll;overflow-x:hidden;outline:none;>:first-child{display:block;margin:0 auto;font-size:var(--font-size);max-width:var(--content-width);transition:var(--transition);font-family:var(--font-family);position:relative;border:none;width:100%;>*{transition:var(--transition)}>:not(.context_end,.context_start,#dic){line-height:var(--line-height);&:not(h1){font-weight:var(--font-weight)}}&:not(textarea){user-select:none;& *>span>span{cursor:pointer;&:hover{text-decoration:underline #999}}& span[data-trans]{display:inline;&:after{content:attr(data-trans);display:block;opacity:.5}}& blockquote{margin-inline:16px}}>*>.p_more{& button{display:block;width:var(--font-size);height:var(--font-size)}}}>textarea{height:calc(100dvh - 96px)}& h1{font-weight:bolder;font-size:1.8em}& h2{font-size:1.6em}>div>p{margin-block:1em}&:has(.words_book_top){& p{--w: min(90dvw, var(--content-width));margin:0;user-select:none;font-family:var(--font-family);left:calc((100dvw - var(--w)) / 2)!important;width:var(--w)}.words_book_top{position:fixed;top:var(--size0);left:0;width:100dvw;padding:0 16px;box-sizing:border-box;z-index:1;background-color:var(--bg1);backdrop-filter:var(--blur);>:first-child{float:right;font-size:12px}.sort_words{display:flex;gap:4px;user-select:none;cursor:pointer;width:max-content;>span{flex-shrink:0}}}}}.ignore{color:color-mix(in srgb,var(--color) 60%,transparent)}.learn{color:green}.mark_word{text-decoration:underline wavy #999!important}.tmp_mark_word{text-decoration:underline color-mix(in srgb,#999 50%,var(--bg))}.visit_mark_word{text-decoration:underline dotted #999!important}.litle_progress{width:180px;height:8px;background-color:color-mix(in srgb,var(--color) 10%,transparent);position:relative;border-radius:4px;overflow:hidden;>div{height:100%;position:absolute;border-radius:4px;top:0;right:0;background-color:#0f05;--w: 0px;width:var(--w);transition:var(--transition);@starting-style{width:0}}}::view-transition-old(wordItem){display:none}.context_start,.context_end{position:absolute;width:max(2ch,16px);height:1lh;border:var(--color) 2px solid;touch-action:none}.context_start{border-radius:8px 2px 2px 8px;border-right:none}.context_end{border-radius:2px 8px 8px 2px;transform:translate(-100%);border-left:none}#book_content .words_sum{position:sticky;top:0;background-color:var(--bg1);backdrop-filter:var(--blur);z-index:1;& progress{width:2rem}}#pTTSp{position:fixed;bottom:var(--size0);margin:auto 0;background:var(--bar-bg);backdrop-filter:var(--blur);display:none;align-items:center;justify-content:center;>audio{height:var(--size0);display:block}}.pTTS_show{display:flex!important}#books{>:first-child{gap:4px;>*{cursor:pointer}}>:not(:first-child)>:first-child>div{display:flex;gap:4px;>*{cursor:pointer}}.books{display:grid;gap:8px;overflow:scroll;padding:4px;max-height:70dvh;>div:not(:has(>.icon)){display:flex;flex-direction:column;align-items:center;>:nth-child(1){border:none;width:100px;aspect-ratio:calc(1 / 1.414);border-radius:4px;box-shadow:var(--box-shadow);font-size:2em;text-wrap:balance;overflow:hidden;color:#0006;cursor:pointer;>*{background-color:#dfdfdf;width:100%;height:100%}>img{position:relative;top:-100%}}>:nth-child(2){max-width:100px;overflow-wrap:break-word}}@media (min-width: calc(646px + 2em)){grid-template-columns:repeat(5,1fr)}@media (max-width: calc(646px + 2em)){grid-template-columns:repeat(5,1fr)}@media (max-width: calc(538px + 2em)){grid-template-columns:repeat(4,1fr)}@media (max-width: calc(430px + 2em)){grid-template-columns:repeat(3,1fr)}@media (max-width: calc(322px + 2em)){grid-template-columns:repeat(2,1fr)}}&::backdrop{backdrop-filter:var(--blur)}}.show_online_book{>:nth-child(2){display:none!important}>:nth-child(3){display:grid!important}}.play_list{display:flex;flex-direction:column;>:first-child{display:flex;width:80dvw;overflow-y:auto;>*>p{margin:0 0 16px}}>:nth-child(2){display:flex;>button{display:block;width:auto;min-width:var(--size0)}}}.exTransHide{pointer-events:none}.exTransHide>span{color:transparent}.exTransHide>.mark_word{text-decoration:none!important}.diff_add{color:var(--right-c)}.diff_remove{color:var(--error-c)}#dic{position:absolute;top:0;z-index:1;width:100%;max-height:min(600px,100dvh - var(--size0));display:flex;flex-direction:column;background-color:var(--bg1);backdrop-filter:var(--blur);transition:var(--transition);border-radius:var(--br2);padding:var(--p0);box-sizing:border-box;opacity:0;visibility:hidden;border:1px solid var(--color);& input{font-family:var(--font-family);font-size:var(--font-size)}}.dic_show{opacity:1!important;visibility:visible!important}.dic_sentence{>:is(:nth-child(2),:nth-child(4),:nth-child(5)){display:none!important}}.more_words{display:flex;gap:4px}.more_words>span{cursor:pointer;border-radius:4px;border:dashed 1px var(--color)}.translate{color:color-mix(in srgb,var(--color) 60%,transparent);margin:0}div:has(>.translate)>:not(.translate){margin:4px 0}.source_title{display:block;width:fit-content;margin-left:auto;text-align:end;color:color-mix(in srgb,var(--color) 60%,transparent)}.dic_details{overflow-y:auto;gap:1rem;display:flex;flex-direction:column;>div{border-radius:var(--border-radius);padding:var(--border-radius);border:solid 1px transparent;&:hover{border:dashed 1px var(--color)}&:has(input[type=radio]:checked){border:dashed 1px var(--color)}>input[type=radio]{display:none}& p{margin:0;pointer-events:none}>:nth-child(2)>p{margin-block-end:.4em}>.dic_sen{display:flex;flex-direction:column;gap:.2em}}}.hide_means>div:not(:has(input[type=radio]:checked)){display:none}.note_dialog{margin:8px;width:auto;height:auto;max-width:calc(100% - 16px);max-height:calc(100% - 16px);display:flex;flex-direction:column;>p{font-family:var(--font-family);font-size:var(--font-size);max-height:2em;white-space:nowrap;overflow-x:auto}>textarea{flex-grow:1;overflow:scroll;border:none;resize:none;font-family:var(--font-family);font-size:var(--font-size)}>:last-child{display:flex;>button{display:block;width:auto;height:var(--size0);padding:0 4px;min-width:var(--size0)}}&::backdrop{backdrop-filter:var(--blur)}}.ai_dialog{margin:0;width:400px;height:400px;border:1px solid var(--color)!important;display:flex;flex-direction:column;box-sizing:border-box;>textarea{flex-grow:1;overflow:scroll;border:none;resize:none;font-family:var(--font-family);font-size:1rem}>:last-child{display:flex;>button{display:block;width:auto;height:var(--size0);padding:0 4px;min-width:var(--size0)}}&::backdrop{background:#0001}}.dic_dialog{margin:0;width:400px;height:400px;border:1px solid var(--color)!important;display:flex;flex-direction:column;box-sizing:border-box;font-family:var(--font-family);font-size:var(--font-size);>:nth-child(2){display:flex;gap:4px;overflow-x:scroll}>:nth-last-child(2){flex-grow:1;overflow-y:scroll;display:flex;flex-direction:column;gap:4px;>label{display:block;cursor:pointer;border:transparent 1px dashed;>input{display:none}>p{margin:8px}}>label:has(>input:checked){border:var(--color) 1px dashed;border-radius:1rem}}&::backdrop{background:#0001}}.online_dic{display:flex;gap:4px;overflow-x:auto;>a{color:color-mix(in srgb,transparent 60%,var(--color));flex-shrink:0;text-decoration:solid underline}}.tmp_dic{max-height:80dvh;width:80dvw;overflow:scroll;>:nth-child(1){font-weight:bolder;font-size:large;font-family:var(--font-family);margin-bottom:8px}>:nth-child(2){display:flex;gap:1em;overflow-x:scroll;>span{flex-shrink:0}}>:not(:nth-child(1),:nth-child(2),.online_dic){display:grid;grid-template-columns:32px auto;>:nth-child(3){grid-area:2 / 2;display:flex;gap:8px;align-items:center;>.review_b{flex-grow:1;gap:8px}}}}.words_from{display:grid;grid-template-columns:auto auto 100px;align-items:center;column-gap:8px;>span{margin-left:auto}>div{height:8px;background-color:#0f0;border-radius:16px}}#mark_word_list{--w: min(60vw, 300px);position:fixed;display:flex;flex-direction:column;right:calc(-1 * var(--w) - 16px);top:var(--size0);z-index:1;height:calc(100dvh - var(--size0));width:var(--w);border-radius:var(--br2) 0 0 var(--br2);box-sizing:border-box;padding:var(--p0);background:var(--bar-bg);backdrop-filter:var(--blur);box-shadow:var(--box-shadow);transition:var(--transition);font-family:var(--font-family);user-select:none;>:nth-child(1){display:flex;>button{display:block;width:auto;min-width:var(--size0)}}>:nth-child(2){position:relative;overflow-y:scroll;flex-grow:1;>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;min-height:1rem;min-width:2ch}}}.show_mark_word_list{right:0!important;box-shadow:var(--shadow)}.words_select{display:flex;flex-direction:column;font-family:var(--font-family);>:first-child{max-height:80dvh;display:flex;flex-direction:column;overflow:auto}}#review{position:absolute;top:100dvh;z-index:1;background-color:var(--bg1);backdrop-filter:var(--blur);transition:var(--transition)}.review_show{top:var(--size0)!important}#review_buttons{display:flex;align-items:center}#review_mode{display:flex;gap:2px}#review_mode input{display:none}#review_mode>label{border-radius:4px;border:dashed 1px transparent}#review_mode>label:has(input:checked){border:dashed 1px var(--color)}#review_buttons>div:has(.icon){height:var(--size0);width:var(--size0);position:relative}#review_buttons>div>.icon{height:var(--size0);width:var(--size0)}#review{width:100vw;height:calc(100dvh - var(--size0));display:flex;flex-direction:column}#review_list{flex-grow:1;display:flex;flex-direction:column;overflow:hidden}#review_view{overflow-y:auto;flex-grow:1;display:flex;max-height:calc(100dvh - 2 * var(--size0));font-family:var(--font-family);font-size:var(--font-size)}.blur_word{filter:blur(.12em)}.review_word{flex-grow:1;display:flex;flex-direction:column;.main_word{text-align:center;transition:var(--transition);font-size:1.4em}}.review_word>:nth-child(2){overflow:scroll}.review_word>:nth-child(3){flex-grow:1;overflow:scroll}:is(.review_word,.review_sentence)>:last-child{margin:16px;gap:16px;>button{height:calc(2 * var(--size0))}}.review_b{display:flex;>button{flex-grow:1;display:flex;justify-content:center;align-items:center;>.icon{position:initial}}}.sen_under_ai{display:none}.review_sentence{flex-grow:1;display:flex;flex-direction:column}.review_sentence>:nth-child(2){flex-grow:1;overflow:scroll}#review_l{height:calc(100dvh - 32px);overflow:auto}#review_l>div{display:flex;justify-content:space-between;align-items:center}#review_l>div>span:nth-child(1){display:flex;overflow-x:auto;gap:4px}.diff{display:flex;>span{display:inline-block;overflow:hidden;flex-shrink:0}>.diff_exchange1{display:inline-flex;flex-direction:row-reverse;>span{color:var(--right-c);border:none}}.diff_add{color:var(--right-c)}.diff_remove{color:var(--error-c)}.diff_exchange{color:var(--error-c);>span{display:inline-block}>:nth-child(1){border-right:1px solid var(--color);border-top:1px solid var(--color)}>:nth-child(2){border-bottom:1px solid var(--color)}}}.review_spell{flex-grow:1;touch-action:none;&:not([data-state="0"]) .mark_word{color:transparent}}.spell_sen_word_show{&:not([data-state="0"]) .mark_word{color:inherit!important;filter:blur(.12em);text-decoration:none!important;transition:var(--transition);&:hover{filter:blur(0)}}&[data-state="0"] .spell_input{>span{filter:none}}}.spell_input{font-size:2em;margin:auto;display:flex;align-items:center;>button{flex-shrink:0}}.spell_write{position:fixed;top:var(--size0);height:2em;width:100dvw;pointer-events:none;>button{pointer-events:all}>:nth-child(1){position:absolute;left:0;top:4px;pointer-events:none}>:nth-child(2){position:absolute;left:0;top:4px}>:nth-child(3){position:absolute;right:0;top:4px}}.simple-keyboard{touch-action:manipulation;user-select:none;width:100%;min-height:160px;box-sizing:border-box;font-family:"Noto Color Emoji",serif;>div>div{border-radius:8px;>span{user-select:none;pointer-events:none}}>div>div:active{background-color:color-mix(in srgb,var(--bg) 94%,var(--color))}}.simple-keyboard[data-layout=handwrite]{height:48px;min-height:auto}.plot{max-width:90dvw;max-height:90dvh;>div{width:100%}& *::-webkit-scrollbar-button{width:0px}}.oneD_plot{display:inline-flex;border:solid 1px transparent;transition:var(--transition);width:100%;overflow-x:auto}.cardPercent{>div{overflow:hidden;height:1rem}>:nth-child(1){background-color:#0000}>:nth-child(2){background-color:color-mix(in srgb,var(--color) 10%,var(--bg))}>:nth-child(3){background-color:color-mix(in srgb,#0f0 10%,var(--bg))}>:nth-child(4){background-color:color-mix(in srgb,#f00 10%,var(--bg))}}.cal_plot{display:grid;grid-template-rows:repeat(7,16px);grid-template-columns:repeat(53,16px);grid-auto-flow:column;gap:2px;overflow-x:auto;>div{border:1px solid var(--color);border-radius:2px}}#setting{overflow:scroll;background-color:var(--bg1);backdrop-filter:var(--blur);transition:var(--transition);border:none;margin-top:var(--size0);max-height:calc(100dvh - var(--size0));box-sizing:border-box;width:100dvw;& h2{margin-block:1em;font-size:1.2em}& button{background:var(--bg)}>.setting_dic{& ul{padding-left:0}& li{display:flex;align-items:center;gap:4px;>span{cursor:pointer;width:20px}>button{--size0: 24px}>input:nth-of-type(1){width:4em}>input:nth-of-type(3){width:4em}}>div{--size0: 24px;display:flex;gap:4px;>input:nth-of-type(1){width:4em}>input:nth-of-type(3){width:4em}}}& button{width:auto;min-width:var(--size0)}}#menu{position:fixed;background-color:var(--bg1);backdrop-filter:var(--blur);transition:var(--transition);padding:4px;margin:0;max-width:120px!important;min-width:none!important;border:none;box-shadow:var(--box-shadow);border-radius:4px}#menu>*{cursor:pointer;user-select:none}.interModal{position:fixed;background-color:var(--bg1);backdrop-filter:var(--blur);transition:var(--transition);padding:var(--p0);border:none;box-shadow:var(--box-shadow);border-radius:var(--br2);display:flex;flex-direction:column;gap:4px}.interModal>:nth-child(2)>button{width:100%}.toast{position:fixed;margin:0;inset:auto 16px 16px auto;min-width:100px;display:flex;flex-direction:column;border:none;gap:4px;border-radius:0;padding:4px;background:none;backdrop-filter:none;>*{background-color:var(--bg1);backdrop-filter:var(--blur);padding:4px;border-radius:4px;box-shadow:var(--box-shadow)}}.docs{overflow:scroll;height:100dvh;padding:4rem;box-sizing:border-box}