.field-icon-left{margin-right:-30px}.field-icon-left.clickable{cursor:pointer}.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}#book-memory-lane{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}#header{width:100%;position:relative;display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:2rem}@media (max-width: 599px){#header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}}#header{margin-bottom:1rem}#links{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:2rem;row-gap:.25rem;margin-bottom:1rem}#adventurer-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;max-width:49%;max-height:min(400px,55vh)}@media (max-height: 450px){#adventurer-container{max-height:min(400px,80vh)}}@media (max-width: 599px){#adventurer-container{width:100%;max-width:100%;max-height:25vh}}#adventurer-container{border-radius:20px;overflow:hidden}#adventurer{transform:translateY(90px)}@media (min-width: 900px){#adventurer{transform:none}}.header-data{align-self:center;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1rem}@media (max-width: 599px){.header-data{width:100%;margin-top:0;gap:.5rem;align-items:center}.header-data #set-goal,.header-data #goal-progress,.header-data #goal-inputs{align-items:center;justify-content:center}.header-data .progress-bar-with-percent{justify-content:center}}.header-data h1{font-size:1.5rem;line-height:2.25rem;text-align:center}@media (min-width: 900px){.header-data h1{font-size:1.75rem;line-height:2.625rem;text-align:left}}@media (min-width: 1200px){.header-data h1{font-size:2.25rem;line-height:3.375rem}}.year-dropdown{margin:.5rem 0;width:min(10ch,100%)}.section{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1rem;margin-bottom:2.5rem}.section-header{width:100%}#magical-moments{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));grid-auto-rows:max-content;gap:2rem}@media (max-width: 599px){#magical-moments{gap:1rem}}#magical-moments{justify-items:center;place-items:center;margin-bottom:1rem}.magical-moment{width:100%;height:100%;max-width:300px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1rem}@media (max-width: 599px){.magical-moment{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem}}.magical-moment{background-color:#1d112b;border-radius:20px;box-shadow:0 0 7px -1px #000;padding:1rem}#book-timeline{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));grid-auto-rows:max-content;gap:2rem;margin-bottom:2rem;place-items:center}@media (max-width: 599px){#book-timeline{gap:1rem}}.timeline-book{width:100%;height:100%;max-width:300px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.5rem}@media (min-width: 1200px){.timeline-book{gap:1rem}}.timeline-book{border:1px solid #5f279b;background-color:#1d112b;box-shadow:0 0 6px -1px #5f279b;border-radius:20px;padding:1rem}.timeline-title{font-size:1.375rem;line-height:2.0625rem}@media (max-width: 599px){.timeline-title{font-size:1.25rem;line-height:1.875rem}}.cover{border-radius:7px;height:185px;width:122px}@media (min-width: 1200px){.cover{height:200px;width:129px}}.cover{cursor:pointer}.book-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;width:100%}.when{align-self:center;font-size:1.3125rem;line-height:1.96875rem}@media (max-width: 599px){.when{font-size:1.1875rem;line-height:1.78125rem}}.when{font-family:Quicksand;color:#edf}.evaluation{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:.5rem}.highlight{font-size:1.375rem;line-height:2.0625rem}@media (max-width: 599px){.highlight{font-size:1.25rem;line-height:1.875rem}}.highlight{color:#ba6bff;font-weight:500}.highlight-date{font-family:Quicksand;color:#edf}.highlight-desc{font-style:italic}.read-by{font-style:italic;color:#edf}.summary{width:100%;display:flex;flex-direction:row;align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:2.5rem}@media (min-width: 1200px){.summary{gap:4rem}}.summary{row-gap:.5rem;text-align:left;margin-bottom:.5rem}@media (max-width: 599px){.summary{gap:2rem;row-gap:.25rem;align-self:center;text-align:center;align-items:center}}.summary-metric{font-size:1.125rem;line-height:1.6875rem}@media (max-width: 599px){.summary-metric{font-size:1.0625rem;line-height:1.59375rem}}.summary-number{color:#ba6bff}#avg-score{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:.5rem}#set-goal{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1rem;margin-bottom:1rem;width:100%;text-align:left}#goal-inputs{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:.5rem;width:100%}.form-numerical-input{width:7ch;resize:both;border-radius:7px;height:2.25rem;font-size:1.0625rem;line-height:1.59375rem}@media (max-width: 599px){.form-numerical-input{font-size:1rem;line-height:1.5rem}}.form-numerical-input{background-color:#12071c;color:#eee;border:1px solid #5f279b}.form-numerical-input:focus{box-shadow:0 0 6px -2px #f6d;border:1px solid #f6d}.form-numerical-input:focus::placeholder{color:transparent}.form-numerical-input::placeholder{font-size:1.0625rem;line-height:1.59375rem}@media (max-width: 599px){.form-numerical-input::placeholder{font-size:1rem;line-height:1.5rem}}.form-numerical-input::placeholder{color:#ddbbffb3}.form-numerical-input.invalid{border:3px solid #f33;color:#f33}.form-numerical-input::-webkit-outer-spin-button,.form-numerical-input::-webkit-inner-spin-button{-webkit-appearance:none}#goal-type-dropdown{width:min(20ch,100%)}#set-goal-button{width:min(16ch,100%)}.progress-root{position:relative;overflow:hidden;background:#1d112b;border-radius:99999px;border:1px solid #5f279b;width:min(250px,90%);height:10px;transform:translateZ(0)}.progress-indicator{background-color:#ba6bff;width:100%;height:100%;transition:transform 50ms cubic-bezier(.65,0,.35,1)}#reading-wishlist-progress{width:min(400px,100%);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.5rem;text-align:left}.progress-bar-with-percent{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.5rem;flex-grow:1}#goal-progress{width:100%;min-width:min(300px,100%);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.25rem}#spinner-container{position:relative;margin-top:4rem}#page-content{padding-top:0}@media (max-width: 599px){#page-content{padding:.5rem}}#back-to-quests{position:absolute;top:10px;left:10px;background-color:#1d112b;border-radius:10px;padding:.5rem;z-index:1}.reads-calendar{align-self:center;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:2rem;row-gap:.5rem}@media (max-width: 599px){.reads-calendar{gap:1rem;row-gap:.5rem}}@media (max-width: 400px){.reads-calendar{gap:.5rem}}@media (min-width: 1250px){.reads-calendar{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);place-items:center}}.reads-calendar .clickable-month{cursor:pointer;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.reads-calendar .clickable-month:hover{transform:scale(1.05);box-shadow:0 0 15px #ba6bffb3}.calendar-month{border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem}.calendar-month-name{font-size:1.25rem;line-height:1.875rem}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}@media (max-width: 599px){.calendar-grid{gap:2px}}.calendar-grid .calendar-day{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:#1c0e29;border-radius:50%;text-align:center;width:20px;height:20px}@media (max-width: 599px){.calendar-grid .calendar-day{width:15px;height:15px}}@media (max-width: 384px){.calendar-grid .calendar-day{width:14px;height:14px}}@media (min-width: 1050px){.calendar-grid .calendar-day{width:33px;height:33px}}@media (min-width: 1480px){.calendar-grid .calendar-day{width:40px;height:40px}}.calendar-grid .calendar-day.heatmap-1{background-color:#3f1f66}.calendar-grid .calendar-day.heatmap-2{background-color:#7232bd}.calendar-grid .calendar-day.heatmap-3{background-color:#a952f5}.calendar-grid .calendar-day.heatmap-3 .calendar-day-number{color:#080412;font-weight:700}.calendar-grid .calendar-day.heatmap-4{background-color:#df8cff;box-shadow:0 0 6px #ff66dd8c}.calendar-grid .calendar-day.heatmap-4 .calendar-day-number{color:#080412;font-weight:700}.calendar-grid .calendar-day.today{border:1px solid #eee}.calendar-grid .calendar-day.today .calendar-day-number{display:block}.calendar-grid .calendar-day .calendar-day-number{display:none}.calendar-grid .calendar-day:hover .calendar-day-number{display:block}.calendar-grid .calendar-day:has(.book-finished-icon),.calendar-grid .calendar-day:has(.calendar-cover){border:1px solid #ba6bff;box-shadow:0 0 5px #ba6bff}.calendar-magic-purple{color:#ba6bff}.calendar-day-number{-webkit-user-select:none;user-select:none;font-family:Quicksand;color:#eee;font-size:.875rem;line-height:1.3125rem}@media (max-width: 599px){.calendar-day-number{font-size:.6875rem;line-height:1.03125rem}}.book-finished-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px}@media (max-width: 599px){.book-finished-icon{width:15px;height:15px}}@media (max-width: 384px){.book-finished-icon{width:14px;height:14px}}@media (min-width: 1480px){.book-finished-icon{width:26px;height:26px}}.calendar-cover{z-index:1;position:absolute;border-radius:50%;clip-path:circle(10px at center);overflow:hidden;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:31px}@media (max-width: 599px){.calendar-cover{width:17px;height:26px;clip-path:circle(8px at center)}}@media (max-width: 384px){.calendar-cover{clip-path:circle(7px at center)}}@media (min-width: 1050px){.calendar-cover{width:30px;height:45px;clip-path:circle(16px at center)}}@media (min-width: 1480px){.calendar-cover{width:39px;height:60px;clip-path:circle(20px at center)}}.calendar-info{margin-top:1rem}.circle-icon{font-size:.8125rem;line-height:1.21875rem}.calendar-grid-legend{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2rem;margin-top:.75rem}.calendar-heatmap-scale{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.4rem;color:#a195b8}.heatmap-swatch{display:inline-block;width:14px;height:14px;border-radius:50%;border:1px solid rgba(95,39,155,.5)}.heatmap-swatch.heatmap-0{background-color:#1c0e29}.heatmap-swatch.heatmap-1{background-color:#3f1f66}.heatmap-swatch.heatmap-2{background-color:#7232bd}.heatmap-swatch.heatmap-3{background-color:#a952f5}.heatmap-swatch.heatmap-4{background-color:#df8cff;box-shadow:0 0 5px #ff66dd8c}.month-detail-view{width:100%;max-width:700px}@media (max-height: 850px){.month-detail-view{max-width:500px}}.month-detail-view{align-self:center;padding:1rem;background-color:#1d112b;border-radius:20px;border:1px solid #5f279b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.month-detail-header{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.month-detail-header h2{font-size:1.5rem;line-height:2.25rem;color:#ba6bff}.month-detail-header .month-title{width:120px}@media (max-width: 599px){.month-detail-header .month-title{width:100px}}.month-detail-header .month-header-title-container{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.5rem}.month-detail-header .month-navigation{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem}.month-detail-header .month-navigation .arrow{width:30px;height:30px;cursor:pointer;border-radius:50%;transition:all .12s ease-in-out}.month-detail-header .month-navigation .arrow:hover{transform:scale(1.01);box-shadow:0 0 8px 1px #e1b42c}.month-detail-header .month-navigation .arrow:active{transform:scale(.98)}@media (max-width: 599px){.month-detail-header .month-navigation .arrow{width:20px;height:20px}}.month-detail-grid{width:100%;display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.month-detail-day-name{text-align:center;font-weight:700;color:#edf}.month-detail-day{position:relative;background-color:#302145cc;border-radius:10px;aspect-ratio:3/4;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:5px}.month-detail-day.empty{background-color:transparent}.month-detail-day-number{font-family:Quicksand;color:#eee}@media (max-width: 599px){.month-detail-day-number{font-size:.8125rem;line-height:1.21875rem}}.month-detail-day-number{z-index:3}.month-detail-cover{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;border-radius:10px}.month-detail-book-finished-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;height:50%}.month-detail-day-header{position:absolute;top:25%;left:50%;transform:translate(-50%);background-color:#1d112b;border-radius:10px;z-index:2}.month-evaluation .heart{width:18px;margin:0 4px}@media (max-width: 599px){.month-evaluation .heart{margin:0 2px}}.month-evaluation{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:0}.month-evaluation .score{font-size:.9375rem;line-height:1.40625rem}@media (max-width: 599px){.month-evaluation .score{font-size:.875rem;line-height:1.3125rem}}.month-evaluation .month-recommendation{line-height:0}.pages-read-footer{width:max-content;font-size:.875rem;line-height:1.3125rem}@media (max-width: 599px){.pages-read-footer{font-size:.8125rem;line-height:1.21875rem}}.pages-read-footer{color:#eee;font-style:italic;position:absolute;bottom:0;left:50%;transform:translate(-50%);text-align:center;background-color:#000000b3;padding:4px;border-radius:10px}.pages-read-footer svg{color:#ba6bff}