:root{--main-background: #231942;--main-text: white;--secondary-background: #5E548E;--secondary-text: black !important;--accent-background: #E0B1CB;--accent-text: black;--border-radius: 1rem;--border-radius-small: .5rem}body{background-color:var(--main-background);margin:0;padding:0;font-family:Literata,serif}h1{font-family:Literata,serif;font-size:4rem;font-weight:800;text-align:center;text-shadow:0 4px 10px rgba(0,0,0,.4)}h2{font-family:Literata,serif;font-weight:800;font-size:2rem;text-align:center;text-shadow:0 4px 10px rgba(0,0,0,.2)}h3{font-family:Literata,serif;font-weight:800;font-size:1.5rem;text-align:center;text-shadow:0 4px 10px rgba(0,0,0,.1)}h4{font-family:Literata,serif;font-weight:800;font-size:1.25rem;text-align:center;text-shadow:0 4px 10px rgba(0,0,0,.1)}p{font-family:Literata,serif;font-size:1rem}textarea{width:100%;resize:none;overflow:hidden;border-radius:var(--border-radius-small);line-height:2;font-family:Literata,serif;font-size:1rem;padding:1rem}button,input,select{box-shadow:0 4px 10px #0003}.clickable{cursor:pointer}.header{background-color:var(--main-background);width:100%;height:15vh;display:flex;justify-content:space-evenly;align-items:center}.logo{height:85%;width:auto;border-radius:var(--border-radius-small);color:var(--accent-text)!important;background-color:var(--accent-background);box-shadow:0 4px 10px #0003}.outerTabs{width:100%;height:15vh;background-color:var(--main-background);display:flex;justify-content:center;align-items:center}.tabContainer{width:85%;height:95%;display:flex;justify-content:center;align-items:center;background-color:var(--secondary-background);border-radius:var(--border-radius);box-shadow:0 0 16px 3px #0003;z-index:1}.tabs{position:relative;display:flex;width:100%;height:100%;justify-content:space-evenly;align-items:center}.timeframe-indicator{position:absolute;bottom:10px;height:6px;width:14.5%;border-radius:var(--border-radius);border:2px solid var(--accent-text);background:var(--accent-background);z-index:1;transition:left .4s cubic-bezier(.4,1.7,.7,1.01);left:0}.timeframe-indicator[data-selected=cards]{left:1.5%}.timeframe-indicator[data-selected=relations]{left:18%}.timeframe-indicator[data-selected=decks]{left:34.5%}.timeframe-indicator[data-selected=spreads]{left:51%}.timeframe-indicator[data-selected=readings]{left:67%}.timeframe-indicator[data-selected=account]{left:84%}.outerPanel{width:100%;min-height:72vh;padding-bottom:4rem;display:flex;justify-content:center;align-items:flex-start}.title{color:var(--main-text)}.loginBtn{padding:1rem;border-radius:var(--border-radius);font-family:Literata,serif;outline:none;border:2px solid transparent;font-size:1rem;font-weight:700;background-color:var(--main-text);color:var(--main-background);cursor:pointer}.tabs button{padding:1.5rem;border-radius:var(--border-radius);font-family:Literata,serif;outline:none;border:2px solid var(--accent-text);font-size:1rem;font-weight:700;text-decoration:none;color:var(--accent-text);display:flex;justify-content:center;align-items:center}.tabs a{padding:1rem .5rem;border-radius:var(--border-radius);font-family:Literata,serif;outline:none;border:2px solid var(--accent-text);font-size:1rem;font-weight:700;text-decoration:none;color:var(--accent-text);width:13%;display:flex;justify-content:center;align-items:center}.tabs a.selected{background-color:var(--accent-background);color:var(--accent-text);border-color:var(--accent-text)}.noclick{cursor:default}.infoBtn{padding:0;border-radius:var(--border-radius);font-family:Literata,serif;outline:none;border:2px solid transparent;font-size:2rem;font-weight:700;background-color:transparent;color:var(--main-text);cursor:pointer;box-shadow:none}.infoModals{width:100%;display:flex;flex-direction:column;align-items:center;overflow-y:scroll}.infoModalPt{background-color:var(--accent-background);width:85%;padding:1rem;border-radius:var(--border-radius);display:flex;column-gap:2%;justify-content:flex-start;align-items:center;color:var(--accent-text);box-shadow:0 4px 10px #0003}.scrollTopBtn{position:fixed;bottom:24px;right:24px;z-index:9999;background:var(--accent-background);color:var(--accent-text);border:none;border-radius:50%;width:48px;height:48px;font-size:20px;cursor:pointer;box-shadow:0 4px 12px #00000040;transition:opacity .2s ease,transform .2s ease}.scrollTopBtn:hover{transform:scale(1.1)}@media(max-width:767px){html,body{margin:0;padding:0;height:100%}body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}h2{font-size:2.5rem}h3{font-family:Literata,serif;font-weight:800;font-size:2rem}h4{font-size:1.5rem}p{font-family:Literata,serif;font-size:1.2rem}.modal-content{background-color:var(--secondary-background);padding:0;margin:0;width:100%;height:100vh!important;max-height:100vh!important}.menuTitle{margin:0;color:var(--secondary-text)!important;width:100%;height:15%;display:flex;justify-content:center;align-items:center;padding:2.5% 0%}.menuLinks{display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:1rem!important}.menuLinks a{font-family:Literata,serif;font-weight:800;font-size:1.5rem;text-decoration:none;color:var(--secondary-text);padding:1rem}.menuLoginBtn{padding:1rem;border-radius:var(--border-radius);font-family:Literata,serif;outline:none;border:2px solid transparent;font-size:1rem;font-weight:700;background-color:var(--main-text);color:var(--main-background);cursor:pointer}.tabs button{background-color:var(--accent-background)}}.panel{width:100%;min-height:100%;display:flex;flex-direction:column;align-items:center}.panelTitle{margin:0;background-color:var(--main-background);color:var(--main-text);width:85%;height:15%;display:flex;column-gap:5%;justify-content:center;align-items:center;padding-left:0%;padding-right:0%;text-align:center}.outerCardsGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:85%;margin:0 auto;padding:16px 16px 4rem;box-sizing:border-box;height:auto}.cardHeading{margin:0;background-color:var(--main-background);color:var(--main-text);width:100%;height:15%;display:flex;justify-content:center;align-items:center;padding:2.5% 0%;column-gap:5%}.backBtn{padding:1rem;border-radius:var(--border-radius);font-family:Literata,serif;outline:none;border:2px solid transparent;font-size:1rem;font-weight:700;background-color:var(--main-text);color:var(--main-background);cursor:pointer}.panelHeader{display:flex;background-color:bisque;width:85%}.cardDescription{width:85%;height:900%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--main-text)}.cardEditInput{width:95%;display:flex;flex-direction:column;align-items:center}.cardEditInput label{padding:1rem}.cardImgInnerBorder{background-color:var(--accent-background);width:25%;padding:1rem;border-radius:var(--border-radius);box-shadow:0 4px 10px #0006}.cardImgs{width:85%;background-color:var(--main-background);display:flex;justify-content:center;align-items:center;column-gap:5%;padding-top:2.5%;padding-bottom:2.5%;border-radius:var(--border-radius);box-shadow:0 4px 10px #0006}.innerCardImgs{width:85%;background-color:var(--secondary-background);display:flex;justify-content:center;align-items:center;column-gap:5%;padding-top:2.5%;padding-bottom:2.5%;border-radius:var(--border-radius);box-shadow:0 4px 10px #0006}.innerCardImg{width:100%;border-radius:var(--border-radius);box-shadow:0 4px 10px #0003}.innerCardTitle{margin:0;padding:0}.cardParagraph{line-height:2}.cardsSearchDiv{margin:0;background-color:var(--secondary-background);color:var(--secondary-text);width:85%;height:15%;display:flex;justify-content:space-evenly;align-items:center;padding:2.5% 0%;text-align:center;border-radius:var(--border-radius);box-shadow:0 4px 10px #0003}.cardsTextSearchDiv{width:60%;display:flex;justify-content:space-evenly;align-items:center}.cardsTextSearchDiv input{width:100%;background-color:var(--main-background);color:var(--main-text);padding:.5rem;border-radius:var(--border-radius-small);font-family:Literata,serif;font-size:1rem;margin-right:2.5%;margin-left:2.5%;border:none}.cardsTextSearchDiv button{padding:.75rem;border-radius:var(--border-radius);font-family:Literata,serif;outline:none;border:2px solid transparent;font-size:1rem;font-weight:700;background-color:var(--accent-background);color:var(--accent-text);cursor:pointer}.cardsSelectSearchDiv{width:30%;display:flex;justify-content:center;align-items:center}.cardsSelectSearchDiv select{width:100%;background-color:var(--main-background);color:var(--main-text);padding:.5rem;border-radius:var(--border-radius-small);font-family:Literata,serif;font-size:1rem;margin-right:2.5%;margin-left:2.5%;border:none}.outerCardSuit{width:100%}.suitHeading{color:var(--main-text)}.outerEditBtn{padding-top:1rem;padding-bottom:1rem;display:flex;justify-content:center;align-items:center;column-gap:5%;width:100%}@media(max-width:767px){.outerCardsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:100%;margin:0 auto;padding:16px 16px 4rem;box-sizing:border-box;height:auto}.cardImgInnerBorder{width:45%;padding:.5rem}.cardImgs{background-color:transparent;box-shadow:none}.innerCardTitle{font-size:2rem}.cardHeading{width:90%;margin-bottom:5%}}.cardImgOuter{background-color:var(--secondary-background);display:flex;justify-content:space-between;align-items:center;padding:.5rem;border-radius:var(--border-radius);box-shadow:0 4px 10px #0003}.cardOuter{perspective:1000px;width:100%;min-height:20rem;cursor:pointer}.cardFlip{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s ease}.cardOuter:hover .cardFlip{transform:rotateY(180deg)}.cardFace{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:var(--border-radius);padding:12px;box-sizing:border-box;background-color:var(--accent-background);box-shadow:0 4px 10px #0006;display:flex;justify-content:space-evenly;align-items:center;flex-direction:column}.cardFront{display:flex;flex-direction:column;align-items:center}.cardBack{transform:rotateY(180deg);background-color:var(--secondary-background);color:var(--secondary-text);display:flex;flex-direction:column;justify-content:center;overflow:hidden}.cardImgBorder{width:48%;height:100%;height:auto}.cardImg{width:100%;height:auto;border-radius:var(--border-radius-small);box-shadow:0 4px 10px #0003}.cardTitle{text-align:center;margin:0;padding:0}.cardDesc{margin:0;padding:0}.cardBackTitle{text-align:center}.cardKeywords{margin:4px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-word}@media(max-width:767px){.cardOuter{padding-bottom:50%}.cardTitle{padding:0;margin-top:2.5%;margin-bottom:2.5%}.cardDesc{margin:0;padding:0}.cardImgBorder{width:100%}}.card3dWrapper,.card3dWrapper *{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.card3dWrapper{width:320px;height:520px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.card3dWrapper:active{cursor:grabbing}.card3d{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .05s linear}.card3dScene{border-radius:var(--border-radius)}.physCardFace{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:12px;overflow:hidden;box-shadow:0 25px 50px #0006}.physCardFace img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.physCardFront{transform:translateZ(1px)}.physCardBack{transform:rotateY(180deg)}.cardEdge{position:absolute;background:#222}.edgeTop,.edgeBottom{width:100%;height:6px;left:0}.edgeTop{top:0;transform:rotateX(90deg) translateZ(3px)}.edgeBottom{bottom:0;transform:rotateX(-90deg) translateZ(3px)}.edgeLeft,.edgeRight{width:6px;height:100%;top:0}.edgeLeft{left:0;transform:rotateY(-90deg) translateZ(3px)}.edgeRight{right:0;transform:rotateY(90deg) translateZ(3px)}.cardLight{position:absolute;inset:0;z-index:2;pointer-events:none;mix-blend-mode:soft-light}.relationCardIcons{width:85%;background-color:var(--secondary-background);display:flex;justify-content:center;align-items:center;column-gap:5%;padding-top:2.5%;padding-bottom:2.5%;border-radius:var(--border-radius);margin-bottom:2.5%;box-shadow:0 4px 10px #0003}.relationCardImg{width:100%;height:auto;border-radius:1rem;z-index:5;box-shadow:0 4px 10px #0003}.centerPlus{font-size:5rem}.modal{display:none;position:fixed;z-index:7;left:0;top:0;width:100%;height:100%;background-color:#000;background-color:#0006;justify-content:center;align-items:center}.modal-content{background-color:var(--secondary-background);padding:20px;width:min(90vw,1100px);max-height:85vh;display:flex;flex-direction:column;overflow:hidden;border-radius:1rem}.modal-content h2{background-color:var(--secondary-background);position:sticky;top:0;z-index:2;padding-bottom:8px;color:#000}.close{color:var(--secondary-text);float:right;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.modalOuterCardsGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:85%;margin:0 auto;padding:16px 16px 4rem;box-sizing:border-box;height:auto}.modalOuterCards{flex:1;width:100%;overflow-y:auto;background-color:var(--main-background);display:flex;flex-direction:column;justify-content:flex-start;border-radius:var(--border-radius);box-shadow:0 4px 10px #0003}.relationCardWrapper{background-color:var(--accent-background);width:25%;padding:1rem;border-radius:var(--border-radius);z-index:6;cursor:pointer;box-shadow:0 0 16px 3px #0006}.sparkleOverlay{position:fixed;inset:0;background:#0000008c;z-index:4;pointer-events:none;animation:fadeOverlay 3s ease forwards}@keyframes fadeOverlay{0%{opacity:0}15%{opacity:1}85%{opacity:1}to{opacity:0}}.centerPlusWrapper{width:80px;height:80px;position:relative;display:flex;align-items:center;justify-content:center}.centerPlus{font-size:5rem;line-height:1;color:var(--secondary-text)}.modalCardImg{width:100%;height:auto;border-radius:var(--border-radius)}.modalCardImgOuter{background-color:var(--secondary-background);width:80%;display:flex;justify-content:space-between;align-items:center;padding:.5rem;border-radius:var(--border-radius);box-shadow:0 4px 10px #0003}.modalCardFace{height:100%;background-color:var(--accent-background);justify-content:center;align-items:center;display:flex;flex-direction:column;padding-top:2.5%;padding-bottom:2.5%;border-radius:var(--border-radius);cursor:pointer;box-shadow:0 4px 10px #0006}.cardBackOverlayWrapper{position:relative;display:inline-block}.cardBackText{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:#00000073;pointer-events:none;text-shadow:0 0 6px rgba(255,255,255,.5);border-radius:var(--border-radius);text-align:center}.enterBtn{padding:1rem;border-radius:var(--border-radius);font-family:Literata,serif;outline:none;border:2px solid transparent;font-size:1rem;font-weight:700;background-color:var(--main-text);color:var(--main-background);cursor:pointer;margin-bottom:.5rem;margin-top:.5rem}.modalCardImgBorder{width:48%;height:100%;height:auto;display:flex;justify-content:center;align-items:center}.cardEffectLayer{position:relative;width:100%;z-index:6}.modalPanelTitle{margin:0;color:var(--secondary-text)!important;width:100%;height:15%;display:flex;justify-content:center;align-items:center;padding:2.5% 0%;text-align:center}.relationParagraph{line-height:2}@media(max-width:767px){.relationCardIcons{background-color:transparent!important;margin-bottom:10%;margin-top:5%}.modalOuterCardsGrid{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.modalCardImgBorder{width:100%;height:auto}.cardTitle{width:90%;font-size:1.5rem}.cardDesc{width:90%;text-align:center}.relationCardWrapper{padding:.5rem;width:100%}}.sparkles{position:absolute;inset:0;z-index:10;pointer-events:none;color:var(--accent-background)}.sparkles svg{position:absolute;width:18px;aspect-ratio:1;transform-origin:center;transform:scale(0);animation:sparkle 2.5s ease-out forwards;animation-delay:calc(var(--d) * .25s);filter:drop-shadow(0 0 2px #000000) drop-shadow(0 0 4px #000000)}@keyframes sparkle{0%{transform:scale(0)}40%{transform:scale(1.3)}70%{transform:scale(1)}to{transform:scale(.2)}}.sparkles svg:nth-child(1){top:10%;left:20%}.sparkles svg:nth-child(2){top:70%;left:15%}.sparkles svg:nth-child(3){top:40%;left:50%}.sparkles svg:nth-child(4){top:60%;left:75%}.sparkles svg:nth-child(5){top:25%;left:85%}.outerDeckGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:85%;margin:0 auto;padding:16px 16px 4rem;box-sizing:border-box;height:auto}.deckOuter{height:100%;background-color:var(--accent-background);justify-content:center;align-items:center;display:flex;flex-direction:column;padding-top:2.5%;padding-bottom:2.5%;border-radius:var(--border-radius);cursor:pointer;position:relative;border:.25rem solid var(--accent-background);box-shadow:0 4px 10px #0006}.deckCheckmark{position:absolute;top:-.5rem;right:-.5rem;width:2.5rem;height:2.5rem;background-color:var(--secondary-background);color:var(--secondary-text);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;z-index:5;box-shadow:0 2px 6px #00000040}.selectedDeck{border-color:var(--secondary-background)!important}.deckImgOuter{background-color:var(--secondary-background);width:80%;display:flex;justify-content:space-between;align-items:center;padding:.5rem;border-radius:var(--border-radius)}.deckImg{width:100%;height:auto;border-radius:var(--border-radius)}.deckTitle{font-size:1.5rem;text-align:center;margin:0;padding:0}.deckDesc{padding:0;font-size:.85rem;margin:4px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;word-break:break-word;width:90%}.deckImgBorder{width:48%;height:100%;height:auto;display:flex;justify-content:center;align-items:center}@media(max-width:767px){.outerDeckGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}.outerSpreadsGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;row-gap:2rem;width:85%;margin:0 auto;padding:16px 16px 4rem;box-sizing:border-box;height:auto}.spreadOuter{height:100%;background-color:var(--accent-background);justify-content:space-evenly;align-items:center;display:flex;flex-direction:column;padding-top:2.5%;padding-bottom:2.5%;border-radius:var(--border-radius);cursor:pointer;box-shadow:0 4px 10px #0006}.spreadImgOuter{background-color:var(--secondary-background);width:80%;display:flex;justify-content:space-evenly;align-items:center;padding:.5rem;border-radius:var(--border-radius);box-shadow:0 4px 10px #0003}.spreadImg{width:100%;height:auto;border-radius:var(--border-radius-small);color:var(--accent-text)}.innerSpreadImg{width:100%;height:auto;border-radius:var(--border-radius-small)}.spreadTitle{text-align:center;margin:0;padding:0;display:flex;justify-content:center;align-items:center;width:85%}.spreadDesc{padding:0;font-size:.85rem;margin:4px 0;width:85%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;text-align:center}.spreadImgBorder{width:30%;height:100%;height:auto;display:flex;justify-content:center;align-items:center;background-color:var(--accent-background);border-radius:var(--border-radius-small);box-shadow:0 4px 10px #0003}.spreadCardImgs{width:85%;background-color:var(--secondary-background);display:flex;justify-content:center;align-items:center;column-gap:5%;padding-top:2.5%;padding-bottom:2.5%;border-radius:var(--border-radius);box-shadow:0 4px 10px #0006}@media(max-width:767px){.outerSpreadsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.spreadTitle{font-size:1.5rem}.spreadDesc{-webkit-line-clamp:6}}.readingsInfo{background-color:var(--accent-background);width:85%;height:fit-content;display:flex;justify-content:center;align-items:center;border-radius:var(--border-radius);margin-bottom:2.5%}.readingsInfo p{width:95%;display:flex;justify-content:center;align-items:center;column-gap:2.5%;color:var(--accent-text)}.readingsForm{width:85%;height:70%;display:flex;flex-direction:column;justify-content:center;align-items:center}.readingsCheckboxOuter{width:100%;padding-top:2.5%;padding-bottom:2.5%;display:flex;justify-content:center;align-items:center;background-color:var(--secondary-background);column-gap:2.5%;border-radius:var(--border-radius);box-shadow:0 4px 10px #0003}.readingsCheckboxOuter label{font-weight:700;color:var(--secondary-text)}.topForm{background-color:var(--secondary-background);border-radius:var(--border-radius);width:100%;margin-bottom:2.5%;box-shadow:0 4px 10px #0003}.readingsInputOuter{width:100%;padding-top:2.5%;padding-bottom:2.5%;display:flex;justify-content:space-between}.readingsInputOuter label{display:flex;justify-content:center;align-items:center;padding-left:2.5%;padding-right:2.5%;font-weight:700;color:var(--secondary-text)}.readingsInputOuter select{width:50%;background-color:var(--main-background);color:var(--main-text);padding:.5rem;border-radius:var(--border-radius-small);font-family:Literata,serif;font-size:1rem;margin-right:2.5%;margin-left:2.5%;border:none}.readingsInputOuter input{width:48%;background-color:var(--main-background);color:var(--main-text);padding:.5rem;border-radius:var(--border-radius-small);font-family:Literata,serif;font-size:1rem;margin-right:2.5%;margin-left:2.5%;border:none}.checkReadingCardWrapper{position:relative;background-color:var(--accent-background);width:25%;padding:1rem;border-radius:var(--border-radius);cursor:pointer;z-index:7;overflow:visible;box-shadow:0 4px 10px #0006}.readingCardWrapper{position:relative;display:flex;align-items:center;justify-content:center}.readingCardImg{width:100%;height:auto;border-radius:1rem;z-index:5;box-shadow:0 4px 10px #0003}.readingsCards{width:100%;background-color:var(--secondary-background);display:flex;justify-content:center;align-items:center;column-gap:5%;padding-top:2.5%;padding-bottom:2.5%;border-radius:var(--border-radius)}.upside-down{transform:rotate(180deg)}.getReadingBtn{padding:1rem;border-radius:var(--border-radius);font-family:Literata,serif;outline:none;border:2px solid transparent;font-size:1rem;font-weight:700;background-color:var(--main-text);color:var(--main-background);cursor:pointer;margin-bottom:2.5%}.outerReading{padding-bottom:5%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--main-text);background-color:var(--main-background)}.outerReading h2{padding:0}.reversedInput{display:flex;align-items:center;justify-content:center;padding-top:2.5%;padding-bottom:2.5%}input[type=checkbox]{box-sizing:border-box;width:2rem;height:2rem;margin:6px;padding:0;border:2px solid var(--secondary-text);appearance:none;border-radius:var(--border-radius-small);background-color:transparent;outline:none;transition:outline .1s}input[type=checkbox]:checked{background-size:cover;padding:2px}input[type=checkbox]:not(:disabled):checked{border-color:var(--secondary-text);background-size:cover;background-repeat:no-repeat;background-position:center;color:var(--accent-background);background-image:url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'> <path fill='white' d='M93.781 51.578C95 50.969 96 49.359 96 48c0-1.375-1-2.969-2.219-3.578 0 0-22.868-1.514-31.781-10.422-8.915-8.91-10.438-31.781-10.438-31.781 C50.969 1 49.375 0 48 0s-2.969 1-3.594 2.219 c0 0-1.5 22.87-10.406 31.781-8.908 8.913-31.781 10.422-31.781 10.422 C1 45.031 0 46.625 0 48c0 1.359 1 2.969 2.219 3.578 0 0 22.873 1.51 31.781 10.422 8.906 8.911 10.406 31.781 10.406 31.781 C45.031 95 46.625 96 48 96s2.969-1 3.562-2.219 c0 0 1.523-22.871 10.438-31.781 8.913-8.908 31.781-10.422 31.781-10.422Z'/> </svg>")}.readingResultCard{display:flex;flex-direction:column;justify-content:center;align-items:center;width:85%}.tableOfContents li{cursor:pointer;color:var(--secondary-text)}.tableOfContents li:hover{color:var(--accent-background);text-shadow:0 4px 10px rgba(0,0,0,1)}.readingParagraph{line-height:2;width:95%}.combinedRelation{display:flex;flex-direction:column;justify-content:center;align-items:center;width:85%}.topReadingOuter{background-color:var(--secondary-background);width:100%;display:flex;flex-direction:column;align-items:center;border-radius:var(--border-radius);padding-top:2.5%;padding-bottom:2.5%;color:var(--secondary-text);box-shadow:0 4px 10px #0003}.topInnerReadingOuter{background-color:var(--secondary-background);width:85%;display:flex;flex-direction:column;align-items:center;border-radius:var(--border-radius);padding-top:2.5%;padding-bottom:2.5%;color:var(--secondary-text);margin-top:2.5%;box-shadow:0 4px 10px #0003}.tableContentsTitle{margin:0;padding:0;display:flex;justify-content:center;align-items:center}.readingPanelTitle{margin:0 0 2.5%;color:var(--secondary-text);width:100%;height:15%;display:flex;justify-content:center;align-items:center;padding:2.5% 0%}.editNoteBtn{padding:1rem;border-radius:var(--border-radius);font-family:Literata,serif;outline:none;border:2px solid transparent;font-size:1rem;font-weight:700;background-color:var(--main-text);color:var(--main-background);cursor:pointer}.editNotesText{padding:1rem;margin-bottom:1rem;background-color:var(--secondary-background);color:var(--secondary-text)}.outerReading.pdf-export{background-color:#fff!important}.outerReading.pdf-export,.outerReading.pdf-export *,.outerReading.pdf-export .topReadingOuter,.outerReading.pdf-export .topInnerReadingOuter,.outerReading.pdf-export .readingResultCard,.outerReading.pdf-export .combinedRelation{background-color:#fff!important;color:#000!important}.outerReading.pdf-export h1,.outerReading.pdf-export h2,.outerReading.pdf-export h3,.outerReading.pdf-export h4,.outerReading.pdf-export h5,.outerReading.pdf-export h6,.outerReading.pdf-export .readingParagraph,.outerReading.pdf-export p,.outerReading.pdf-export li,.outerReading.pdf-export ul,.outerReading.pdf-export div{color:#000!important;background-color:transparent!important}.outerReading.pdf-export .tableOfContents li{cursor:default!important;color:#000!important}.outerReading.pdf-export .topReadingOuter,.outerReading.pdf-export .topInnerReadingOuter{box-shadow:none!important}.outerReading.pdf-export button{display:none!important}@media(max-width:767px){.readingsInfo,.topForm{margin-bottom:5%}.readingsCheckboxOuter{margin-bottom:2.5%}.checkReadingCardWrapper{width:30%;padding:.5rem}.readingsCards{background-color:transparent}}.deckCardDesc{background-color:var(--accent-background);width:85%;height:10%;text-align:center;border-radius:var(--border-radius);color:var(--accent-text);margin-bottom:2.5%;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 10px #0003}.deckCardDesc p{width:95%}.outerDeckCardGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:85%;margin:0 auto;padding:16px 16px 4rem;box-sizing:border-box;height:auto}.topOuterDeckCardGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:44%;margin:0 auto;padding:16px 16px 4rem;box-sizing:border-box;height:auto;justify-content:center}.topDeckCardOuter,.deckCardOuter{background-color:var(--accent-background);border-radius:var(--border-radius);width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;padding-top:2.5%;box-shadow:0 4px 10px #0006}.deckCardImgOuter{display:flex;justify-content:center;align-items:center;width:85%;height:fit-content}.deckCardImg{width:100%;height:auto;border-radius:var(--border-radius);background-color:var(--secondary-background);color:var(--secondary-text)}.deckHeadingBtn{padding:1rem;border-radius:var(--border-radius);font-family:Literata,serif;outline:none;border:2px solid transparent;font-size:1rem;font-weight:700;background-color:var(--main-text);color:var(--main-background);cursor:pointer}.unselectedBtn{background-color:transparent;border:solid var(--main-text);color:var(--main-text)}.innerSuitTitle{color:var(--main-text);margin:.5rem}.colorGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;width:85%;margin:0 auto;padding:16px 16px 4rem;box-sizing:border-box;height:auto;justify-content:center;background-color:var(--accent-background);border-radius:var(--border-radius)}.deckColorInput{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:1rem}.deckColorInput label{text-align:center;color:var(--accent-text)}@media(max-width:767px){.outerDeckCardGrid{grid-template-columns:repeat(2,minmax(0,1fr));width:95%}.topOuterDeckCardGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:95%;margin:0 auto;padding:16px 16px 4rem;box-sizing:border-box;height:auto;justify-content:center}}.userArea{display:flex;background-color:var(--accent-background);width:85%;justify-content:space-evenly;align-items:center;border-radius:var(--border-radius);padding-top:2.5%;padding-bottom:2.5%;font-weight:700;box-shadow:0 4px 10px #0003}.avatar{border-radius:var(--border-radius);box-shadow:0 4px 10px #0003}.userReading{position:relative;background-color:var(--accent-background);border-radius:var(--border-radius);display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:100%;min-height:20rem;cursor:pointer;box-shadow:0 4px 10px #0006}.readingActionBtn{position:absolute;top:-.5rem;right:-.5rem;width:3.5rem;height:3.5rem;border-radius:50%;border:none;background:var(--secondary-background);color:var(--secondary-text);font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;box-shadow:0 4px 12px #0003;transition:all .2s ease}.readingActionBtn:hover{transform:scale(1.1)}.readingActionBtn:active{transform:scale(.95)}.userReading h3{margin:0;padding:0}.userReading p{width:85%;display:flex;justify-content:center;align-items:center;margin:0;padding:0;text-align:center;color:var(--accent-text)}.userReadingsGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;row-gap:2rem;width:85%;margin:0 auto;padding:16px 16px 4rem;box-sizing:border-box;height:auto}.accountReadingsTitle{color:var(--main-text)}.accountLoginBtn{padding:1rem;border-radius:var(--border-radius);font-family:Literata,serif;outline:none;border:2px solid transparent;font-size:1rem;font-weight:700;background-color:var(--accent-text);color:var(--accent-background);cursor:pointer}.editReadingsBtn{padding:1rem;border-radius:var(--border-radius);font-family:Literata,serif;outline:none;border:2px solid transparent;font-size:1rem;font-weight:700;background-color:var(--main-text);color:var(--main-background);cursor:pointer}@media(max-width:767px){.userArea{display:flex;flex-direction:column}.userArea p{width:95%;text-align:center}.userReadingsGrid{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.userReading,.userReading p{padding-top:5%;padding-bottom:5%}.userReadingTitle{font-size:1.5rem;width:90%}}.physCardOuter{background-color:#add8e6;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:50;overflow-y:scroll}.physImgsOuter{display:flex;justify-content:space-evenly;align-items:center;margin-bottom:1rem}.physImgOuter{background-color:#8a2be2;display:flex;justify-content:center;align-items:center;width:45%;padding-top:1rem;padding-bottom:1rem;border-radius:var(--border-radius)}.physCardImg{width:85%;height:auto;border-radius:var(--border-radius)}.physInfoDiv{width:100%;display:flex;flex-direction:column;align-items:center}.physCardParagraph{width:85%}.physViewBtn{padding:1rem;border-radius:var(--border-radius);font-family:Literata,serif;outline:none;border:2px solid transparent;font-size:1rem;font-weight:700;cursor:pointer;display:flex;justify-content:center;align-items:center;column-gap:15%}.cardModal{position:fixed;inset:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:60;row-gap:5%}.card3dScene{perspective:2000px}.physViewBtnOuter{width:100%;display:flex;justify-content:center;align-items:center;column-gap:10%}.alert{position:fixed;top:-100px;left:50%;transform:translate(-50%);min-width:280px;max-width:90%;padding:12px 16px;background:var(--accent-background, #333);color:var(--accent-text, white);border-radius:var(--border-radius-small, 6px);display:flex;justify-content:space-between;align-items:center;gap:12px;z-index:9999;box-shadow:0 8px 20px #00000040;transition:top .35s ease}.alert.show{top:16px}.alert-message{flex:1}.alert-close{background:none;border:none;color:inherit;font-size:20px;cursor:pointer;line-height:1}.loaderBackground{position:fixed;z-index:75;left:0;top:0;width:100%;height:100%;background-color:#000;background-color:#0009;display:flex;justify-content:center;align-items:center}.starLoader{position:relative;width:60px;height:60px;animation:spinLoader 2s linear infinite}.loaderStar{position:absolute;width:14px;height:14px;top:50%;left:50%;color:var(--accent-background);transform:translate(-50%,-50%) rotate(calc(var(--i) * 60deg)) translate(26px)}@keyframes spinLoader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.install-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:9999}.install-modal{background:var(--main-background, #231942);color:var(--main-text, white);padding:2rem;border-radius:1.5rem;width:65%;max-width:380px;text-align:center;box-shadow:0 20px 40px #0006;animation:fadeIn .25s ease-out;display:flex;flex-direction:column;align-items:center}.install-modal h2{margin-bottom:1rem}.install-modal ol{text-align:left;margin:1rem 0;padding-left:1.2rem}.install-modal li{margin-bottom:.6rem}.share-icon{font-size:2rem;margin:1rem 0;animation:bounce 1.4s infinite;background-color:var(--secondary-background);color:var(--secondary-text);width:fit-content;padding:2.5%;border-radius:var(--border-radius)}.install-close{margin-top:1rem;padding:.6rem 1.2rem;border-radius:1rem;border:none;background:var(--accent-background, #e0b1cb);color:var(--accent-text, black);font-weight:700;cursor:pointer}.install-close:active{transform:scale(.96)}.goOnBtn{padding:1rem;border-radius:var(--border-radius);font-family:Literata,serif;outline:none;border:2px solid transparent;font-size:1rem;font-weight:700;background-color:var(--main-text);color:var(--main-background);cursor:pointer}.goOnDiv{width:100%;padding-top:10%;padding-bottom:10%;display:flex;justify-content:center;align-items:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}