@font-face{font-family:GowunDodum;src:url(https://d2yzln6f92x3hm.cloudfront.net/public/media/GowunDodum-Regular.ttf) format("truetype");font-weight:400;font-style:normal}body{margin:0;font-family:GowunDodum,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url(https://d2yzln6f92x3hm.cloudfront.net/public/media/space-background.webp);background-size:cover;background-position:center;background-attachment:fixed;color:#fff;min-height:100vh}:root{--sidebar-width: 20vw;--sidebar-min-width: 220px;--sidebar-max-width: 300px}input,button,textarea{font-family:inherit;font-size:1rem}.App{min-height:100vh;width:100%;box-sizing:border-box}.login-wrapper{display:flex;justify-content:center;align-items:center;width:100%;height:100vh}.auth-container{background-color:#0009;padding:40px;border-radius:15px;box-shadow:0 0 15px #fff3;width:100%;max-width:600px;margin:1rem auto;box-sizing:border-box;text-align:center}.main-content-area{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;box-sizing:border-box;transition:margin-left .3s ease-in-out;margin-left:0}.main-content-area.shifted{margin-left:max(var(--sidebar-min-width),min(var(--sidebar-max-width),var(--sidebar-width)))}.sidebar-toggle-button{position:fixed;top:20px;left:20px;z-index:1100;background:#00000080;color:#fff;border:1px solid #7b68ed;width:40px;height:40px;font-size:20px;display:flex;align-items:center;justify-content:center;line-height:.9}.home-button{position:absolute;top:20px;right:20px;z-index:1050;background-color:#00000080;color:#fff;border:1px solid #7b68ed;padding:8px 15px;border-radius:8px;cursor:pointer;font-size:.9rem;transition:background-color .3s ease,border-color .3s ease}.home-button:hover{background-color:#000000b3;border-color:#5a48c1}.toggle-link{color:#a0a0a0;text-decoration:none;margin-top:20px;display:inline-block;cursor:pointer}.toggle-link:hover{color:#fff}h1{text-shadow:0 0 10px rgba(255,255,255,.5);color:#fff}h2,h3,h4,h5{text-shadow:0 0 10px rgba(255,255,255,.5);color:#7b68ed}p{color:#e0e0e0}button{background-color:#7b68ed;border:none;color:#fff;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:1rem;margin:8px 0;cursor:pointer;border-radius:8px;font-weight:700;transition:background-color .3s ease}button:hover:not(:disabled){background-color:#6754d9}button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}textarea{width:100%;padding:10px;margin:5px 0 10px;box-sizing:border-box;border:1px solid #7b68ed;border-radius:5px;background-color:#ffffff1a;color:#fff;resize:vertical}textarea::placeholder{color:#ffffffb3}hr{border-color:#ffffff4d;margin:2rem 0}pre{background-color:#000000b3!important;border-radius:8px;padding:1rem;text-align:left;color:#7b68ed;white-space:pre-wrap;word-wrap:break-word;font-size:.9rem;line-height:1.5;border:1px solid #7b68ed}.error-message{color:#ff6b6b;margin-top:1rem;font-weight:700}.credit-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.credit-modal-content{background-color:#2d2d2d;padding:30px;border-radius:16px;box-shadow:0 10px 30px #00000080;text-align:center;color:#fff;max-width:400px;width:90%}.credit-modal-content h2{color:#ff6b6b;margin-bottom:20px}.credit-modal-content p{font-size:1.1em;margin-bottom:30px}.credit-modal-content button{background-color:#7b68ee;color:#fff;padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:1em;font-weight:700;transition:background-color .3s ease}.credit-modal-content button:hover{background-color:#6a5acd}.concern-input-wrapper{position:relative;width:100%}.char-counter{position:absolute;bottom:20px;right:15px;font-size:.8rem;color:#a0a0a0;z-index:1}.concern-input-wrapper textarea{padding-bottom:30px;width:100%;box-sizing:border-box}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-min-width);max-width:var(--sidebar-max-width);padding:20px;background-color:#000000d9;border-right:1px solid #7b68ed;display:flex;flex-direction:column;align-items:center;height:100vh;box-sizing:border-box;position:fixed;left:0;top:0;transform:translate(-100%);transition:transform .3s ease-in-out;z-index:1000}.sidebar.open{transform:translate(0)}.profile-section{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;width:100%}.profile-image{width:70px;height:70px;border-radius:50%;border:3px solid #7b68ed;object-fit:cover;margin-bottom:1rem}.profile-nickname{font-size:1.5rem;font-weight:700;color:#fff;margin:0}.credits-section{text-align:center;margin-bottom:2rem;width:100%;padding:.5rem;background-color:#ffffff0d;border-radius:8px}.credits-label{font-size:1rem;color:#ccc;margin-bottom:.5rem}.credits-value{font-size:1.5rem;font-weight:700;color:#7b68ed}.sidebar-button,.sidebar-logout-button{background-color:#7b68ed;color:#fff;border:none;padding:12px 15px;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:700;width:100%;text-align:center;transition:background-color .3s ease;margin-bottom:1rem}.sidebar-button:hover,.sidebar-logout-button:hover{background-color:#5a48c1}.sidebar-logout-button{margin-top:auto;margin-bottom:0}.card-selector-container{display:flex;flex-direction:column;align-items:center;padding:20px;width:100%;box-sizing:border-box}.selection-prompt{min-height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:25px;font-size:1.4em;color:#f0f0f0;text-shadow:0 0 10px rgba(0,0,0,.8);text-align:center;font-weight:700;opacity:1;transition:opacity .4s ease-in-out}.selection-prompt.fade-out{opacity:0}.card-grid{display:grid;gap:12px;width:100%;justify-content:center;grid-template-columns:repeat(2,auto)}@media(min-width:340px){.card-grid{grid-template-columns:repeat(3,auto)}}@media(min-width:700px){.card-grid{grid-template-columns:repeat(6,auto)}}@media(min-width:1000px){.card-grid{grid-template-columns:repeat(13,auto)}}.tarot-card{width:40px;height:80px;background-image:url(https://d2yzln6f92x3hm.cloudfront.net/public/media/card_back.png);background-size:cover;background-position:center;border-radius:4px;box-shadow:0 4px 12px #0000004d;cursor:pointer;transition:box-shadow .3s ease,filter .3s ease;opacity:0;animation:fadeInCard .6s ease-out forwards}.tarot-card:not(.picked):hover{filter:brightness(1.2);box-shadow:0 4px 12px #00000080;z-index:10}.tarot-card.picked{filter:brightness(1.2);box-shadow:0 4px 12px #ffdc6499;z-index:10}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;animation:fadeInModal .4s ease forwards}.modal-content{background-color:#2d2d2d;padding:30px 40px;border-radius:16px;box-shadow:0 10px 30px #00000080;text-align:center;color:#fff;transform:scale(.9);animation:zoomInModal .4s ease forwards}.modal-content p{margin:0 0 25px;font-size:1.2em}.modal-actions{display:flex;gap:15px}.modal-button{padding:10px 20px;font-size:1em;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:transform .2s ease,background-color .2s ease}.modal-button:hover{transform:scale(1.05)}.modal-button.confirm{background-color:#7b68ee;color:#fff}.modal-button.confirm:hover{background-color:#6a5acd}.modal-button.cancel{background-color:#555;color:#fff}.modal-button.cancel:hover{background-color:#666}@keyframes fadeInCard{to{opacity:1;transform:translateY(0)}}@keyframes fadeInText{to{opacity:1}}@keyframes fadeInModal{to{opacity:1}}@keyframes zoomInModal{to{transform:scale(1)}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;color:#fff;padding-bottom:15vh}.loading-text{font-size:1.5em;margin-top:20px;font-weight:700}.loading-text span{display:inline-block;animation:bounce 1.6s infinite ease-in-out}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.stars{position:relative;width:100px;height:100px}.star{position:absolute;background-color:#fff;border-radius:50%;animation:twinkle 1.5s infinite}.star:nth-child(1){top:10%;left:20%;width:2px;height:2px;animation-delay:0s}.star:nth-child(2){top:80%;left:30%;width:3px;height:3px;animation-delay:.3s}.star:nth-child(3){top:40%;left:80%;width:2px;height:2px;animation-delay:.6s}.star:nth-child(4){top:60%;left:10%;width:1px;height:1px;animation-delay:.9s}@keyframes twinkle{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.5);opacity:.5}}.result-container{color:#fff;padding:20px;max-width:900px;margin:0 auto;animation:fadeInResult 1s ease-in-out}@keyframes fadeInResult{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reading-block{display:flex;align-items:center;gap:30px;margin-bottom:50px;background-color:#0003;padding:20px;border-radius:15px}.reading-block:nth-child(odd){flex-direction:row-reverse}.card-display{flex-shrink:0;text-align:center}.card-display img{width:150px;border-radius:10px;box-shadow:0 4px 15px #00000080;transition:transform .5s}.card-display img.reversed-card{transform:rotate(180deg)}.card-name{margin-top:10px;font-size:1.1em;font-weight:700}.card-meaning{font-size:.9em;color:#ddd;margin-top:5px}.interpretation-text h4,.summary-section h3{color:#fff}.interpretation-text h4{font-size:1.5em;margin-top:0;margin-bottom:15px}.interpretation-text p{white-space:pre-wrap;line-height:1.8;margin:0;text-align:left}.summary-section{margin-top:40px;text-align:center}.summary-section h3{font-size:1.8em;margin-bottom:20px}.summary-text{white-space:pre-wrap;background-color:#0000004d;padding:30px;border-radius:15px;line-height:1.8;text-align:left}.home-button-container{margin-top:40px;text-align:center}.home-button{background-color:#7b68ee;color:#fff;font-weight:700;padding:12px 25px;border:none;border-radius:25px;cursor:pointer;font-size:1.1em;transition:all .3s}.home-button:hover{transform:scale(1.05);box-shadow:0 0 15px #7b68ee80}.share-button{background-color:#6a5acd;color:#fff;font-weight:700;padding:12px 25px;border:none;border-radius:25px;cursor:pointer;font-size:1.1em;transition:all .3s;margin-left:15px}.share-button:hover{transform:scale(1.05);box-shadow:0 0 15px #6a5acd80}.share-button:disabled{background-color:#483d8b;cursor:not-allowed;transform:none;box-shadow:none}.share-url-container{margin-top:30px;text-align:center;animation:fadeInResult .5s ease-in-out}.share-url-container p{margin-bottom:10px;font-size:1.1em}.share-input-wrapper{display:flex;justify-content:center;align-items:center;gap:10px}.share-input-wrapper input[type=text]{width:70%;max-width:400px;padding:10px;border-radius:8px;border:1px solid #7B68EE;background-color:#ffffff1a;color:#fff;font-size:1em}.share-input-wrapper button{background-color:#7b68ee;color:#fff;font-weight:700;padding:10px 15px;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s}.share-input-wrapper button:hover{background-color:#6a5acd}.result-container .error-message{color:#ff6b6b;text-align:center;margin-top:15px}.not-found-container{text-align:center;color:#fff;padding:50px;max-width:600px;margin:0 auto;animation:fadeInResult 1s ease-in-out}.not-found-container h1{font-size:6em;margin:0;color:#7b68ee;text-shadow:0 0 15px rgba(123,104,238,.5)}.not-found-container p{font-size:1.5em;margin-top:10px;margin-bottom:30px}.not-found-container a{background-color:#7b68ee;color:#fff;font-weight:700;padding:12px 25px;border:none;border-radius:25px;cursor:pointer;font-size:1.1em;text-decoration:none;transition:all .3s}.not-found-container a:hover{transform:scale(1.05);box-shadow:0 0 15px #7b68ee80}.forbidden-container{text-align:center;color:#fff;padding:50px;max-width:600px;margin:0 auto;animation:fadeInResult 1s ease-in-out}.forbidden-container h1{font-size:6em;margin:0;color:#ff6b6b;text-shadow:0 0 15px rgba(255,107,107,.5)}.forbidden-container p{font-size:1.5em;margin-top:10px;margin-bottom:30px}.forbidden-container a{background-color:#7b68ee;color:#fff;font-weight:700;padding:12px 25px;border:none;border-radius:25px;cursor:pointer;font-size:1.1em;text-decoration:none;transition:all .3s}.forbidden-container a:hover{transform:scale(1.05);box-shadow:0 0 15px #7b68ee80}.board-container{padding:2rem;color:#fff}.board-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:2px solid #7b68ed;padding-bottom:1rem}.board-header h1{margin:0;font-size:2.5rem}.new-post-button{background-color:#7b68ed;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:1rem}.new-post-button:hover{background-color:#5a48c1}.board-content{max-width:900px;margin:0 auto}.post-list{list-style:none;padding:0;margin:0}.post-item{background-color:#2c2c2e;border:1px solid #444;border-radius:8px;padding:1.2rem 1.5rem;margin-bottom:1rem;transition:background-color .3s,border-color .3s;cursor:pointer}.post-item:hover{background-color:#3a3a3c;border-color:#7b68ed}.post-title{font-size:1.4rem;font-weight:700;margin-bottom:.75rem;color:#f5f5f7}.post-meta{display:flex;justify-content:space-between;font-size:.9rem;color:#a0a0a5}.post-author{font-weight:500}.post-date{font-style:italic}.post-editor-container{padding:2rem;color:#fff;max-width:800px;margin:0 auto}.post-editor-container h1{text-align:center;margin-bottom:2rem;font-size:2.5rem;color:#7b68ed}.post-form .form-group{margin-bottom:1.5rem}.post-form label{display:block;margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.post-form input[type=text],.post-form textarea{width:100%;padding:.8rem;border-radius:8px;border:1px solid #444;background-color:#2c2c2c;color:#fff;font-size:1rem;box-sizing:border-box}.post-form input[type=text]:focus,.post-form textarea:focus{outline:none;border-color:#7b68ed;box-shadow:0 0 5px #7b68ed80}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.form-actions .submit-button,.form-actions .cancel-button{padding:10px 25px;border-radius:5px;border:none;cursor:pointer;font-size:1rem;font-weight:700;transition:all .3s ease}.form-actions .submit-button{background-color:#7b68ed;color:#fff}.form-actions .submit-button:hover{background-color:#5a48c1}.form-actions .submit-button:disabled{background-color:#555;cursor:not-allowed}.form-actions .cancel-button{background-color:#444;color:#ccc}.form-actions .cancel-button:hover{background-color:#555}.error-message{color:#ff6b6b;text-align:center;margin-top:1rem}.post-view-container{max-width:800px;margin:0 auto;padding:2rem;color:#f5f5f7}.post-view-header{border-bottom:2px solid #7b68ed;padding-bottom:1.5rem;margin-bottom:2rem}.post-view-title{font-size:2.8rem;font-weight:700;margin:0 0 1.5rem}.post-view-meta{display:flex;justify-content:space-between;align-items:center;font-size:1rem;color:#a0a0a5}.author-info{display:flex;align-items:center}.author-avatar{width:40px;height:40px;border-radius:50%;margin-right:.8rem;border:2px solid #555}.author-name{font-weight:700;color:#f5f5f7}.post-view-date{font-style:italic}.post-view-content{line-height:1.8;font-size:1.1rem;min-height:300px;white-space:pre-wrap;word-break:break-word}.post-view-actions{text-align:center;margin-top:3rem;padding-top:1.5rem;border-top:1px solid #444}.post-view-actions button{background-color:#7b68ed;color:#fff;border:none;padding:12px 30px;border-radius:8px;cursor:pointer;font-size:1.1rem;font-weight:700;transition:background-color .3s ease}.post-view-actions button:hover{background-color:#5a48c1}.error-container{text-align:center;padding-top:5rem}.error-container h2{color:#ff6b6b}.error-container button{background-color:#7b68ed;color:#fff;border:none;padding:12px 30px;border-radius:8px;cursor:pointer;font-size:1rem;margin-top:1rem}.comments-section{background-color:transparent;margin-top:3rem;padding-top:2rem;border-top:1px solid #444}.comments-title{font-size:1.5rem;color:#fff;margin-bottom:1.5rem}.comments-list{margin-bottom:2rem}.comment-item{display:flex;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #333}.comment-item:last-child{border-bottom:none;margin-bottom:0}.comment-author-avatar{width:35px;height:35px;border-radius:50%;margin-right:1rem}.comment-content{flex:1}.comment-author-name{font-weight:700;color:silver;margin-bottom:.25rem}.comment-text{color:#f0f0f0;line-height:1.6;margin-bottom:.5rem}.comment-date{font-size:.8rem;color:#888}.comment-form{display:flex;flex-direction:column;align-items:flex-end}.comment-input{width:100%;background-color:#0000004d;border:1px solid #555;border-radius:8px;color:#fff;padding:.8rem;margin-bottom:.5rem;resize:vertical;min-height:80px}.comment-input:focus{outline:none;border-color:#7b68ed}.comment-submit-button{background-color:#7b68ed;color:#fff;border:none;padding:8px 20px;border-radius:5px;cursor:pointer;font-size:.9rem}.comment-submit-button:hover{background-color:#5a48c1}.comment-submit-button:disabled{background-color:#555;cursor:not-allowed}.comment-login-prompt{text-align:center;color:#a0a0a0;font-size:.9rem;margin-top:1rem}