.field-icon-left{margin-right:-30px}.field-icon-left.clickable{cursor:pointer}.quill{width:100%;border:none}.quill>.ql-toolbar.ql-snow{text-align:left;border:1px solid #5f279b;border-radius:10px 10px 0 0}.quill>.ql-container.ql-snow{border:1px solid #5f279b;border-radius:0 0 10px 10px}.quill>.ql-container.ql-snow>.ql-editor.ql-blank:before{font-family:Noto Sans,ui-sans-serif,-apple-system,Helvetica,Arial,sans-serif;font-size:1.125rem;color:#dbf}.ql-editor{max-height:700px;min-height:200px;color:#eee}.ql-editor p{margin-block-end:1.15em}.ql-editor p:empty,.ql-editor br+br{display:block;content:"";height:.75em}.ql-editor p:has(>br:only-child){margin:0;height:.75em}.ql-formats span{color:#eee}.ql-formats button.ql-active svg .ql-stroke,.ql-formats button.ql-active svg .ql-fill{stroke:#f6d!important}.ql-formats button.ql-active.ql-strike svg .ql-fill{stroke:none!important;fill:#f6d!important}@media (min-width: 900px){.ql-formats button:hover svg .ql-stroke,.ql-formats button:hover svg .ql-fill{stroke:#f6d!important}}.ql-stroke,.ql-fill{stroke:#eee!important}.ql-strike svg .ql-fill{stroke:none!important;fill:#eee!important}.ql-picker-options{background-color:#1d112b!important}.ql-picker-label:hover,.ql-picker-label.ql-active{color:#f6d!important}.ql-picker-label:hover svg .ql-stroke{stroke:#f6d!important}.ql-picker-item{font-family:Noto Sans,ui-sans-serif,-apple-system,Helvetica,Arial,sans-serif!important}.ql-picker-item:hover,.ql-picker-item.ql-selected{color:#f6d!important}.ql-size-large{font-size:1.5rem!important;line-height:2.25rem!important}.ql-size-small{font-size:.875rem!important;line-height:1.3125rem!important}.word-count{padding-top:.5rem;font-size:1rem;line-height:1.5rem;color:#dbf}.word-count-toggle{padding-top:.5rem;cursor:pointer;color:#dbf;font-size:.875rem;line-height:1.3125rem;font-style:italic}.ql-snow .ql-editor blockquote{border-left:5px solid #dbf!important}.word-count{text-align:left}.accordion{border-radius:10px;width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1rem}.accordion-item{overflow:hidden;width:100%}.accordion-header{all:unset;background-color:#231b4d;border-radius:10px}.accordion-header.no-border-radius{border-radius:0}.accordion-header:hover{background-color:#231b4dbf}.accordion-header{flex:1}.accordion-header.level-2{padding-left:2.5rem}.accordion-header{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.5rem}.accordion-trigger{all:unset;background-color:transparent;display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex:1;gap:.5rem;padding:.5rem 1rem}@media (max-width: 599px){.accordion-trigger{padding:.3rem 1rem}}.accordion-trigger[data-state=open] .fa-chevron-down{transition:transform .2s cubic-bezier(.95,.1,.2,1);transform:rotate(180deg)}.accordion-trigger[data-state=closed] .fa-chevron-down{transition:transform .2s cubic-bezier(.95,.1,.2,1);transform:rotate(0)}.accordion-trigger.level-2{padding-left:0}.accordion-content{-webkit-transform:translateZ(2);-moz-transform:translateZ(2);-ms-transform:translateZ(2);-o-transform:translateZ(2);transform:translateZ(2)}.accordion-content[data-state=open]{animation:slide-down .2s cubic-bezier(.95,.1,.2,1)}.accordion-content[data-state=closed]{animation:slide-up .2s cubic-bezier(.95,.1,.2,1)}.accordion-content>div{padding-top:1rem}.accordion-content>div.no-padding-top{padding-top:0}@keyframes slide-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes slide-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}.combobox-container{position:relative}.combobox-input{resize:both;border-radius:7px;height:2.25rem;font-size:1.0625rem;line-height:1.59375rem}@media (max-width: 599px){.combobox-input{font-size:1rem;line-height:1.5rem}}.combobox-input{background-color:#12071c;color:#eee;border:1px solid #5f279b}.combobox-input:focus{box-shadow:0 0 6px -2px #f6d;border:1px solid #f6d}.combobox-input:focus::placeholder{color:transparent}.combobox-input::placeholder{font-size:1.0625rem;line-height:1.59375rem}@media (max-width: 599px){.combobox-input::placeholder{font-size:1rem;line-height:1.5rem}}.combobox-input::placeholder{color:#ddbbffb3}.combobox-input.invalid{border:3px solid #f33;color:#f33}.combobox-input{width:100%}.combobox-input::placeholder{color:#dbf}.combobox-menu{position:relative;padding:.1rem .9rem;color:#eee;border:1px solid #5f279b;border-radius:16px;background-color:#12071c;cursor:pointer}.combobox-menu:hover,.combobox-menu:focus,.combobox-menu[data-headlessui-state=open]{border:1px solid #f6d;background-color:#1d112b}.combobox-menu{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem}.combobox-menu span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.combobox-button{all:unset;position:absolute;transform:translate(-22px,6px)}.combobox-button .combobox-arrow{font-size:1.25rem;line-height:1.875rem;color:#dbf}.combobox-options{all:unset;overflow-y:auto;overflow-x:hidden;position:absolute}.combobox-options.relative{position:relative;margin-top:.5rem}.combobox-options{top:125%;width:100%;background-color:#1d112b;border:1px solid #f6d;border-radius:5px;color:#eee;z-index:20;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.combobox-options>*{border-radius:0}.combobox-options>*:first-child{border-radius:8px 8px 0 0}.combobox-options>*:last-child{border-radius:0 0 8px 8px}.combobox-options-list{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;max-height:min(350px,70vh);width:100%}.combobox-option{all:unset;box-sizing:border-box;display:block;width:100%;cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;padding:.5rem}.combobox-option.focus,.combobox-option[data-headlessui-state=active]{background-color:#5f279b}.combobox-option[data-headlessui-state=selected]{background-color:#390f64}.combobox-option[data-headlessui-state="active selected"]{background-color:#5f279b}.combobox-option span.level-2{padding-left:2.2rem}.combobox-option span.level-3{padding-left:4.4rem}.single-option{width:100%}.all-shortcut{margin-left:.5rem}.selectable-edition{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:1rem;border:1px solid #5f279b;border-radius:20px;padding:.5rem}.selectable-edition-cover{border-radius:7px;height:150px;width:98px}.edition-title{font-size:.9rem;color:#edf;margin-bottom:.5rem}.switch-edition{cursor:pointer;font-size:1rem;line-height:1.5rem}.edition-switcher{background-color:#12071c;border:1px solid #5f279b;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.5rem;padding:1rem}@media (max-width: 599px){.edition-switcher{padding:.5rem}}.edition-switcher{width:98%;overflow-y:auto;max-height:600px}.edition-switcher-header{align-self:flex-start;width:100%;margin-bottom:0}.choose-edition-header{color:#f9f}.edition-switcher-filters{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem}.edition-switcher-filters .filter{width:min(15ch,30vw)}.edition-switcher-editions{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-auto-rows:1fr;gap:2rem}.edition-switcher-editions div{height:100%}.mantine-InputWrapper-root{width:100%}.mantine-DatePickerInput-label{color:#eee;font-family:Quicksand}.mantine-DatePickerInput-input{resize:both;border-radius:7px;height:2.25rem;font-size:1.0625rem;line-height:1.59375rem}@media (max-width: 599px){.mantine-DatePickerInput-input{font-size:1rem;line-height:1.5rem}}.mantine-DatePickerInput-input{background-color:#12071c;color:#eee;border:1px solid #5f279b}.mantine-DatePickerInput-input:focus{box-shadow:0 0 6px -2px #f6d;border:1px solid #f6d}.mantine-DatePickerInput-input:focus::placeholder{color:transparent}.mantine-DatePickerInput-input::placeholder{font-size:1.0625rem;line-height:1.59375rem}@media (max-width: 599px){.mantine-DatePickerInput-input::placeholder{font-size:1rem;line-height:1.5rem}}.mantine-DatePickerInput-input::placeholder{color:#ddbbffb3}.mantine-DatePickerInput-input.invalid{border:3px solid #f33;color:#f33}.mantine-DatePickerInput-input:focus::placeholder{color:#eee}.mantine-UnstyledButton-root{color:#eee}.mantine-UnstyledButton-root svg{color:#eee}.mantine-UnstyledButton-root:hover{background-color:#390f64}.mantine-Popover-dropdown{border-radius:10px;background-color:#12071c;border:1px solid #f6d;box-shadow:0 0 6px -2px #f6d}.datepicker-portal{pointer-events:auto}.datepicker-portal .mantine-UnstyledButton-root{color:#eee}.datepicker-portal .mantine-UnstyledButton-root[data-weekend]{color:#f9f}.datepicker-portal .mantine-UnstyledButton-root[data-outside]{color:#5f279b}.datepicker-portal .mantine-UnstyledButton-root:hover{background-color:#390f64}.listbox-container{position:relative}.select-menu{font-size:1.0625rem;line-height:1.59375rem}@media (max-width: 599px){.select-menu{font-size:1rem;line-height:1.5rem}}.select-menu{position:relative;padding:.1rem .9rem;color:#eee;border:1px solid #5f279b;border-radius:16px;background-color:#12071c;cursor:pointer}.select-menu:hover,.select-menu:focus,.select-menu[data-headlessui-state=open]{border:1px solid #f6d;background-color:#1d112b}.select-menu{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem}.select-menu span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.select-arrow{font-size:1.25rem;line-height:1.875rem;color:#dbf}.select-options{all:unset;max-height:75vh;overflow-y:auto;position:absolute;top:125%;width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;background-color:#1d112b;border:1px solid #f6d;border-radius:8px;color:#eee;z-index:20}.select-options>*{border-radius:0}.select-options>*:first-child{border-radius:8px 8px 0 0}.select-options>*:last-child{border-radius:0 0 8px 8px}.select-options.relative{position:relative;margin-top:1rem}.select-option{all:unset;width:100%;cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left}.select-option.focus,.select-option[data-headlessui-state=active]{background-color:#5f279b}.select-option[data-headlessui-state=selected]{background-color:#390f64}.select-option[data-headlessui-state="active selected"]{background-color:#5f279b}.select-option span{display:block;border-radius:8px;height:100%;width:100%;text-align:left;padding:.75rem;background:none;border:none;color:#eee;font-size:1.0625rem;line-height:1.59375rem}@media (max-width: 599px){.select-option span{font-size:1rem;line-height:1.5rem}}.slider-container{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:1rem}.slider{position:relative;display:flex;align-items:center;-webkit-user-select:none;user-select:none;touch-action:none;width:min(400px,80%);height:20px}.slider-track{border:1px solid #5f279b;position:relative;flex-grow:1;border-radius:9999px;height:8px}.slider-range{position:absolute;background-color:#ba6bff}.slider-range.good{background-image:linear-gradient(90deg,#f6d,#ba6bff,#4ddeff)}.slider-range{border-radius:9999px;height:100%}.slider-thumb{all:unset;display:block;width:20px;height:20px;background-color:#eee;border-radius:10px}.slider-thumb:hover{background-color:#f6d}.slider-thumb:focus{box-shadow:0 0 8px #eee}.slider-thumb:active{box-shadow:0 0 8px #f6d}#score-field::-webkit-outer-spin-button,#score-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#score-field{-moz-appearance:textfield;width:6ch;resize:both;border-radius:7px;height:2.25rem;font-size:1.0625rem;line-height:1.59375rem}@media (max-width: 599px){#score-field{font-size:1rem;line-height:1.5rem}}#score-field{background-color:#12071c;color:#eee;border:1px solid #5f279b}#score-field:focus{box-shadow:0 0 6px -2px #f6d;border:1px solid #f6d}#score-field:focus::placeholder{color:transparent}#score-field::placeholder{font-size:1.0625rem;line-height:1.59375rem}@media (max-width: 599px){#score-field::placeholder{font-size:1rem;line-height:1.5rem}}#score-field::placeholder{color:#ddbbffb3}#score-field.invalid{border:3px solid #f33;color:#f33}#score-field{background-color:#1d112b}.toggle-score{text-align:center;cursor:pointer}.quick-score-modal{width:min(650px,98%);z-index:30}.quick-score-buttons{margin-top:1rem}.quick-score-buttons button{width:10ch}.quick-score-buttons{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.radio-group{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.5rem}.radio-group[data-orientation=horizontal]{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;column-gap:1.25rem;row-gap:.5rem}.radio-group .radio-option{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.25rem}.radio-group .radio-option:hover label{color:#f9f}.radio-button{all:unset;background-color:transparent;border:1px solid #dbf;border-radius:100%;width:20px;height:20px;min-width:20px}.radio-button span{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:100%;height:100%}.radio-button span:after{content:"";display:block;width:10px;height:10px;border-radius:50%;background-color:#dbf}.my-book-buttons{display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;width:min(16ch,100%)}.my-book-button{border-radius:50px 0 0 50px}.my-book-button:not([disabled]):before{border-radius:50px 0 0 50px}.my-book-button{flex-basis:75%;display:flex;flex-direction:row;align-items:center;justify-content:center}.quick-add-button{border-radius:0 50px 50px 0}.quick-add-button:not([disabled]):before{border-radius:0 50px 50px 0}.quick-add-button{border-left:1px solid #12071c;flex-basis:25%;width:min(23ch,100%)}.quick-add-modal{width:min(30ch,100vw);min-height:min(200px,100vh)}.quick-add-modal p{text-align:center}.quick-add-form{margin-top:.25rem;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.75rem}.quick-add-form button{width:100%}.quick-add-form button:not([disabled]):before{transition:none}.my-book-with-status{display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(19ch,100%)}.reading-status{text-align:center;font-size:16px;width:fit-content;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.25rem}.book-status{width:14ch}.my-book-modal{background-color:#080412;padding:2rem}@media (max-width: 599px){.my-book-modal{padding:1.2rem .5rem 1rem}}.my-book-modal{z-index:100;width:min(1000px,99vw);height:min(1000px,90vh)}#my-book-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}#my-book-content #my-book-form{overflow-y:auto;flex-grow:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}#my-book-form-fields{width:100%;flex-grow:1;padding-bottom:1rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1rem}#my-book-form-fields>*{width:100%}#my-book-footer{margin-top:2rem;padding:.25rem;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}#my-book-footer #my-book-cancel-save{flex-grow:1;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:2rem}.my-book-form-button{width:min(15ch,25%)}.my-book-delete-button{width:min(6ch,15%)}#my-book-header{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:1rem}#my-book-header-data{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:2rem}@media (max-width: 599px){#my-book-header-data{gap:.5rem}}#my-book-cover-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}#my-book-cover-container img{border-radius:7px;height:170px;width:110px}@media (max-width: 599px){#my-book-cover-container img{width:87px;height:140px}}#my-book-cover-container #change-cover{min-height:2rem;padding:0 .25rem;font-size:16px;line-height:20px}@media (max-width: 599px){#my-book-cover-container #change-cover{font-size:15px;line-height:18px}}.cover-loading{opacity:.5}#my-book-title{font-size:1.25rem;line-height:1.875rem}@media (max-width: 599px){#my-book-title{font-size:1.125rem;line-height:1.6875rem}}#my-edition-metadata{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.2rem}#my-book-genres{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.25rem}@media (max-width: 599px){#my-book-genres{gap:.1rem}}#my-book-genres #my-book-genre-tags{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.5rem;flex-wrap:wrap}.private-eye{opacity:0;animation:fade-in .2s forwards}.label-and-field{max-width:98%;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start}.label-and-field.align-center{align-items:center}.label-and-field{gap:1rem}@media (max-width: 599px){.label-and-field.with-invert{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.5rem}}.label-and-field>.aligned{width:15ch}.label-and-field>div.grow{width:100%;flex-grow:1}.with-info{max-width:20ch}@media (max-width: 599px){.with-info{max-width:none}}.additional-info{color:#dbf;font-size:.875rem;line-height:1.3125rem;font-style:italic}.additional-info.block{width:min(100ch,98%);margin-bottom:.25rem}.required-sup{color:#f9f}.search-collections{max-width:50ch}.my-book-dropdown input{background-color:#12071c}.selections{margin-top:1rem;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:1rem}.selections span{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.5rem;background-color:#12071c;color:#eee;border:1px solid #eee;border-radius:10px;padding:0 .25rem}.selections span svg{font-size:.75rem;line-height:1.125rem;cursor:pointer}.input-box{position:relative;max-width:50ch}.input-box .tags-icon{transform:translate(12px)}.input-field{resize:both;border-radius:7px;height:2.25rem;font-size:1.0625rem;line-height:1.59375rem}@media (max-width: 599px){.input-field{font-size:1rem;line-height:1.5rem}}.input-field{background-color:#12071c;color:#eee;border:1px solid #5f279b}.input-field:focus{box-shadow:0 0 6px -2px #f6d;border:1px solid #f6d}.input-field:focus::placeholder{color:transparent}.input-field::placeholder{font-size:1.0625rem;line-height:1.59375rem}@media (max-width: 599px){.input-field::placeholder{font-size:1rem;line-height:1.5rem}}.input-field::placeholder{color:#ddbbffb3}.input-field.invalid{border:3px solid #f33;color:#f33}.input-field{width:100%;background-color:#12071c}.short-input-field{resize:both;border-radius:7px;height:2.25rem;font-size:1.0625rem;line-height:1.59375rem}@media (max-width: 599px){.short-input-field{font-size:1rem;line-height:1.5rem}}.short-input-field{background-color:#12071c;color:#eee;border:1px solid #5f279b}.short-input-field:focus{box-shadow:0 0 6px -2px #f6d;border:1px solid #f6d}.short-input-field:focus::placeholder{color:transparent}.short-input-field::placeholder{font-size:1.0625rem;line-height:1.59375rem}@media (max-width: 599px){.short-input-field::placeholder{font-size:1rem;line-height:1.5rem}}.short-input-field::placeholder{color:#ddbbffb3}.short-input-field.invalid{border:3px solid #f33;color:#f33}.short-input-field{width:min(10ch,100%);background-color:#12071c}.short-input-field::-webkit-outer-spin-button,.short-input-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.short-input-field{-moz-appearance:textfield}#read-dates-container{padding-top:1rem}#reads{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1rem;margin-bottom:1rem}.read{width:100%;padding-bottom:1rem;border-bottom:1px solid #5f279b;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:1rem}.read-mini-form{display:flex;flex-direction:row;align-items:center;justify-content:space-around;gap:2rem}@media (max-width: 599px){.read-mini-form{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}}.read-mini-form .selectable-edition{flex-grow:1;max-width:60ch}.read-dates{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;padding-right:1rem;min-width:min(25ch,100%)}.read-dates .read-dates-datepickers{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.read-dates .read-dates-datepickers .read-format-select{margin-top:.5rem;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem}.read-dates .read-dates-datepickers .read-format-select .mybook-dropdown-button{flex-grow:1}.auto-msg{font-size:.9375rem;line-height:1.40625rem}@media (max-width: 599px){.auto-msg{font-size:.875rem;line-height:1.3125rem}}.auto-msg{color:#dbf;font-style:italic}.remove-read{cursor:pointer;font-size:16px}.remove-read:hover svg{color:#f9f}#overall-score-label{width:15ch}@media (min-width: 600px){#overall-score-label{align-self:center}}#review-warning{font-weight:700;color:#fe1;padding:1rem 0}.small-warning{font-size:.875rem;line-height:1.3125rem;color:#fe1;font-style:italic;padding-bottom:5px}.my-book-review{width:min(70ch,98%)}#genres-combobox{width:min(35ch,100%)}@media (max-width: 599px){#genres-combobox{width:100%}}#genres-reference{font-size:.9375rem;line-height:1.40625rem}@media (max-width: 599px){#genres-reference{font-size:.875rem;line-height:1.3125rem}}#genres-reference{font-style:italic}.mybook-dropdown-button{background-color:#12071c;border-radius:10px}.mybook-dropdown-placeholder{color:#dbf}#clear-target-audience{cursor:pointer}#my-book-form-error{text-align:center;color:#f33}#confirm-delete{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.5rem;margin-top:.5rem;padding-bottom:.25rem}#confirm-delete-buttons{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:1rem}#confirm-delete-buttons button{width:15ch}.progress-root{position:relative;overflow:hidden;background:#1d112b;border-radius:99999px;border:1px solid #5f279b;width:min(400px,80%);height:13px;transform:translateZ(0)}.progress-indicator{background-color:#ba6bff;width:100%;height:100%;transition:transform .66s cubic-bezier(.65,0,.35,1)}#close-without-saving{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}#confirm-close-buttons{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem}.quill-bottom{display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-start;gap:1rem}.copy-review-button{min-height:auto}.form-textarea{background-color:#1d112b;width:min(70ch,100%);height:6rem;outline:none;padding:.5rem;font-family:Noto Sans,ui-sans-serif,-apple-system,Helvetica,Arial,sans-serif;font-size:1.0625rem;line-height:1.59375rem}.book-status-div{padding-bottom:.25rem}@media (max-width: 599px){.book-status-div{gap:.5rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}}.radio-group{width:min(35ch,100%);display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);grid-template-areas:"uc abandoned" "tbr read" "in-progress reread"}.radio-group .radio-uc{grid-area:uc}.radio-group .radio-tbr{grid-area:tbr}.radio-group .radio-progress{grid-area:in-progress}.radio-group .radio-abandoned{grid-area:abandoned}.radio-group .radio-read{grid-area:read}.radio-group .radio-reread{grid-area:reread}.radio-group .radio-option label{font-size:1rem;line-height:1.5rem}@media (max-width: 599px){.radio-group .radio-option label{font-size:.9375rem;line-height:1.40625rem}}.my-book-metadata-separator{height:1px;background-image:linear-gradient(45deg,#5f279b,#5f279b 50%,#5f279b,#5f279b00)}.book-pace-group{width:min(70ch,100%)}.update{position:relative;padding:1rem;width:100%}.update.hide-kinsprit{width:min(850px,98%)}.update{max-width:1147px;border-radius:20px;background:#1d112b;min-height:180px;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-end}@media (max-width: 599px){.update{flex-direction:column}}.update{gap:1rem}.ago{position:absolute;top:.5rem;right:1rem;font-size:.9375rem;line-height:1.40625rem;font-family:Quicksand;color:#edf}@media (max-width: 599px){.ago{width:100%;text-align:right}}.relative-ago{width:100%;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;text-align:right;font-size:.9375rem;line-height:1.40625rem;font-family:Quicksand;color:#edf}@media (max-width: 599px){.relative-ago.non-mobile{display:none}}@media (min-width: 600px){.relative-ago.mobile{display:none}}.update-pictures{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-end;gap:.5rem}@media (max-width: 1150px){.update-pictures{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}}@media (max-width: 599px){.update-pictures{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;margin-top:1.25rem}}.avatar-and-mask{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.update-avatar{height:90px;object-fit:cover;border-radius:8px;cursor:pointer}@media (max-width: 599px){.update-avatar{height:90px}}.update-avatar{background-color:#231b4d}.reader-mask{height:36px;border-radius:7px}.pictures-and-mybook{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:1rem}@media (max-width: 599px){.pictures-and-mybook{width:100%;flex-direction:row;justify-content:flex-start}}.pictures-and-mybook:not(.hide-kinsprit){min-width:418px}@media (max-width: 1250px){.pictures-and-mybook:not(.hide-kinsprit){min-width:363px}}@media (max-width: 1150px){.pictures-and-mybook:not(.hide-kinsprit){min-width:200px;align-items:center}}@media (max-width: 599px){.pictures-and-mybook:not(.hide-kinsprit){min-width:auto}}.update-cover-and-my-book{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem}.my-book-button-container{width:16ch;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start}@media (max-width: 599px){.my-book-button-container{flex-grow:1;align-items:flex-start}}@media (min-width: 900px) and (max-width: 1150px){.my-book-button-container{align-items:center}}.my-book-and-status{width:min(20ch,100%);display:flex;flex-direction:column;align-items:center;justify-content:center}.update-cover{border-radius:7px;height:150px;width:97px}@media (min-width: 600px){.update-cover{height:150px;width:97px}}@media (min-width: 900px){.update-cover{height:170px;width:110px}}@media (min-width: 1200px){.update-cover{height:200px;width:131px}}.update-cover{cursor:pointer}.update-info{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.5rem;flex-grow:1;width:min(70ch,100%);text-align:left}.user-update{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.5rem;width:min(75ch,100%)}.score-and-recommend{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:1rem}.user-review{width:100%;word-break:break-word;background-color:#1d112b;border-radius:10px;border:1px solid #5f279b;box-shadow:0 0 6px -1px #5f279b;padding:.5rem}.user-review ul,.user-review ol{list-style-position:inside}.user-progress{width:min(250px,100%);display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:1rem}.user-progress p{width:11ch}.book-genre-tags{padding:.5rem 0;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:.5rem}.minor-metadata{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:1.5rem}.short-desc{width:min(70ch,100%)}.reading-update-title{font-size:1.25rem;line-height:1.875rem}@media (max-width: 599px){.reading-update-title{font-size:1.125rem;line-height:1.6875rem}}.update-interaction-buttons{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:2rem}.update-comments,.send-comment-form{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.5rem}.comment-textarea{resize:both;border-radius:7px;height:2.25rem;font-size:1.0625rem;line-height:1.59375rem}@media (max-width: 599px){.comment-textarea{font-size:1rem;line-height:1.5rem}}.comment-textarea{background-color:#12071c;color:#eee;border:1px solid #5f279b}.comment-textarea:focus{box-shadow:0 0 6px -2px #f6d;border:1px solid #f6d}.comment-textarea:focus::placeholder{color:transparent}.comment-textarea::placeholder{font-size:1.0625rem;line-height:1.59375rem}@media (max-width: 599px){.comment-textarea::placeholder{font-size:1rem;line-height:1.5rem}}.comment-textarea::placeholder{color:#ddbbffb3}.comment-textarea.invalid{border:3px solid #f33;color:#f33}.comment-textarea{width:min(75ch,100%);height:5rem;outline:none;padding:.5rem;font-family:Noto Sans,ui-sans-serif,-apple-system,Helvetica,Arial,sans-serif;font-size:1.0625rem;line-height:1.59375rem}.comment-textarea.reply{margin-bottom:.5rem}.comment-button{position:relative;background:none;color:inherit;border:none;font:inherit;cursor:pointer;outline:inherit;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.25rem;border-radius:50px;padding:.25rem;border:1px solid transparent}.comment-button:not(.mine):hover{background-color:#390f64}.comment-button:not(.mine):active{border:1px solid #f6d;box-shadow:0 0 8px #f6d}.comment-button.mine{cursor:default}.comment-button.tiny{font-size:.875rem;line-height:1.3125rem}.comment-button.reply{margin-bottom:.5rem;color:#dbf}.button-icon{height:16px}.link-copied-right{position:absolute;color:#f6d;font-size:1rem;line-height:1.5rem;width:20ch;bottom:0;left:0;top:50%;transform:translateY(-50%);z-index:10}.avatar-info{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:1rem}@media (max-width: 599px){.avatar-info{gap:.5rem}}.comment-avatar{height:60px;object-fit:cover;border-radius:8px;cursor:pointer;background-color:#231b4d}@media (max-width: 599px){.comment-avatar{height:36px;border-radius:5px}}.comment{width:min(80ch,100%);border-radius:20px;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:1rem;padding:.25rem}@media (max-width: 599px){.comment{flex-direction:column;gap:.25rem}}.comment.deleting{opacity:.4}@media (max-width: 599px){.comment.is-reply{padding-left:1.5rem}}.username-ago{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:1rem}@media (max-width: 599px){.username-ago:not(.mobile-only){display:none}}@media (min-width: 600px){.username-ago.mobile-only{display:none}}.small-detail{font-size:.9375rem;line-height:1.40625rem;font-family:Quicksand;color:#dbf}@media (max-width: 599px){.small-detail{font-size:.875rem;line-height:1.3125rem}}.tiny-detail{font-size:.875rem;line-height:1.3125rem;font-family:Quicksand;color:#dbf;font-style:italic}@media (max-width: 599px){.tiny-detail{font-size:.8125rem;line-height:1.21875rem}}.small-count{font-size:1rem;line-height:1.5rem}@media (max-width: 599px){.small-count{font-size:.9375rem;line-height:1.40625rem}}.comment-body{flex:1;width:100%}.comment-like-container{width:100%;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:.5rem}.comment-text{width:100%;text-align:left;white-space:pre-wrap}.tiny-spinner-container{width:100%;position:relative;margin:1.5rem 0}.send-comment{width:min(12ch,100%)}.delete-comment-form{width:100%}.followback{color:#dbf;font-style:italic;font-size:1rem;line-height:1.5rem}@media (max-width: 599px){.followback{font-size:.9375rem;line-height:1.40625rem}}.update-username-badge{max-height:20px;padding-right:.5rem}.review-button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.25rem}.review-button:hover{color:#f9f}.review-button:hover svg{color:#f9f}.review-button.upvoted{color:#ba6bff}.review-button.upvoted svg{color:#ba6bff}.upvotes p{font-style:italic;color:#ba6bff;font-size:.9375rem;line-height:1.40625rem}@media (max-width: 599px){.upvotes p{font-size:.875rem;line-height:1.3125rem}}.upvote-review{margin-top:1rem;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:1rem}.crystals .crystal-count{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.5rem}.inline-info{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.5rem}.fun-bits{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.25rem}.comment-interaction{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:1rem}.books-read-icon{max-height:20px}.number{font-family:Quicksand;font-variation-settings:"wght" 550;color:#edf;font-size:1rem;line-height:1.5rem}@media (max-width: 599px){.number{font-size:.9375rem;line-height:1.40625rem}}.reader-mask{height:40px;border-radius:8px;cursor:pointer}.reader-mask:hover{box-shadow:0 0 8px -1px #eee}.crystals{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:1rem}.crystals .crystal-count{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.25rem}.crystals .crystal-count img{max-height:20px}.falink{font-size:15px}.user-suggestion-modal{width:min(70ch,95vw)}#suggest-an-edit{font-size:1rem;line-height:1.5rem;cursor:pointer}@media (max-width: 599px){#suggest-an-edit{font-size:.9375rem;line-height:1.40625rem}}.form-textarea{resize:both;border-radius:7px;height:2.25rem;font-size:1.0625rem;line-height:1.59375rem}@media (max-width: 599px){.form-textarea{font-size:1rem;line-height:1.5rem}}.form-textarea{background-color:#12071c;color:#eee;border:1px solid #5f279b}.form-textarea:focus{box-shadow:0 0 6px -2px #f6d;border:1px solid #f6d}.form-textarea:focus::placeholder{color:transparent}.form-textarea::placeholder{font-size:1.0625rem;line-height:1.59375rem}@media (max-width: 599px){.form-textarea::placeholder{font-size:1rem;line-height:1.5rem}}.form-textarea::placeholder{color:#ddbbffb3}.form-textarea.invalid{border:3px solid #f33;color:#f33}.form-textarea{width:100%;height:8rem;resize:vertical;outline:none;padding:.5rem;font-family:Noto Sans,ui-sans-serif,-apple-system,Helvetica,Arial,sans-serif;font-size:1.0625rem;line-height:1.59375rem}#suggest-edit-form{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1rem;width:min(600px,100%)}#suggest-edit-title{font-size:1.25rem;line-height:1.875rem;font-weight:700}#suggest-edit-buttons{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:2rem}#suggest-edit-buttons button{width:12ch}#success{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.suggest-edit-content{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.5rem}@media (max-width: 599px){.fix-directly{padding-top:1rem}}.progress-root-book{position:relative;overflow:hidden;background:#1d112b;border-radius:99999px;border:1px solid #5f279b}.progress-root-book.interactive:hover{cursor:pointer;border:1px solid #f6d}.progress-root-book.interactive:hover .progress-indicator-book{background-color:#f6d}.progress-root-book{width:100%;height:16px;margin-top:.5rem;transform:translateZ(0)}.book-progress-container{display:flex;flex-direction:column;width:100%}.book-progress-details{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;margin-top:.25rem;font-family:inherit}.book-progress-text{font-size:.875rem;line-height:1.3125rem;color:#a195b8}.book-progress-update-btn{background:none;border:none;padding:0;margin:0;cursor:pointer;color:#ba6bff;font-size:.875rem;line-height:1.3125rem;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.25rem;font-weight:500;transition:color .12s ease}.book-progress-update-btn:hover{color:#f6d}.book-progress-update-btn .update-icon{font-size:.75rem}.progress-indicator-book{background-color:#ba6bff;width:100%;height:100%;transition:transform .66s cubic-bezier(.65,0,.35,1)}.book-progress-modal{width:min(650px,98%)}.book-progress-buttons{margin-top:1rem}.book-progress-buttons button{min-width:10ch}.book-progress-buttons{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.book-progress-inputs{margin-top:1rem;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem}.book-progress-dropdown{max-width:15ch}.book-progress-button{background-color:#1d112b}.book-progress-placeholder{color:#dbf}.update-thoughts{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.25rem;text-align:left}.update-thoughts .form-textarea{background-color:#12071c}.affinity-modal{width:min(400px,95%);max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1rem}.affinity-modal.affinity-info{width:min(70ch,95%)}.affinity-header{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem}.affinity-explanation{width:min(70ch,100%);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1rem}.affinity-stat-name{font-style:italic;color:#c9f}.affinity-stat{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.5rem;text-align:left;width:min(50ch,100%)}.affinity-label{color:#edf}.affinity-stat-icon{max-height:20px}.spinner-container{position:relative;margin-top:4rem;margin-bottom:2rem}.progress-root-book.affinity{width:min(250px,70%);margin-top:0rem}.question-icon{font-size:1rem;line-height:1.5rem}#user-page{width:100%}#user-header{position:relative;width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.25rem}@media (min-width: 900px){#user-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1.5rem}}#user-header{padding:.5rem}@media (min-width: 600px){#user-header{padding:1rem}}#user-header{border-radius:20px;background-image:linear-gradient(180deg,#1d112b,#1d112b00 85%)}#user-header-info{width:100%;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:1.5rem}@media (min-width: 1200px){#user-header-info{gap:2rem}}@media (max-width: 599px){#user-header-info{align-self:center}}#username{font-size:1.75rem;line-height:2.625rem}@media (max-width: 599px){#username{font-size:1.375rem;line-height:2.0625rem}}#username .username-at-symbol{color:#a195b8;font-style:normal;font-size:1.5rem;line-height:2.25rem}@media (max-width: 599px){#username .username-at-symbol{font-size:1.125rem;line-height:1.6875rem}}#name{font-size:1.25rem;line-height:1.875rem}@media (max-width: 599px){#name{font-size:1.125rem;line-height:1.6875rem}}#name{color:#eee;text-align:left}#user-info{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.topline-numbers{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:2.5rem}@media (max-width: 599px){.topline-numbers{row-gap:.25rem}}.topline-numbers{flex-wrap:wrap}.number-with-icon{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.5rem;min-width:6ch}.number-with-icon img{height:20px}@media (max-width: 599px){.number-with-icon img{height:18px}}.number{font-family:Quicksand;font-variation-settings:"wght" 550;color:#edf;font-size:1.125rem;line-height:1.6875rem}@media (max-width: 599px){.number{font-size:1rem;line-height:1.5rem}}.follower-numbers{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:2rem}@media (max-width: 599px){.follower-numbers{text-align:center;gap:1rem}}#user-header-actions{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;width:100%}#user-header-actions .profile-buttons{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;width:100%}@media (min-width: 900px){#user-header-actions{display:flex;flex-direction:column;align-items:center;justify-content:center;width:17ch}#user-header-actions .profile-buttons{display:flex;flex-direction:column;align-items:center;justify-content:center}}#user-header-actions button{width:min(15ch,100%)}#user-header-actions .see-affinity-link{font-size:.95rem;font-weight:500}.active{color:#f6d}.spinner-container{margin-top:5rem;width:100%}.user-spinner{position:relative;margin-top:4rem}#user-titles{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.5rem}@media (max-width: 599px){#user-titles{justify-content:center}}#updates{margin:2rem 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:100%}#username-container{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:1rem}@media (max-width: 599px){#username-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0}}#username-badge-and-link{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.5rem}.username-badge{max-height:20px}#profile-picture-container{position:relative}#profile-picture-container .storygazer-icon{position:absolute;width:24px;bottom:-5px;right:-10px;z-index:20;padding:.1rem;background-color:#1d112b;border-radius:100%;-webkit-animation:storygazer-glow 15s ease-in-out infinite alternate;-moz-animation:storygazer-glow 15s ease-in-out infinite alternate;animation:storygazer-glow 15s ease-in-out infinite alternate}#profile-picture-container .avatar{position:relative}@keyframes storygazer-glow{0%{border:1px solid #f6d;box-shadow:0 0 5px #f6d}50%{border:1px solid #ba6bff;box-shadow:0 0 5px #ba6bff}to{border:1px solid #4ddeff;box-shadow:0 0 5px #4ddeff}}#storylace-librarian{color:#a195b8;font-style:italic;font-size:1rem;line-height:1.5rem}@media (max-width: 599px){#storylace-librarian{font-size:.9375rem;line-height:1.40625rem}}#content-container{width:100%}.non-mobile{margin-top:.5rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.5rem}@media (max-width: 599px){.non-mobile{display:none}}.mobile-only-user-info{display:none;text-align:left}@media (max-width: 599px){.mobile-only-user-info{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.25rem}}.books-read{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.5rem}.small-text{font-size:.875rem;line-height:1.3125rem}.reader-card-and-kinsprit{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.kinsprit-character-container{flex:0 0 auto;line-height:0;width:245px}.kinsprit-character-container .kinsprit-character{width:245px}@media (min-width: 1200px){.kinsprit-character-container,.kinsprit-character-container .kinsprit-character{width:260px}}@media (max-width: 599px){.kinsprit-character-container,.kinsprit-character-container .kinsprit-character{width:200px;min-height:auto}}.reads-1y{text-align:left}.kinsprit-with-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.text-link{cursor:pointer;color:#eee}.text-link:hover,.text-link:focus{color:#4ddeff;text-decoration:underline}