:root{--primary-color: rgb(25, 25, 25);--secondary-color: whitesmoke;--tertiary-color: rgb(80, 80, 80);--black-hue: rgb(25, 25, 25);--white-hue: rgb(245, 245, 245);--accent-color: red;--violet-hue: violet;--blue-hue: blue;--green-hue: green;--yellow-hue: yellow;--orange-hue: orange;--red-hue: red;color-scheme:light dark;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;color:var(--secondary-color);background-color:var(--primary-color)}*{margin:0;padding:0;box-sizing:border-box}body{min-width:320px;min-height:100vh}header{display:flex;align-items:center;justify-content:space-between;padding:1rem;height:4rem}@media(max-width:768px){header{justify-content:flex-end}}h1{text-align:center;cursor:pointer}h1:hover{animation:duplication .2s ease-out forwards}@keyframes duplication{0%{text-shadow:0 0 0 var(--accent-color)}to{text-shadow:3px 3px 0 var(--accent-color)}}@media(max-width:1024px){h1{display:none}}h2{text-align:center;font-size:3rem;line-height:3rem;text-shadow:0 0 3px var(--black-hue)}@media(max-width:480px){h2{font-size:2rem}}h3{margin:.5rem 0;text-align:center;font-size:1.5rem}h4{text-align:center;color:var(--white-hue);font-size:1.2rem}a{color:inherit;text-decoration:none}span{margin-top:3rem;color:var(--accent-color);font-style:italic;font-weight:700}button{border:none;background-color:transparent}svg{width:24px;height:24px;max-height:24px;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}fieldset{padding:3px 5px;border:2px solid var(--white-hue);border-radius:3px}legend{margin:0 auto;padding:0 5px}input,select{color:var(--white-hue);border:none;background-color:transparent}input:focus{outline:none}input[type=text],input[type=url],input[type=search]{width:100%;padding:0 3px;font-size:1rem}input[type=file]{display:none}input[type=date]{width:fit-content;padding:3px}input[type=number]{width:3rem;padding:3px;text-align:center;appearance:none;-moz-appearance:textfield}select{width:fit-content;padding:3px 5px}mark{color:var(--primary-color);background-color:var(--accent-color)}@media(prefers-color-scheme:light){:root{--primary-color: whitesmoke;--secondary-color: rgb(25, 25, 25)}}#root{display:flex;flex-direction:column;margin:0 auto;max-width:100%;min-height:100vh}.container{display:flex;flex:1;padding-bottom:2rem}.title{display:flex;align-items:center;gap:10px}.books{cursor:pointer}@media(max-width:768px){.books{display:none}}.books svg{width:32px;height:32px;stroke:var(--secondary-color)}.settings{display:flex;align-items:center;gap:1rem}.search_bar{display:flex;align-items:center;gap:5px;margin-right:1rem;width:fit-content;height:fit-content;padding:4px 8px;border-radius:50vh;background-color:var(--tertiary-color);cursor:pointer}.search_bar:focus-within{outline:2px solid var(--accent-color)}.search_bar svg:last-of-type{opacity:1}@media(max-width:480px){.search_bar{display:none}}.search{max-width:7rem;color:var(--white-hue);background-color:transparent}.search::placeholder{color:#f5f5f580}.search:focus{outline:none}.search_bar svg:hover{animation:fill .1s linear forwards}@keyframes fill{0%{fill:transparent}to{fill:var(--white-hue)}}@media(max-width:768px){.search_bar svg:hover{animation:none}}.search_end{display:flex;align-items:center;justify-content:end;width:3.5rem}.search_shortcut{margin-right:auto;color:var(--white-hue);font-size:.7rem}.types{display:flex;align-items:center;gap:1rem;margin-right:1rem}.types button{position:relative;font-size:1rem;font-weight:700;cursor:pointer}.types button:after{content:"";transition:.2s;position:absolute;bottom:0;left:50%;width:0;height:2px;background-color:var(--secondary-color)}.types button:hover:after{transition:.2s;left:0;width:100%}.types button.active:after{background-color:var(--accent-color)}@media(max-width:768px){.types{display:none}}.bookmarks,.sort,.log,.animation,.theme{display:flex;cursor:pointer}.books:hover,.bookmarks:hover,.sort:hover,.log:hover,.animation:hover,.theme:hover{animation:jiggle .3s linear infinite}@keyframes jiggle{0%{transform:rotate(0)}25%{transform:rotate(5deg)}50%{transform:rotate(0)}75%{transform:rotate(-5deg)}to{transform:rotate(0)}}@media(max-width:1024px){.books:hover,.bookmarks:hover,.sort:hover,.log:hover,.animation:hover,.theme:hover{animation:jiggle .3s linear forwards}}@media(max-width:768px){.bookmarks:hover,.sort:hover,.log:hover,.theme:hover{animation:none}.animation{display:none}}.infos,.clock{position:fixed;bottom:.8rem;padding:.2rem;font-size:1rem;font-weight:700;text-shadow:0 0 3px var(--primary-color);border-radius:2px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.infos{left:.8rem}.clock{right:.8rem}.message{display:none;position:absolute;bottom:.7rem;left:50%;transform:translate(-50%);padding:5px 10px;color:var(--white-hue);font-size:1rem;font-weight:700;border-radius:5px;background-color:var(--tertiary-color);box-shadow:inset 0 0 5px var(--primary-color)}.library{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem 2rem;width:100%;height:fit-content;padding:1rem 2rem}@media(max-width:480px){.library{gap:1.5rem;padding:0 1.5rem}}.books_window{display:none;flex-direction:column;margin:1rem 2rem 1rem 1rem;min-width:12rem;border-radius:5px;background-color:var(--tertiary-color)}@media(max-width:768px){.books_window{display:none!important}}.books_list{display:flex;flex-direction:column;gap:.5rem;padding:.5rem}.books_list p{display:flex;color:var(--white-hue);font-weight:700}.books_list p:last-of-type{margin-bottom:.3rem}.books_list span{all:unset;margin-left:auto}.books_separator{margin:0 .5rem;height:2px;border-radius:1px;background-color:var(--white-hue)}.books_window span:last-of-type{margin-top:auto}.books_settings{position:relative;display:flex;align-items:center;justify-content:flex-end;height:fit-content;padding:.5rem}.books_settings div{display:flex;align-items:center;gap:.5rem}.books_settings svg{stroke:var(--white-hue);cursor:pointer}.books_adjustments,.books_additional{position:absolute;bottom:5px;left:calc(100% + .5rem);display:none;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:3px;border-radius:5px;background-color:var(--tertiary-color)}.books_adjustments div{width:24px;height:24px;border-radius:3px;cursor:pointer}.selected{box-shadow:inset 0 0 5px var(--black-hue)}.log_window{display:none;flex-direction:column;justify-content:space-between;z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:25rem;height:30rem;padding:1rem;color:var(--white-hue);border-radius:10px;background-color:var(--tertiary-color);box-shadow:inset 0 0 5px var(--primary-color),0 0 2rem var(--primary-color)}.log_close{position:absolute;top:.5rem;right:.5rem;cursor:pointer}.log_row{display:flex;justify-content:space-between}.log_inputs{display:flex;flex-direction:column;gap:.3rem}.log_window input[type=url]{width:14rem}.image_import,.image_clear{margin-top:1rem;cursor:pointer;border-radius:2px}.image_import:hover,.image_clear:hover{background-color:#f5f5f533;outline:3px solid rgba(245,245,245,.2)}.image_preview{overflow:hidden;margin-top:auto;width:80px;height:40px;border-radius:3px;background-color:var(--white-hue)}.image_preview img{width:100%;height:100%;object-fit:cover;object-fit:center}.log_footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.5rem}.log_error{color:var(--red-hue);animation:error 3s ease forwards}@keyframes error{0%{opacity:1;text-shadow:0 0 3px var(--red-hue)}50%{opacity:1;text-shadow:0 0 0 var(--red-hue)}to{opacity:0;text-shadow:0 0 0 var(--red-hue)}}.log_buttons{display:flex;align-items:center;gap:1rem}.log_reset{cursor:pointer}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.log_in{display:flex;align-items:center;justify-content:center;width:fit-content;padding:2px;border:none;border-radius:3px;background-color:var(--blue-hue);cursor:pointer}.card{box-sizing:content-box;transition:.1s;display:flex;flex-direction:column;gap:5px;width:150px;height:225px;filter:grayscale(1);color:var(--primary-color);border-bottom:1rem solid transparent}@media(max-width:480px){.card{width:140px}}.card:hover{transition:.1s;filter:grayscale(0)}.card img{width:auto;min-height:70px;max-height:70px;color:var(--accent-color);border-radius:3px;object-fit:cover}.card .green,.card .orange,.card .red{transition:.1s;background-color:var(--tertiary-color)}.card:hover .green{transition:.1s;background-color:var(--green-hue)}.card:hover .orange{transition:.1s;background-color:var(--orange-hue)}.card:hover .red{transition:.1s;background-color:var(--red-hue)}@media(max-width:480px){.card img{height:80px}}.card_head{transition:.1s;display:flex;align-items:center;justify-content:space-between;padding:0 5px;color:var(--tertiary-color);font-size:1.2rem;font-weight:700}.card:hover .card_head{transition:.1s;color:var(--accent-color)}.card_options{transition:.1s;display:flex;align-items:center;justify-content:center;gap:5px;opacity:0}.card:hover .card_options{transition:.1s;opacity:1}.card_options svg{cursor:pointer}.card_options svg:hover{animation:zoom .2s linear}@keyframes zoom{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media(max-width:768px){.card_options svg:hover{animation:none}}.card_info{transition:.1s;position:relative;display:flex;flex-direction:column;flex:1;padding:5px 10px;border-radius:3px;background-color:var(--tertiary-color);cursor:pointer}.card:hover .card_info{transition:.1s;background-color:var(--secondary-color)}.card_info>p{overflow:hidden;text-wrap:nowrap;text-overflow:ellipsis}.card_info>p:first-of-type{margin-bottom:5px;font-weight:700}.card_info>p:not(:first-of-type){text-align:end}.card_info mark{transition:.1s;background-color:#f5f5f580;color:var(--primary-color)}.card:hover .card_info mark{transition:.1s;color:var(--primary-color);background-color:var(--accent-color)}.card_info input{margin-top:2px;padding-left:auto;color:var(--primary-color);background-color:transparent}.card_info input:focus{outline:none}.card_info input[type=url]{position:absolute;top:-1.6rem;right:0;color:var(--secondary-color);border-radius:0 0 3px 3px;background-color:#f5f5f533;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.card_info input:nth-of-type(2){margin-bottom:5px;font-weight:700}.card_info input:not([type=url],:nth-of-type(2),[type=number]){text-align:end}.card_info input[type=text]:last-of-type{position:absolute;bottom:-1rem;right:0;color:var(--secondary-color);font-size:.8rem;font-weight:700}.card_info>input[type=number]{text-align:end;color:var(--accent-color)}.card_bar{transition:.3s;margin:auto 0 auto auto;width:0;height:2px;border-radius:1px;background:var(--primary-color)}.card:hover .card_bar{transition:.3s;width:80%}.card_rating:hover~.card_bar{background:linear-gradient(to right,var(--green-hue) 25%,var(--orange-hue) 25% 60%,var(--red-hue) 60%)}.card_edit{position:absolute;bottom:0;left:50%;transform:translate(-50%);padding:1px 7px;color:var(--white-hue);font-size:.8rem;font-weight:700;border:2px solid var(--primary-color);border-bottom:none;border-radius:2px 2px 0 0;background-color:var(--blue-hue);cursor:pointer}.card_rating{position:absolute;display:flex;align-items:center;justify-content:center;bottom:-1rem;left:-1rem;width:2.5rem;height:2.5rem;border:2px solid var(--primary-color);border-radius:50%;cursor:default}.card_rating input{margin-top:2px;background-color:transparent}.card_rating input:focus{outline:none}.card_type{transition:.1s;position:absolute;bottom:-1rem;right:0;color:var(--tertiary-color);font-size:.8rem;font-weight:700}.card:hover .card_type{transition:.1s;color:var(--secondary-color)}.card_window{display:none;align-items:flex-start;justify-content:center;z-index:1;overflow:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:25rem;height:30rem;color:var(--white-hue);border:3px solid var(--black-hue);border-radius:10px;background-color:var(--tertiary-color);box-shadow:0 0 5rem var(--primary-color)}@media(max-width:480px){.card_window{width:18rem;height:25rem;border-radius:5px}}.card_window img{width:100%;height:auto}.card_window_maximized{top:0;left:0;transform:none;width:100%;height:100%;border:none;border-radius:0}.card_window_content{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;height:100%;background-image:linear-gradient(to top,var(--tertiary-color) 60%,rgba(25,25,25,.5));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.card_window_content_maximized{background-image:linear-gradient(to top,var(--tertiary-color) 55%,rgba(25,25,25,.5));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.card_window_ribbon{position:absolute;opacity:.7;top:-3rem;left:0;width:1rem;height:9rem;transform:rotate(45deg);background-color:var(--accent-color)}.card_window_ribbon_maximized{width:1.5rem}.card_window_buttons{display:flex;align-items:center;gap:.5rem;position:absolute;top:.5rem;right:.5rem}.card_window_maximize,.card_window_minimize,.card_window_close{cursor:pointer}.card_window_header{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:35%;padding:1rem}.card_window_header h2{max-width:100%;overflow-wrap:break-word}.card_window_maximized h2{font-size:4rem}@media(max-width:480px){.card_window_maximized h2{font-size:3rem}}.card_window_separator{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;height:10%}.card_window_type{display:flex;align-items:center;justify-content:center;gap:10px;padding:3px 7px;font-size:1.1rem;font-weight:700;border:2px solid var(--accent-color);border-radius:3px;background-color:#191919b3}.card_window_info{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;width:100%;height:30%}.card_window_info p{display:flex;align-items:center;gap:5px}.card_window_info p svg{width:20px;height:20px}.card_window_footer{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.5rem;width:100%;height:25%;padding:.5rem}.card_window_footer p{display:flex;align-items:center;gap:5px}.card_window_footer p svg{width:20px;height:20px}.card_window_bar{position:relative;width:15rem;height:.5rem;border-radius:2px;background-image:linear-gradient(to right,var(--green-hue) 15%,var(--orange-hue) 35% 50%,var(--red-hue) 70%)}@media(max-width:480px){.card_window_bar{width:10rem}}.card_window_bar_maximized{width:20rem;height:1rem;border-radius:3px;background-image:linear-gradient(to right,var(--green-hue) 15%,var(--orange-hue) 35% 50%,var(--red-hue) 70%);outline:2px solid var(--white-hue);outline-offset:2px}.card_window_point{position:absolute;top:50%;width:.5rem;height:1rem;border-radius:2px;background-color:var(--white-hue);outline:2px solid var(--tertiary-color)}.card_window_point_maximized{display:flex;align-items:center;width:fit-content;padding:0 3px;color:var(--black-hue);font-size:.9rem;font-weight:700}.card_window_log{position:absolute;bottom:.5rem;left:.5rem;color:#f5f5f5b3;font-size:.7rem;font-weight:700;font-style:italic}.card_window_view{position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);width:18px;height:18px;stroke-width:1.75;cursor:pointer}.card_window_view:hover{stroke:var(--white-hue)}.card_window_view_img{position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);max-width:7rem;max-height:5rem;border:2px solid var(--white-hue);border-radius:3px;object-fit:cover}.card_window_search{position:absolute;bottom:.5rem;right:.5rem;width:18px;height:18px;stroke-width:1.75;cursor:pointer}.card_window_search:hover{stroke:var(--white-hue)}