@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";.stat-container{display:flex;flex-direction:column;padding:var(--spacing-20);background-color:var(--primary-black);color:var(--primary-white);min-height:100vh;margin-bottom:35px}.stat-title{font-size:var(--font-size-24);font-weight:var(--poppins-bold);margin-bottom:var(--spacing-20);text-align:center}.monthly-wrap-button{margin-top:var(--spacing-8);margin-bottom:var(--spacing-8);align-self:center}.leaderboard{display:flex;flex-direction:column;gap:var(--spacing-10);margin-bottom:var(--spacing-20)}.leaderboard-item{display:flex;justify-content:space-between;padding:var(--spacing-10);background-color:var(--primary-dark-grey);border-radius:var(--radius-8)}.leaderboard-rank,.leaderboard-username,.leaderboard-streak{font-size:var(--font-size-16)}.line-chart-container{display:flex;justify-content:center;align-items:center;margin:var(--spacing-4) 0;background-color:var(--primary-dark-grey);border-radius:var(--radius-8);padding-right:var(--spacing-10);padding-top:var(--spacing-10);padding-bottom:var(--spacing-10);height:280px;overflow:hidden}.leaderboard-item.highlight{background-color:var(--primary-orange)}.loading{text-align:center;font-size:var(--font-size-24);margin-top:var(--spacing-40);color:var(--primary-white)}.pie-chart-container{display:flex;justify-content:center;align-items:center;margin:var(--spacing-4) 0;background-color:var(--primary-dark-grey);border-radius:var(--radius-8);padding:var(--spacing-10)}.time-frame-dropdown,.content-dropdown{display:flex;justify-content:center;align-items:center;margin:var(--spacing-10);margin-bottom:var(--spacing-20);border:1px solid var(--primary-light-grey);padding:var(--spacing-10);max-width:-moz-fit-content;max-width:fit-content;align-self:center}.time-frame-dropdown label,.content-dropdown label{margin-right:var(--spacing-10);font-size:var(--font-size-16);color:var(--primary-white)}.time-frame-dropdown select,.content-dropdown select{padding:var(--spacing-8) var(--spacing-10);border-radius:var(--radius-8);background-color:var(--primary-dark-grey);color:var(--primary-white);border:1px solid var(--primary-orange);font-size:var(--font-size-16);cursor:pointer}.time-frame-dropdown select:focus,.content-dropdown select:focus{outline:none;box-shadow:0 0 5px var(--primary-orange)}.edit-input-container{margin:var(--spacing-20) 0;padding:var(--spacing-16);background-color:var(--primary-dark-grey);border-radius:var(--radius-8);text-align:center}.edit-input-container h3{font-size:var(--font-size-18);font-weight:var(--poppins-medium);color:var(--primary-white);margin-bottom:var(--spacing-10)}.edit-input-container input[type=number]{padding:var(--spacing-8);border-radius:var(--radius-8);border:1px solid var(--primary-orange);background-color:var(--primary-black);color:var(--primary-white);font-size:var(--font-size-16);margin-bottom:var(--spacing-10);width:100px}.edit-input-container input[type=number]:focus{outline:none;box-shadow:0 0 5px var(--primary-orange)}.edit-input-container button{padding:var(--spacing-8) var(--spacing-16);margin:var(--spacing-4);background-color:var(--primary-orange);color:var(--primary-white);border:none;border-radius:var(--radius-8);font-size:var(--font-size-16);cursor:pointer;transition:background-color .3s ease}.edit-input-container button:hover{background-color:var(--primary-light-orange)}.edit-input-container button.cancel{background-color:var(--primary-dark-grey);border:1px solid var(--primary-orange)}.edit-input-container button.cancel:hover{background-color:var(--primary-black)}@media screen and (max-width: 425px){.edit-input-container{display:flex;flex-direction:column;align-items:center}.edit-input-container button{width:-moz-fit-content;width:fit-content}}.wrapup-container{text-align:center;background-color:var(--primary-dark-grey);padding:var(--spacing-20);font-family:var(--main-font);width:100%;max-width:1000px;margin:0 auto;position:relative}.wrapup-logo{margin-top:var(--spacing-20);width:50px;height:auto;display:block;margin-left:auto;margin-right:auto}.wrapup-logo img{width:100%;height:100%}.wrapup-content{padding:var(--spacing-20);width:90%;max-width:600px;margin:0 auto;background-color:var(--secondary-dark-grey);color:var(--primary-white);border-radius:var(--radius-10);box-shadow:0 4px 20px #0000001a}.title{font-size:var(--font-size-30);margin-bottom:var(--spacing-20);color:var(--primary-white)}.stats-container{display:flex;flex-wrap:nowrap;justify-content:space-between;margin-bottom:var(--spacing-20)}.stat-card{padding:var(--spacing-10);border-radius:var(--radius-10);width:100%;height:-moz-min-content;height:min-content;box-shadow:0 2px 10px #0003;flex:1;margin:0 5px}.stat-card h2{margin-bottom:var(--spacing-10);font-size:var(--font-size-16)}.books-container{display:flex;justify-content:center;flex-wrap:nowrap;margin-bottom:var(--spacing-20)}.books-container img{width:80px;height:120px;margin:0 5px}.avg-info{background-color:var(--primary-black-rgba);padding:var(--spacing-10);margin-bottom:var(--spacing-20);border-radius:var(--radius-10);border:1px solid var(--primary-orange);font-weight:500}.charts-container{display:flex;justify-content:space-between;margin-bottom:var(--spacing-20);flex-wrap:wrap}.chart-item{width:48%;margin-bottom:var(--spacing-10)}.chart-item.wide{width:65%}.chart-item.narrow{width:33%}.download-button{background-color:var(--primary-orange);padding:var(--spacing-10);border-radius:var(--radius-10);margin-top:var(--spacing-20);color:var(--primary-white);border:none;cursor:pointer;font-size:var(--font-size-20);transition:background-color .3s}.download-button:hover{background-color:#e5724b}.custom-legend{display:flex;justify-content:center;flex-wrap:wrap;margin-top:10px}.legend-item{display:flex;align-items:center;margin-right:10px}.legend-color{width:15px;height:15px;border-radius:50%;margin-right:5px}.legend-name{font-size:12px;color:var(--primary-white)}@media (max-width: 768px){.chart-item{width:45%;margin-bottom:var(--spacing-10)}.chart-item.wide{width:60%}.chart-item.narrow{width:40%}.stat-card{flex:1;margin:0 2px}.books-container img{width:75px;height:110px}.avg-info{font-size:var(--font-size-10)}}@media (max-width: 400px){.chart-item{width:48%}.stat-card{font-size:var(--font-size-14);padding:var(--spacing-5)}.books-container img{width:70px;height:100px}}.reading-goals-container{background-color:var(--primary-dark-grey);color:var(--secondary-light-grey);font-family:var(--main-font);padding:var(--spacing-20);border-radius:var(--radius-12);box-shadow:0 4px 12px #0003;max-width:380px;width:100%;margin:var(--spacing-24) auto;text-align:center}.title{font-size:var(--font-size-22);margin-bottom:var(--spacing-16);font-weight:var(--poppins-semibold);color:var(--primary-white)}.loading-indicator{background-color:var(--secondary-dark-grey);padding:var(--spacing-8);border-radius:var(--radius-6);margin-bottom:var(--spacing-12);font-size:var(--font-size-13)}.error-message{background-color:var(--primary-red);color:var(--primary-white);padding:var(--spacing-8);border-radius:var(--radius-6);margin-bottom:var(--spacing-12);font-size:var(--font-size-13)}.goal-prompt{background-color:var(--secondary-dark-grey);padding:var(--spacing-16);border-radius:var(--radius-8);margin:var(--spacing-12) 0}.goal-prompt p{font-size:var(--font-size-15);margin-bottom:var(--spacing-12)}.goal-form{background-color:var(--secondary-dark-grey);padding:var(--spacing-16);border-radius:var(--radius-8);margin:var(--spacing-12) 0}.form-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-12);text-align:left}.form-row label{font-size:var(--font-size-14);color:var(--primary-white);flex:1}.form-row input,.form-row select{flex:2;padding:var(--spacing-8);background-color:var(--primary-grey);color:var(--primary-white);border:1px solid var(--primary-light-grey);border-radius:var(--radius-6);font-size:var(--font-size-14)}.form-row input:focus,.form-row select:focus{border-color:var(--primary-orange);outline:none}.progress-section{padding:var(--spacing-12) 0}.goal-selector{margin-bottom:var(--spacing-12)}.compact-select{padding:var(--spacing-8);background-color:var(--primary-grey);color:var(--primary-white);border:1px solid var(--primary-light-grey);border-radius:var(--radius-6);font-size:var(--font-size-14);width:100%;max-width:200px}.progress-display{background-color:var(--secondary-dark-grey);padding:var(--spacing-16);border-radius:var(--radius-8);margin:var(--spacing-12) 0}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-12)}.progress-fraction{font-size:var(--font-size-15)}.progress-number{color:var(--primary-white);font-weight:var(--poppins-semibold)}.progress-percent{font-size:var(--font-size-15);font-weight:var(--poppins-semibold);color:var(--primary-orange)}.progress-bar-container{height:10px;background-color:var(--primary-grey);border-radius:var(--radius-8);margin:var(--spacing-12) 0;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary-orange),var(--primary-red));border-radius:var(--radius-8);transition:width .6s ease-in-out}.button-row{display:flex;justify-content:space-between;gap:var(--spacing-12);margin-top:var(--spacing-16)}.primary-button{background-color:var(--primary-orange);color:var(--primary-white);padding:var(--spacing-8) var(--spacing-16);border:none;border-radius:var(--radius-6);font-size:var(--font-size-14);font-weight:var(--poppins-medium);cursor:pointer;transition:all .2s ease}.primary-button:hover{background-color:#e58a55;transform:translateY(-1px)}.secondary-button{background-color:var(--primary-grey);color:var(--secondary-light-grey);padding:var(--spacing-8) var(--spacing-16);border:1px solid var(--primary-light-grey);border-radius:var(--radius-6);font-size:var(--font-size-14);font-weight:var(--poppins-medium);cursor:pointer;transition:all .2s ease}.secondary-button:hover{background-color:var(--secondary-dark-grey);color:var(--primary-white)}.reset-button{background-color:transparent;color:var(--secondary-light-grey);padding:var(--spacing-8) var(--spacing-16);border:1px solid var(--primary-light-grey);border-radius:var(--radius-6);font-size:var(--font-size-14);margin-top:var(--spacing-12);cursor:pointer;transition:all .2s ease}.reset-button:hover{color:var(--primary-white);border-color:var(--primary-white)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 420px){.reading-goals-container{padding:var(--spacing-16);margin:var(--spacing-12) auto;border-radius:var(--radius-8)}.title{font-size:var(--font-size-18);margin-bottom:var(--spacing-12)}.form-row{flex-direction:column;align-items:flex-start}.form-row label{margin-bottom:var(--spacing-6)}.form-row input,.form-row select{width:100%}.button-row{flex-direction:column;gap:var(--spacing-8)}.primary-button,.secondary-button,.reset-button{width:100%}}@media (max-width: 320px){.reading-goals-container{padding:var(--spacing-12)}.title{font-size:var(--font-size-16)}.progress-info{flex-direction:column;gap:var(--spacing-6)}}:root{--primary-color: #000;--secondary-color: #fff;--primary-red: #DC3535;--primary-orange: #D17842;--primary-black: #0C0F14;--primary-dark-grey: #141921;--secondary-dark-grey: #21262E;--primary-grey: #252A32;--secondary-grey: #252A32;--primary-light-grey: #52555A;--secondary-light-grey: #AEAEAE;--primary-white: #FFFFFF;--primary-black-rgba: rgba(12, 15, 20, .5);--secondary-black-rgba: rgba(0, 0, 0, .7);--main-font: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;--poppins-black: "Poppins-Black";--poppins-bold: "Poppins-Bold";--poppins-extrabold: "Poppins-ExtraBold";--poppins-extralight: "Poppins-ExtraLight";--poppins-light: "Poppins-Light";--poppins-medium: "Poppins-Medium";--poppins-regular: "Poppins-Regular";--poppins-semibold: "Poppins-SemiBold";--poppins-thin: "Poppins-Thin";--font-size-8: 8px;--font-size-10: 10px;--font-size-12: 12px;--font-size-14: 14px;--font-size-16: 16px;--font-size-18: 18px;--font-size-20: 20px;--font-size-24: 24px;--font-size-28: 28px;--font-size-30: 30px;--spacing-2: 2px;--spacing-4: 4px;--spacing-8: 8px;--spacing-10: 10px;--spacing-12: 12px;--spacing-15: 15px;--spacing-16: 16px;--spacing-18: 18px;--spacing-20: 20px;--spacing-24: 24px;--spacing-28: 28px;--spacing-30: 30px;--spacing-32: 32px;--spacing-36: 36px;--radius-4: 4px;--radius-8: 8px;--radius-10: 10px;--radius-15: 15px;--radius-20: 20px;--radius-25: 25px}.session-prompt-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--primary-black-rgba);display:flex;justify-content:center;align-items:center;z-index:1000}.session-prompt-box{background:var(--secondary-dark-grey);padding:20px;border-radius:10px;box-shadow:0 4px 8px #0003;text-align:center;color:var(--secondary-light-grey)}.session-prompt-buttons{margin-top:20px;display:flex;justify-content:space-around}.confirm-btn,.cancel-btn{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px}.confirm-btn{background-color:var(--primary-orange);color:#fff}.cancel-btn{background-color:var(--primary-dark-grey);color:#fff}.reading-streaks-container{text-align:center}.not-authenticated-message{padding:20px;margin:20px;border:1px solid wheat;background-color:#21262e;color:#fff;border-radius:5px;font-size:16px;text-align:center}