:root{--background:#ffffff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body,html{max-width:100vw;overflow-x:hidden;background-color:#ECDCF2;min-height:100vh}body{color:var(--foreground);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}.main{padding:2rem;display:flex;flex-direction:column;align-items:center}.description{margin-bottom:2rem;text-align:center}.code{background:#f4f4f4;padding:.2rem .5rem;border-radius:4px}.center{margin-bottom:2rem}.topicSection{text-align:center;margin-top:2rem}.topicButtons{margin-bottom:1rem}.topicButtons button{margin:0 .5rem;padding:.5rem 1rem;background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer}.topicButtons .selected{background-color:#d6eaff;font-weight:700;border-color:#0070f3}.inputBox{margin:1rem 0;padding:.5rem;width:250px;border:1px solid #ccc;border-radius:4px}.generateBtn{background-color:#0070f3;color:white;padding:.6rem 1.2rem;border:none;border-radius:4px;cursor:pointer}.generateBtn:hover{background-color:#005bb5}.summarySection{margin-top:2rem;max-width:600px;text-align:left}.summaryCard{background-color:#f9f9f9;border-left:5px solid #0070f3;padding:1rem;margin-bottom:1rem;border-radius:4px}.container{min-height:100vh;position:relative;padding-bottom:50px}.container,.mainContent{display:flex;flex-direction:column;align-items:center}.mainContent{width:90%;max-width:1200px;margin-top:40px;padding:20px 0}.sloganContainer{background-color:#8a2be2;color:white;padding:20px 40px;border-radius:30px;margin-bottom:40px;box-shadow:0 4px 8px rgba(0,0,0,.2);width:-moz-fit-content;width:fit-content;text-align:center}.slogan{font-size:1.8rem;font-weight:700;margin:0}.topicSelectionSection{background-color:#c7a7e8;padding:30px;border-radius:20px;width:100%;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 8px rgba(0,0,0,.2)}.topicPrompt{font-size:1.5rem;color:#333;margin-bottom:25px;text-align:center}.topicCardsWrapper{display:flex;justify-content:center;align-items:center;gap:20px;width:100%;padding:0 10px}.topicCardsContainer{display:flex;gap:20px;overflow-x:auto;-ms-overflow-style:none;padding-bottom:10px}.topicCardsContainer::-webkit-scrollbar{display:none}.arrow{font-size:3rem;color:#8a2be2;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0}.surpriseButton{background-color:#8a2be2;color:white;padding:15px 30px;border:none;border-radius:25px;font-size:1.2em;font-weight:700;cursor:pointer;margin-top:30px;box-shadow:0 4px 8px rgba(0,0,0,.2);transition:background-color .3s ease}.surpriseButton:hover{background-color:#6a1aab}.settingsIcon{position:absolute;bottom:20px;right:20px;font-size:2.5rem;color:#8a2be2;cursor:pointer;transition:transform .2s ease-in-out}.settingsIcon:hover{transform:rotate(15deg)}@media (max-width:768px){.sloganContainer{padding:15px 25px;font-size:.9em}.slogan{font-size:1.4em}.topicPrompt{font-size:1.2em}.topicCardsWrapper{flex-direction:row;gap:10px}.arrow{font-size:2em}.surpriseButton{padding:12px 25px;font-size:1em}}@media (max-width:480px){.mainContent{width:95%}.sloganContainer{width:90%}.topicCardsContainer{flex-wrap:nowrap}.topicCardsWrapper{gap:5px}}.navigationBar{width:100%;background-color:#35278c;padding:15px 30px;justify-content:space-between;box-shadow:0 2px 4px rgba(0,0,0,.2);color:white}.logoContainer,.navigationBar{display:flex;align-items:center}.logoContainer{font-size:1.5em;font-weight:700}.logoIcon{margin-right:10px}.navLinks{list-style:none;display:flex;gap:30px;margin:0;padding:0}.navLinks li a{color:white;text-decoration:none;font-size:1.1rem;transition:color .3s ease}.navLinks li a:hover{color:#c7a7e8}@media (max-width:768px){.navigationBar{flex-direction:column;padding:15px}.navLinks{margin-top:15px;gap:15px}}.card{background-color:white;border-radius:15px;box-shadow:0 4px 8px rgba(0,0,0,.1);text-align:center;cursor:pointer;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;min-width:220px;flex-shrink:0;overflow:hidden;display:flex;flex-direction:column}.card:hover{transform:translateY(-5px);box-shadow:0 6px 12px rgba(0,0,0,.15)}.imageWrapper{position:relative;width:100%;height:150px}.cardTitle{font-size:1.1rem;color:#333;padding:10px;margin:0}@media (max-width:480px){.card{min-width:180px}.imageWrapper{height:120px}.cardTitle{font-size:1rem;padding:8px}}.loading{font-size:50px;font-weight:700;font-family:sans-serif;color:#29002b;display:flex;flex-direction:column;align-items:center;justify-content:center}.dots:after{content:"";display:inline-block;animation:dots 1.2s steps(3) infinite}@keyframes dots{0%{content:""}33%{content:"."}66%{content:".."}to{content:"..."}}.responsiveGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;max-width:1200px;margin:40px auto 100px;padding:0 20px;align-items:center}@media (max-width:768px){.responsiveGrid{grid-template-columns:1fr}.responsiveGrid img{max-width:100%;margin-top:20px}}select{border-radius:20px;padding:5px 10px;border-color:#6a1aab}html.dark-mode body{background-color:#111!important;color:#f5f5f5!important}html.dark-mode .container,html.dark-mode .mainContent,html.dark-mode .responsiveGrid,html.dark-mode .topicSelectionSection,html.dark-mode main{background-color:#1a1a1a!important;color:#f5f5f5!important}html.dark-mode input,html.dark-mode select,html.dark-mode textarea{background-color:#333!important;color:#f5f5f5!important;border-color:#555!important}html.dark-mode button{background-color:#333!important;color:#f5f5f5!important}html.dark-mode .card{background-color:#222!important;border-color:#444!important;color:#f5f5f5!important}html.dark-mode img{filter:brightness(.85)}.cardLibrary{background-color:#35278c;color:white;margin-top:80px;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;padding:20px 40px 40px 30px;border-radius:20px}.deleteButton,.readStoryButton,.shareButton{border-radius:10px;padding:3px 13px;border-color:#818C39;margin-left:30px;cursor:pointer;font-weight:bolder}.readStoryButton,.shareButton{color:#35278c}.deleteButton{color:red}.no-stories-saved-box{background-color:#DCC6E0;color:#3E1D84;padding:40px 30px;border-radius:20px;text-align:center;font-size:1.1rem;font-weight:500;border:1px solid #e5e7eb}.profileCard{max-width:500px;margin:40px auto;padding:50px;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);background-color:#ECDCF2;color:#171717;min-height:400px;background-color:rgba(128,37,128,.097)}.profileInput{display:block;width:100%;padding:12px;font-size:1rem;margin-top:5px;border-radius:6px;border:1px solid #8a2be2;background-color:#fff;color:#171717}.profileInput::placeholder{color:#51148b}.profileSaveButton{padding:10px 20px;border-radius:6px;border:none;background-color:#8a2be2;color:#fff;cursor:pointer;margin-right:10px;font-weight:700}.profileSaveButton:hover{background-color:#6a1aab}.profileDeleteButton{padding:10px 20px;border-radius:6px;border:none;background-color:#ef4444;color:#fff;cursor:pointer;font-weight:700}.profileDeleteButton:hover{background-color:#c0262c}.profileDeleteButton,.profileSaveButton{opacity:.9;transform:translateY(-1px);transition:.2s;font-size:1rem;padding:12px 25px;margin-top:10px}.profileCard h1{font-size:1.8rem;margin-bottom:25px;font-weight:700;text-align:center}.profile-p{margin-bottom:18px;font-size:1.1rem;line-height:1.6;color:#2d0c4b}.profile-p.showProfile{margin-bottom:30px}.showLoginBox{opacity:.3;position:fixed;bottom:20px;right:20px;background:#f1ecef;padding:10px 15px;display:inline-block;transition:opacity .5s ease-in-out}.logoutButton,.showLoginBox{border-radius:20px;font-size:14px}.logoutButton{padding:5px 10px;border:none;background:#e74c3c;color:#fff;cursor:pointer;margin-left:10px;transition:background-color .1s ease-in-out}.logoutButton:hover{background-color:#98180a}.showLoginBox:hover{opacity:1}