.field-icon-left{margin-right:-30px}.field-icon-left.clickable{cursor:pointer}.magic-shop-modal{padding:1rem;max-height:80vh;max-width:98%;overflow:hidden;overflow-y:auto;z-index:50}.magic-shop-modal-content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:min(820px,90vw);max-width:100%;margin-top:1rem}.shopkeeper-greeting{font-size:1.5rem;line-height:2.25rem}@media (max-width: 599px){.shopkeeper-greeting{font-size:1.375rem;line-height:2.0625rem}}.shopkeeper-greeting{text-align:left;font-family:Quicksand;font-variation-settings:"wght" 400;text-wrap:pretty}.magic-shop-container{position:relative;min-height:min(650px,85vh)}@media (max-width: 599px){.magic-shop-container{min-height:min(500px,85vh)}}.magic-shop-container{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.magic-shop-bg{position:absolute;top:0;left:50%;transform:translate(-50%)}@media (max-width: 599px){.magic-shop-bg{width:555px}}.magic-shop-placeholder{height:230px}@media (max-width: 599px){.magic-shop-placeholder{height:160px}}.magic-shop-links{z-index:2;position:relative;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-width:min(50ch,95%);max-width:95%}.magic-shop-links:before{content:"";position:absolute;border-radius:24px;top:0;right:0;bottom:0;left:0;background-color:#1d112be6}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.magic-shop-links:before{background-color:#1d112bbf;-webkit-backdrop-filter:blur(1px) brightness(100%);backdrop-filter:blur(1px) brightness(100%)}}.magic-shop-links:before{box-shadow:0 0 7px #ba6bff}.magic-shop-link{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.magic-shop-link .magic-link{max-width:100%;color:#ba6bff}.magic-shop-link .magic-link p{word-break:break-all}.magic-shop-link .magic-link:hover p{color:#f9f}.shop-link-separator{flex-grow:1;width:100%;height:1px;background-image:linear-gradient(45deg,#5f279b00,#5f279b 50%,#5f279b,#5f279b00)}.shop-link-and-name{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.shop-link-name{font-family:Quicksand;font-variation-settings:"wght" 400;color:#ba6bff;font-size:1.5rem;line-height:2.25rem}@media (max-width: 599px){.shop-link-name{font-size:1.25rem;line-height:1.875rem}}.shop-link-link{font-size:.9375rem;line-height:1.40625rem}@media (max-width: 599px){.shop-link-link{font-size:.875rem;line-height:1.3125rem}}#user-profile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:min(5rem,10vh);width:100%}#reader-info{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;width:100%}@media (min-width: 1300px){#reader-info{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:4rem}}#reader-card{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:20px;background-color:#1d112b;width:100%;max-width:min(80ch,95vw);border:1px solid #302145}#reader-mask{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:1rem;background-color:#231b4d;border-radius:10px 10px 0 0;width:100%;padding-right:1rem}#reader-mask img{border-radius:7px 0 0;height:70px}@media (max-width: 599px){#reader-mask img{height:64px}}#reader-mask img:hover{border-radius:10px}#reader-mask{border-bottom:1px solid rgba(0,242,255,.2);box-shadow:inset 0 1px #ffffff1a}#no-mask{padding:.5rem}#mask-name{text-align:left;font-style:italic}#mask-link{border-radius:10px 10px 0 0;height:70px}@media (max-width: 599px){#mask-link{height:64px}}#mask-link{cursor:pointer}#mask-link:hover{transform:scale(1.02);box-shadow:0 0 8px #eee;border-radius:10px}#reader-text{padding:2rem}@media (max-width: 599px){#reader-text{padding:1rem}}#reader-text{align-self:flex-start;text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2rem;white-space:pre-line}#reader-stats{width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:1rem}@media (max-width: 720px){#reader-stats{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}}#stats-separator{align-self:stretch;background-image:linear-gradient(#5f279b00,#5f279b,#ba6bff 50%,#5f279b,#5f279b00);width:1px;margin:0 .25rem}@media (max-width: 720px){#stats-separator{width:100%;height:1px;margin:.25rem 0;background-image:linear-gradient(90deg,#5f279b00,#5f279b,#ba6bff 50%,#5f279b,#5f279b00)}}.field{color:#dbf}.field-social-links{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.5rem;flex-wrap:wrap}#reader-numbers{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;width:100%}@media (min-width: 720px){#reader-numbers{margin-right:1rem;width:auto}}.number-bar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;width:32ch;background-color:#231b4d;border-radius:5px;padding:0 1rem}.number-bar .field{margin-left:.5rem}@media (max-width: 720px){.number-bar{width:min(32ch,100%)}}.number-bar{text-align:left}#more-stats-link{width:31ch;text-align:center}#genres{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem;align-self:stretch;max-width:49%}@media (max-width: 720px){#genres{max-width:100%}}.favorite-genres{flex-grow:1;align-self:flex-start;min-width:25ch;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.25rem}@media (max-width: 720px){.favorite-genres{align-self:center;max-width:100%}}#genre-tags{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}#other-section{width:100%;justify-self:flex-start;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2rem}@media (min-width: 1300px){#other-section{width:40%}}.other-info-container{width:100%;gap:1rem;text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.other-info-container.wide-only{display:none}@media (min-width: 1300px){.other-info-container.wide-only{display:flex}}@media (min-width: 1300px){.other-info-container.narrow-only{display:none}}#other-info{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.5rem;width:100%}#currently-reading{width:100%}.swiper-slide{margin-right:0}.book-currently-read{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;text-align:center}.book-currently-read img{border-radius:7px;height:200px;width:130px}.book-currently-read p{width:20ch}.swiper-button-next,.swiper-button-prev{color:#4ddeff;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#story-dna{background-color:#0f081f;border-radius:20px;width:100%;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;border:1px solid #302145}#story-dna-bg{display:none;visibility:hidden}.dna-title{width:min(25ch,100%);background:#0f081fcc;border-radius:10px}#story-dna-swiper{width:100%}#story-dna-header{font-size:2.25rem;line-height:3.375rem;font-family:Quicksand}#story-dna-books{position:relative;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem}#story-dna-books:before{content:"";position:absolute;background-image:url(/images/storyDNA.svg);background-repeat:no-repeat;background-position:center;background-size:1200px}@media (min-width: 1200px){#story-dna-books:before{background-size:100% auto}}#story-dna-books:before{top:0;left:0;width:100%;height:100%;opacity:.4}.story-dna-book{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;text-align:center}.story-dna-book img{border-radius:7px;height:200px;width:130px}.story-dna-book p{padding:.25rem;background-color:#1d112bcc;border-radius:20px;width:20ch}#latest-updates{width:100%}#posts{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:20vh}#social-links{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:1rem;flex-wrap:wrap}.social-link{cursor:pointer;font-size:1.625rem;line-height:2.4375rem;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.25rem}.social-link img{max-height:28px}.social-link button{all:unset}.social-link button:hover svg,.social-link button:focus svg{color:#f9f}#support-links{margin-top:1rem;border-radius:20px;background-color:#231b4d;padding:.5rem;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem}.external-link-navigate{width:min(60ch,96%);text-align:center}#external-link-confirmation{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1rem;width:100%}#confirm-navigation{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}#confirm-navigation .confirm-action{width:min(15ch,40%);display:flex;flex-direction:row;align-items:center;justify-content:center}.trophy-cabinet{width:100%;margin-top:1rem;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:3rem}@media (max-width: 599px){.trophy-cabinet{gap:2rem}}.trophy-cabinet{row-gap:1rem}.trophy{height:200px;border-radius:20px}@media (max-width: 599px){.trophy{height:160px;border-radius:8px}}.trophy{cursor:pointer;-webkit-animation:trophy-box-glow 15s ease-in-out infinite alternate;-moz-animation:trophy-box-glow 15s ease-in-out infinite alternate;animation:trophy-box-glow 15s ease-in-out infinite alternate}.trophy:hover{box-shadow:0 0 9px #f6d!important;transform:scale(1.01)}@keyframes trophy-box-glow{0%{box-shadow:0 0 8px #f6d}50%{box-shadow:0 0 8px #ba6bff}to{box-shadow:0 0 8px #4ddeff}}#profile-in-progress{width:100%;position:relative}.magic-shop{width:100%;margin-top:.5rem}.magic-shop{align-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.magic-shop-btn{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;line-height:0}.magic-shop-img{max-height:200px}