@import"https://fonts.googleapis.com/css2?family=Comic+Neue&display=swap";@import"https://cdn.jsdelivr.net/gh/antijingoist/open-dyslexic/webkit/OpenDyslexic.css";@import"https://fonts.googleapis.com/css2?family=Quicksand&display=swap";.main-settings-btn{background:none;border:none;width:42px;height:42px;font-size:1.7rem;display:flex;align-items:center;justify-content:center;cursor:pointer;margin:1.2rem 0 .5rem;transition:background .2s,box-shadow .2s,color .2s,transform .18s cubic-bezier(.4,1.4,.6,1);z-index:2}.main-settings-btn:hover{background:none;color:#1565c0;transform:scale(1.15)}body,html{width:100vw;max-width:100vw;overflow-x:hidden}body{background:linear-gradient(135deg,#f8fbff,#e3f0ff);background-attachment:fixed;margin:0;font-family:Poppins,sans-serif}.main-main-content{min-height:100vh;width:100vw;max-width:100vw;box-sizing:border-box;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:transparent;border-radius:0;box-shadow:none;padding:0 2vw 3rem 2vw;position:relative;z-index:1}.font-title-app,.main-title{width:100%;margin-top:.5rem;font-family:Quicksand,Nunito,sans-serif;font-size:1.8rem;font-weight:700;color:#7492d2;text-align:center;margin-bottom:30px;animation:pop-in .6s ease-out;letter-spacing:.5px}.font-title-app{font-weight:700!important;color:#f5a225!important;font-family:Quicksand,Nunito,sans-serif!important;font-size:1.8rem!important;text-align:center!important;margin-top:.5rem!important;margin-bottom:30px!important;letter-spacing:.5px!important;animation:pop-in .6s ease-out!important}h1.font-title-app{font-weight:700!important}.main-main-content h1{font-weight:700!important;color:#f5a225!important;font-family:Quicksand,Nunito,sans-serif!important;font-size:1.8rem!important;text-align:center!important;margin-top:.5rem!important;margin-bottom:30px!important;letter-spacing:.5px!important;animation:pop-in .6s ease-out!important}.search-input{width:100%;max-width:400px;font-size:1rem;padding:12px 16px;margin:10px auto 20px;border:2px solid #cce4ff;border-radius:22px;background:#fff;box-shadow:0 2px 8px #0000000d inset;transition:all .25s ease-in-out}.search-input:focus{outline:none;border-color:#66b3ff;box-shadow:0 0 0 3px #66b3ff40}.sort-container{margin:0 auto 20px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;font-size:1rem}.sort-select{padding:8px 14px;font-size:.95rem;border:2px solid #cce4ff;border-radius:20px;background:#fff;cursor:pointer;transition:all .2s}.sort-select:hover{background:#f4faff}.sort-select:focus{outline:none;border-color:#c8dff7}.story-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:28px 24px;justify-content:center;margin-top:28px;width:100%;box-sizing:border-box;padding-left:1vw;padding-right:1vw;max-width:100%;overflow-x:hidden;padding-top:32px;padding-bottom:32px}.story-card{background:#fff;border-radius:20px;box-shadow:0 6px 18px #78b4dc1f;padding:16px 12px 14px;display:flex;flex-direction:column;align-items:center;transition:transform .2s,box-shadow .25s;margin-top:0;margin-bottom:0}.story-card:hover{transform:scale(1.025);box-shadow:0 10px 24px #78b4dc2e}.story-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;margin:0 auto 12px;background:#f6faff;box-shadow:0 2px 6px #78b4c812}.story-card h3{font-size:1rem;text-align:center;margin:0 0 8px;font-weight:600;color:#7492d2;min-height:34px}.story-footer{display:flex;justify-content:center;gap:16px;margin-top:auto}.story-footer button{background:#e7f2ff;border:2px solid #66b3ff;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;color:#666;transition:all .2s ease-in-out}.story-footer button:hover{background:#d0e7ff;color:#1976d2;border-color:#1565c0}.add-story-card{display:flex;align-items:center;justify-content:center;border:2px dashed #90caf9;border-radius:20px;background:#e3f0ff;cursor:pointer;transition:all .3s ease}.add-story-card:hover{background:#d0e7ff;border-color:#1565c0}.add-story-plus-sign{font-size:5rem;color:#1976d2;font-weight:700}.empty-message{text-align:center;font-size:1.1rem;margin-top:60px;color:#888}.empty-message a{color:#4a90e2;font-weight:600;text-decoration:none}.load-more-container{display:flex;justify-content:center;margin-top:20px;width:100%}.load-more-button{background:#f0fbff;color:#4a4a4a;border:none;border-radius:28px;padding:12px 28px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .25s;box-shadow:0 4px 12px #6587b626}.load-more-button:hover{background:linear-gradient(135deg,#dff2fe,#e0eff9);transform:translateY(-2px)}.load-more-button:active{transform:translateY(0)}@media (max-width: 600px){.main-main-content{width:100vw;max-width:100vw;box-sizing:border-box;padding:0 2vw 2rem 2vw}.story-gallery{max-width:100vw;box-sizing:border-box;overflow-x:hidden;padding-left:.5vw;padding-right:.5vw;padding-top:18px;padding-bottom:18px}.main-settings-btn{font-size:1.3rem;width:36px;height:36px;padding:.4rem .6rem;margin-top:.7rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:999}.modal-content{background:#fff;padding:2rem;border-radius:16px;text-align:center;box-shadow:0 4px 10px #0003}.modal-buttons{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.modal-buttons button{font-size:1rem;padding:10px 20px;border-radius:12px;border:none;cursor:pointer;font-weight:700;background-color:#e0f4ff}.modal-buttons button:hover{background-color:#c4e9ff}.close-button{margin-top:1.5rem;background:none;border:none;font-size:1.2rem;color:#888;cursor:pointer}.loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#f0f8ffb3;z-index:9999;display:flex;align-items:center;justify-content:center}.loading-box{background:#fff;border-radius:18px;box-shadow:0 0 32px 8px #b3e0ff,0 0 #90caf9;padding:40px 48px;display:flex;flex-direction:column;align-items:center;animation:blue-glow-pulse 1.2s infinite cubic-bezier(.4,1.4,.6,1)}.home-close{background:none!important;border:none!important;box-shadow:none!important;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;padding:0;position:absolute;top:18px!important;right:18px!important;left:auto!important;transition:color .2s,transform .18s cubic-bezier(.4,1.4,.6,1)}.home-close:hover{color:#d90000;transform:scale(1.18)}.main-content-container{background:#ddf1fa;border-radius:20px;box-shadow:0 0 8px #0000000d;padding:20px 20px 24px;max-width:600px;margin:0 auto 24px;text-align:center}.generate-container{padding-top:10px!important;padding-bottom:10px!important}.generate-container .generate-button{margin-top:0!important;margin-bottom:0!important}body{margin:0;padding:0;font-family:Arial,sans-serif;background-color:#f2fbff}.home-page{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:20px;background-color:#f1f8ff}.home-main-content{flex-grow:1;padding:20px;justify-content:center;align-items:center;width:100%;max-width:900px;text-align:center}.home-main-content h1,.home-main-content h2{text-align:center;margin-bottom:10px;max-width:800px;margin-left:auto;margin-right:auto}.home-main-content p{font-size:1rem;color:#444}.generate-button{margin:30px auto 80px;display:block;padding:12px 24px;font-size:1.1rem;background-color:#ffab35f1;border:none;border-radius:12px;cursor:pointer;font-weight:700;box-shadow:0 2px 8px #00000026;transition:background-color .2s ease}.generate-button:hover{background-color:#f90}.result-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:30px;width:100%;max-width:800px}.result-buttons button{height:50px;min-width:280px;display:flex;align-items:center;justify-content:center;padding:10px 20px;font-size:1rem;border-radius:12px;border:1px solid #ccc;background-color:#fff;cursor:pointer;transition:background-color .3s}.result-buttons button:hover{background-color:#fef4e5;border-color:#fa3;color:#c60;transform:scale(1.03)}.result-container{display:flex;flex-direction:column;align-items:center;max-width:800px;margin:0 auto;text-align:center}.result-buttons .loading-audio{background-color:#e0f0ff;border-color:#39f;color:#06c;animation:pulseBlue 1.5s infinite;cursor:wait}button:disabled{opacity:.6;cursor:not-allowed}.page-title{font-size:1.6rem;font-weight:700;color:#f5a225;text-align:center;margin-top:40px;margin-bottom:30px;font-family:Quicksand,sans-serif;animation:pop-in .6s ease-out;letter-spacing:.5px}@keyframes pop-in{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.assistant-launch-section{margin-top:40px;padding:20px;background-color:#fff4e6;border-radius:16px;box-shadow:0 0 8px #0000000d;text-align:center;max-width:600px;margin-left:auto;margin-right:auto}.assistant-subtitle{font-size:.95rem;color:#555;margin-top:5px}.prompt-debug-overlay{position:fixed;top:0;left:0;background:#000000b3;width:100%;height:100%;z-index:999;display:flex;align-items:center;justify-content:center}.prompt-debug-box{background:#fff;padding:20px;max-width:90%;max-height:90%;overflow:auto;border-radius:12px;box-shadow:0 0 10px #000}.debug-button{margin-top:12px;background:#f0f0f0;border:1px solid #ccc;padding:6px 10px;border-radius:8px;cursor:pointer}.prompt-debug-box{background:#fff;padding:20px;max-width:90%;max-height:90%;overflow:auto;border-radius:12px;box-shadow:0 0 10px #000;white-space:pre-wrap}.age-selector{margin-top:40px;margin-bottom:30px;width:100%;text-align:center}.age-selector .section-title{margin-bottom:.5rem}.age-buttons{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.age-button{padding:10px 16px;border:2px solid #ccc;border-radius:20px;background-color:#fff;cursor:pointer;transition:all .2s ease}.age-button:hover{background-color:#f0f0f0}.age-button.selected{background-color:#fff;border-color:#fa3;font-weight:700;box-shadow:0 0 10px #fa36;transform:scale(1.05)}.section-title{font-size:1.2rem;margin-bottom:12px;font-weight:700;color:#333}.duration-selector{margin-top:40px;margin-bottom:30px;width:100%}.suggested-text{font-size:.95rem;margin-top:10px;text-align:center;color:#555}.duration-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.duration-button{padding:10px 16px;border:2px solid #ccc;border-radius:20px;background-color:#fff;cursor:pointer;transition:all .2s ease}.duration-button:hover{background-color:#f0f0f0}.duration-button.highlighted{border-color:#77bfff;background-color:#fff;font-weight:700;animation:pulse 1.5s infinite}@keyframes pulse{0%{box-shadow:0 0 #77bfff66}70%{box-shadow:0 0 0 10px #77bfff00}to{box-shadow:0 0 #77bfff00}}.duration-button.selected{background-color:#fff;border-color:#fa3;font-weight:700;box-shadow:0 0 10px #fa36;transform:scale(1.05)}.section-title{font-size:1.2rem;margin-bottom:14px;font-weight:700;color:#333;text-align:center}.sss-selector{margin-top:1rem;text-align:center}.sss-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.sss-button{border:2px solid #ccc;border-radius:16px;background-color:#fff;padding:6px 14px;font-size:.95rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;gap:4px}.sss-button:hover{background-color:#f5f5f5}.sss-button.selected{background-color:#fff;border-color:#fa3;font-weight:700;box-shadow:0 0 10px #fa36;transform:scale(1.05)}.sss-icon{font-size:1rem}.sub-lines{margin-left:1.2rem;margin-top:.5rem;display:block}@media (max-width: 420px){.sss-button{font-size:.85rem;padding:5px 12px}}.cs-section{margin:2rem 0;width:100%}.cs-title{font-size:1.2rem;margin-bottom:.5rem;font-weight:700;color:#333;text-align:center}.cs-subtitle{font-size:.95rem;margin-bottom:1.5rem;text-align:center;color:#555}.child-character-list{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem}.child-character-card{width:85px;height:115px;background-color:#fff;border:2px solid transparent;border-radius:10px;text-align:center;padding:.5rem;box-shadow:0 0 4px #0000001a;transition:border .2s,box-shadow .2s;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between}.child-character-card.selected{border:2px solid #ffaa33;background-color:#fff;box-shadow:0 0 10px #fa36}.child-character-card img{width:80px;height:80px;object-fit:contain;margin:0 auto}.child-character-card p{font-size:.85rem;margin-top:.3rem;color:#333}.cs-confirm-btn{margin-top:20px;padding:12px 20px;border:none;background-color:#fa3;color:#000;border-radius:20px;font-weight:700;cursor:pointer;transition:background-color .2s ease;display:block;margin-left:auto;margin-right:auto}.cs-confirm-btn:hover{background-color:#fc6}.illustration-selector{background-color:#fef3e6;padding:16px 20px;border-radius:12px;box-shadow:0 2px 6px #00000014;margin:20px 0}.is-toggle-btn{margin:15px auto 0;padding:10px 20px;font-size:1.1rem;background-color:#ffab35f1;border:none;border-radius:12px;cursor:pointer;font-weight:700;box-shadow:0 2px 8px #00000026;transition:background-color .2s ease}.is-toggle-btn:hover{background-color:#ff9500}.is-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.is-modal-content{background:#fffaf3;border-radius:1rem;padding:2rem;width:90%;max-width:700px;text-align:center}.is-modal-content h2{margin-bottom:.5rem}.is-modal-content p{margin:.5rem 0 1rem}.is-avatars{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:1rem 0}.is-avatar-card{background:#fff;border:2px solid #ddd;border-radius:1rem;padding:.5rem;width:100px;cursor:pointer;transition:all .2s}.is-avatar-card.selected{border-color:orange;box-shadow:0 0 6px orange}.is-avatar-img{width:100%;height:100px;object-fit:cover;border-radius:.5rem}.is-avatar-name{margin-top:.3rem;font-size:.9rem;font-weight:700;color:#333}.is-confirm-btn{margin-top:1rem;padding:.6rem 1.5rem;font-size:1rem;background:orange;color:#fff;border:none;border-radius:1rem;cursor:pointer}.is-confirm-btn:hover{background:#ff9500}.is-section{background-color:#fef3e6;padding:1.5rem 1rem;border-radius:12px;box-shadow:0 2px 6px #00000014;margin:20px 0;text-align:center}.is-title{font-size:1.3rem;font-weight:700;font-family:Quicksand,sans-serif;margin-bottom:.5rem}.credit-bar{z-index:9999;position:fixed;bottom:0;left:0;right:0}.prompt-input{margin-top:1.5rem;max-width:700px;margin-left:auto;margin-right:auto;text-align:center}.help-button{margin:10px auto 15px;display:inline-block;background-color:#fff8e1;border:2px solid #ffaa33;border-radius:20px;padding:6px 14px;font-weight:700;color:#444;cursor:pointer;transition:background-color .2s ease}.help-button:hover{background-color:#ffe5b2}.help-box{margin:1rem 0;background-color:#fffbe6;border-left:5px solid #ffaa33;padding:1rem;text-align:left;border-radius:8px;font-size:.95rem}.prompt-suggestion{margin-bottom:1rem;line-height:1.5}.input-container{display:flex;align-items:flex-start;gap:10px;position:relative}textarea{flex:1;padding:12px;border-radius:10px;border:2px solid #ccc;border-color:#77bfff;font-size:1rem;font-family:inherit;resize:vertical;height:120px;box-shadow:0 0 #77bfff66;transition:border .3s,box-shadow .3s;animation:pulse-blue 1.5s infinite}textarea:focus{outline:none;border-color:#39f;box-shadow:0 0 0 4px #3399ff4d}@keyframes pulse-blue{0%{box-shadow:0 0 #77bfff66}70%{box-shadow:0 0 0 8px #77bfff00}to{box-shadow:0 0 #77bfff00}}.mic-button{margin-left:10px;padding:10px 20px;font-size:1rem;border:none;border-radius:12px;background-color:#f3a683;color:#fff;cursor:pointer;transition:background-color .2s ease}.mic-button:hover{background-color:#f19066}.mic-button.listening{background-color:#ff6b6b;animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.prompt-hint{margin-top:.2rem;font-size:.85rem;color:#777;font-style:italic}.word-counter{margin-top:10px;font-size:.85rem;color:#555}.progress-bar{width:100%;height:6px;background-color:#eee;border-radius:4px;margin-top:5px;overflow:hidden}.progress{height:100%;background-color:#4caf50;transition:width .2s ease}.prompt-input .section-title{margin-bottom:.5rem}.step-character-assignment{text-align:center;padding:20px}.avatar-highlight{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;background-color:#fff;padding:12px;border-radius:12px;box-shadow:0 0 6px #0000001a;width:fit-content;margin-left:auto;margin-right:auto}.avatar-image{width:80px;height:80px;object-fit:contain;margin-bottom:8px}.avatar-name{font-weight:700;color:#444;font-size:1rem}.icon-card{border:2px solid #ccc;border-radius:16px;padding:10px;cursor:pointer;transition:all .2s ease;background-color:#fff;width:100px}.step-actions-header{position:absolute;top:16px;left:16px}.step-secondary-characters{text-align:center;padding:20px}.step-free-character-select{text-align:center;padding:20px}.step-universe-selector{text-align:center;padding:20px}.step-subtitle{font-size:1rem;font-weight:600;margin:16px 0 10px;color:#444}.universe-block{margin-bottom:20px}.step-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.step-location-selector{text-align:center;padding:20px}.icon-card.selected{background-color:#fda;border-color:#fa3;font-weight:700;transform:scale(1.05);box-shadow:0 0 10px #fa39}.confirm-btn{margin-top:20px;padding:12px 20px;border:none;background-color:#fa3;color:#000;border-radius:20px;font-weight:700;cursor:pointer;transition:background-color .2s ease}.confirm-btn:hover{background-color:#fc6}.step-action-selector{text-align:center;padding:20px}.icon-card:hover{background-color:#ffefcc;border-color:#fa3;box-shadow:0 0 10px #fa36}.step-object-selector{text-align:center;padding:20px}.step-title{font-size:1.2rem;font-weight:700;margin-bottom:10px;color:#333}.step-subtitle{font-size:.95rem;margin:16px 0 10px;color:#555}.icon-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:10px}.icon-card{border:2px solid #ccc;border-radius:16px;padding:10px;cursor:pointer;transition:all .2s ease;background-color:#fff;width:100px;text-align:center}.icon-card:hover{background-color:#e0f7ff;border-color:#33c0ff;box-shadow:0 0 8px #33c0ff66}.icon-card.selected{background-color:#c6ffe3;border-color:#0c8;box-shadow:0 0 10px #0c86}.icon-img{width:60px;height:60px;object-fit:contain;margin-bottom:6px}.icon-label{font-size:.85rem;color:#333}.confirm-btn{margin-top:20px;padding:10px 16px;background-color:#fa3;border:none;border-radius:20px;font-weight:700;cursor:pointer;color:#000;transition:all .2s ease}.confirm-btn:hover{background-color:#f90}.confirm-btn:disabled{background-color:#ddd;cursor:not-allowed}.skip-inline{background:none;border:none;padding:0;margin-left:8px;font-size:1rem;color:#666;cursor:pointer;font-weight:400;text-decoration:none}.skip-inline:hover{text-decoration:underline}.assistant-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#14141480;z-index:999;display:flex;align-items:center;justify-content:center}.assistant-modal-content{background-color:#fae6ff;border-radius:16px;padding:30px;width:90%;max-width:600px;max-height:90%;overflow-y:auto;position:relative;box-shadow:0 4px 20px #0003}.assistant-close{position:absolute;top:16px;right:16px;background-color:transparent;border:none;font-size:1.2rem;cursor:pointer;color:#333;transition:transform .2s ease}.assistant-close:hover{transform:scale(1.2)}.block-editor{padding:20px}.block-item{margin-bottom:30px}.block-paragraph{font-size:1.2rem;line-height:1.6;cursor:pointer;background:#f7f7f7;padding:10px;border-radius:8px;transition:background .3s}.block-paragraph:hover{background:#e0f7ff}.block-text-edit-wrapper{margin-bottom:20px;display:flex;flex-direction:column;gap:10px}.block-textarea{width:100%;min-height:100px;font-size:1.1rem;padding:10px;border-radius:8px;border:1px solid #ccc}.block-buttons{display:flex;gap:10px;margin-top:10px}.centered-buttons{justify-content:center}.block-image-wrapper{text-align:center;margin:30px 0}.block-image{width:60%;height:auto;display:block;margin:0 auto;border-radius:12px;cursor:pointer;transition:transform .2s}.block-image:hover{transform:scale(1.05)}.block-image-edit{background:#eef9ff;padding:20px;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:15px;max-width:80%;margin:0 auto}.block-prompt-input{width:100%;max-width:600px;font-size:1rem;padding:10px;border:1px solid #aaa;border-radius:8px}.block-actions{display:flex;gap:20px;justify-content:center;margin-top:40px}.block-save-button,.block-cancel-button{font-size:1.2rem;padding:10px 20px;cursor:pointer;border:none;border-radius:8px}.block-save-button{background-color:#4caf50;color:#fff}.block-cancel-button{background-color:#f44336;color:#fff}.image-edit-modal{background:#eef9ff;padding:20px;border-radius:12px;max-width:90%;margin:0 auto;box-shadow:0 4px 16px #0003;text-align:center}.block-image-preview{max-width:60%;border-radius:12px;margin-bottom:15px}.block-prompt-textarea{width:100%;max-width:600px;font-size:1rem;padding:10px;border:1px solid #aaa;border-radius:8px;resize:vertical;line-height:1.4}.generating-message{margin:10px auto;text-align:center;font-weight:700;font-size:1.1rem;background-color:#fff7c0;padding:10px 20px;border-radius:10px;animation:blink 1s infinite}@keyframes blink{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.credit-bar{position:absolute;bottom:0;left:0;width:100%;background:#cde1ef;border-bottom:2px solid #86b8f9;padding:.5rem;z-index:9999;font-size:.9rem;display:flex;flex-direction:column;align-items:center}.credit-info{display:flex;justify-content:space-between;gap:1rem;align-items:center}.credit-explain-btn{background:transparent;border:none;color:#d35400;cursor:pointer;font-weight:700}.credit-details-overlay{position:fixed;top:50px;left:50%;transform:translate(-50%);background:#fff;border:2px solid #f0ad4e;padding:1rem;z-index:10000;width:90%;max-width:400px;box-shadow:0 4px 10px #0003;border-radius:12px}.credit-details-box h3{margin-top:0}.credit-close-btn{margin-top:1rem;background:#f0ad4e;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer}.credit-bar.exhausted{background:#ffe6e6;border-top:2px solid #cc0000;padding:.8rem;color:#c00;font-weight:700;display:flex;justify-content:center;gap:.5rem}.credit-link{color:#c00;font-weight:700;text-decoration:underline}.credit-bar.no-credit{background:#ffe2e2;border-bottom:2px solid #e74c3c}.credit-bar.no-credit .credit-explain-btn{color:#e74c3c;font-weight:700}.credit-progress-wrapper{position:relative;height:8px;width:100%;max-width:600px;border-radius:4px;background-color:#fffbf4;overflow:hidden;margin-bottom:4px;box-shadow:inset 0 0 0 1px #ccc}.credit-progress.pending{position:absolute;left:0;top:0;height:100%;background-color:#f0b262;z-index:2}.credit-progress.used{position:absolute;left:0;top:0;height:100%;background-color:#48c774;z-index:1;box-shadow:inset 0 0 2px #2f6b3d}.credit-bar,.credit-bar.no-credit{position:fixed;bottom:0;left:0;width:100%;z-index:1001}.sr-close{background:none!important;border:none!important;box-shadow:none!important;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:color .2s,transform .18s cubic-bezier(.4,1.4,.6,1);position:absolute;top:10px;right:10px;left:auto}.settings-page{min-height:100vh;width:100vw;max-width:100vw;margin:0;padding:0;background:linear-gradient(135deg,#f8fbff,#e3f0ff);border-radius:0;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.settings-header-row{width:100vw;max-width:100vw;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:.5rem 0 0;background:transparent;position:relative}.settings-title-container{width:100vw;max-width:100vw;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;position:relative;background:transparent;margin-bottom:30px;box-sizing:border-box;padding:.5rem 2rem 0}.settings-page-title{width:100%;margin-top:.5rem;font-family:Quicksand,Nunito,sans-serif;font-size:1.8rem;font-weight:700;color:#f5a225;text-align:center;margin-top:40px;font-family:Quicksand,sans-serif;animation:pop-in .6s ease-out;letter-spacing:.5px}.settings-content{width:100vw;max-width:100vw;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;padding:0 2vw}.settings-content h1{text-align:center;color:#f4a261;margin-bottom:0;margin-top:0;flex:1}.nav-link{font-weight:700;font-size:16px;color:#fa3;text-decoration:none;padding:6px 12px;border-radius:8px;transition:background-color .2s ease}.nav-link:hover{background-color:#fff3e0}section{background-color:#e4edfb;padding:15px 20px;border-radius:10px;margin-bottom:20px;box-shadow:0 2px 5px #0000000d;width:100%;max-width:600px;text-align:center}.settings-section h2{margin-bottom:10px;font-size:1.1rem;color:#444}.settings-select,.settings-button{font-size:1rem;padding:8px 14px;border-radius:6px;border:1px solid #ccc;margin-right:10px;background-color:#fff}select:disabled,button:disabled{background-color:#eee;color:#999;cursor:not-allowed}.coming-soon{font-size:.85rem;color:#888;margin-top:5px;font-style:italic}.nav-link-button{background:none;border:none;font:inherit;color:#333;text-decoration:none;cursor:pointer;padding:.5rem 1rem}.nav-link-button:hover{text-decoration:underline}.credit-bar-wrapper{position:fixed;bottom:0;left:0;right:0;z-index:1000}.sr-container{min-height:100vh;width:100vw;max-width:100vw;margin:0;padding:0;background:linear-gradient(135deg,#f8fbff,#e3f0ff);border-radius:0;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;transition:background-color .3s ease}.sr-container.sr-night{background:linear-gradient(135deg,#444a54,#23272f)!important;color:#fff6f6}.sr-header{display:flex;justify-content:space-between;margin-bottom:20px}.sr-header-row{width:100vw;max-width:100vw;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;position:relative;background:transparent;margin-bottom:.5rem;box-sizing:border-box;padding:.5rem 2rem 0}.sr-header a{text-decoration:none;font-weight:700;color:#fa3;font-size:1rem}.sr-title{font-size:1.8rem;font-weight:700;color:#f4a261;margin:1rem auto;max-width:90%;text-align:center;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.sr-options{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:20px}.sr-options button{background-color:#d2edfc;border:none;border-radius:8px;padding:8px 16px;font-size:.9rem;cursor:pointer;font-weight:700;margin:5px;transition:background-color .2s ease,box-shadow .2s;box-shadow:0 2px 8px #78b4dc21}.sr-options button:hover{background-color:#bde4f9;box-shadow:0 4px 16px #78b4dc2e}.sr-options select{padding:6px 8px;border-radius:8px;border:1px solid #ccc;font-size:1rem;background-color:#fff3dd}.sr-button{background-color:#ffeccb;border:none;border-radius:8px;padding:8px 16px;font-size:.9rem;cursor:pointer;font-weight:700;margin:10px auto;transition:background-color .2s ease;display:block}.sr-button:hover{background-color:#ffdeab}.sr-container.sr-night .sr-options select{background-color:#817b7b;color:#f1f1f1;border:1px solid #666}.sr-container.sr-night .sr-options button{background-color:#3a3f47;color:#f1f1f1;box-shadow:0 2px 8px #283c502e}.sr-container.sr-night .sr-options button:hover{background-color:#23272f;color:#fff;box-shadow:0 4px 16px #283c5047}.sr-text{max-width:900px;margin:20px auto;padding:0 16px;font-size:inherit;line-height:1.6;word-wrap:break-word;white-space:normal;overflow-wrap:break-word;text-align:justify}.sr-text.small{font-size:1rem}.sr-text.medium{font-size:1.4rem}.sr-text.large{font-size:2.2rem}.sr-text p,.sr-text .sr-title-inline,.sr-word{font-size:inherit}.sr-title-inline{font-weight:700;color:#f4a261;text-align:center;margin-bottom:2rem;line-height:1.5}.sr-word,.sr-word.small,.sr-word.medium,.sr-word.large{font-size:inherit}.sr-highlighted{border-bottom:3px solid #ffaa33}.sr-congrats{text-align:center;font-weight:700;color:green;font-size:1.2rem;margin:10px 0;animation:pop .6s ease}@keyframes pop{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.2);opacity:1}to{transform:scale(1)}}.sr-end{margin-top:20px;text-align:center;font-size:1.2rem;color:#28a745}.sr-close{background:none!important;border:none!important;box-shadow:none!important;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:color .2s,transform .18s cubic-bezier(.4,1.4,.6,1);position:static;margin-right:0;margin-top:0}.sr-close:hover{transform:scale(1.15);color:#d90000}.sr-audio-close{background:none;border:none;font-size:1.2rem;cursor:pointer;position:absolute;top:-10px;right:-10px;background:#f55;color:#fff;border-radius:50%;width:24px;height:24px;font-size:14px}.sr-generate-audio{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#fafafaf2;display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px;box-sizing:border-box;animation:fadeIn .3s ease}.credit-bar-animated{transition:opacity .5s ease,transform .5s ease;opacity:1;transform:translateY(0)}.credit-bar-hidden{opacity:0;transform:translateY(20px);pointer-events:none}.sr-font-quicksand{font-family:Quicksand,sans-serif}.sr-font-system{font-family:system-ui,sans-serif}.sr-icon-button-wrapper{position:relative;display:inline-block}.sr-icon-button{width:40px;height:40px;font-size:1.2rem;background-color:#ffeccb;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.sr-icon-button:hover{background-color:#ffdeab}.sr-font-overlay{position:absolute;top:42px;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:6px 10px;border-radius:6px;font-size:.8rem;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .3s ease;z-index:1000}.sr-tooltip-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.sr-icon-button{background:none;border:none;font-size:1.4rem;cursor:pointer;padding:6px}.sr-tooltip-text{visibility:hidden;background-color:#444;color:#fff;font-size:.8rem;text-align:center;border-radius:6px;padding:6px 10px;position:absolute;z-index:1;bottom:-38px;left:50%;transform:translate(-50%);white-space:nowrap;opacity:0;transition:opacity .3s}.sr-tooltip-wrapper:hover .sr-tooltip-text{visibility:visible;opacity:1}.sr-text.sr-font-quicksand{font-family:Quicksand,sans-serif!important}.sr-text.sr-font-app{font-family:var(--app-font, sans-serif)!important}.sr-game-text{max-width:900px;margin:20px auto;padding:0 16px;font-size:inherit;line-height:1.6;word-wrap:break-word;white-space:normal;overflow-wrap:break-word}.sr-game-text p{text-align:justify;text-justify:inter-word;word-break:break-word;margin-bottom:1em}.sr-game-text span{white-space:nowrap;margin-right:5px}.sr-game-text.small{font-size:1rem}.sr-game-text.medium{font-size:1.4rem}.sr-game-text.large{font-size:2.2rem}@media (max-width: 900px){.sr-container{padding:15px;max-width:100%;border-radius:10px}.sr-text,.sr-game-text{padding:0 12px;font-size:1.2rem;line-height:1.6}.sr-options{flex-direction:column;align-items:center}.sr-options button{width:90%;margin:6px 0;font-size:1rem;padding:10px}.sr-title,.sr-title-inline{font-size:1.6rem;line-height:1.4;margin:.8rem 0}.sr-end{font-size:1rem}.sr-audio-player{width:90%;bottom:15px}}@media (max-width: 600px){.sr-text,.sr-game-text{font-size:1.1rem;padding:0 10px}.sr-title,.sr-title-inline{font-size:1.4rem}.sr-options button{width:100%;font-size:.95rem;padding:10px 14px}.sr-audio-player{width:95%;padding:8px}}.audio-player{margin-top:20px;text-align:center}.audio-player button{background-color:#ffddb0;border:none;border-radius:8px;padding:8px 16px;margin-right:10px;font-weight:700;cursor:pointer}.audio-player select{padding:6px 10px;border-radius:6px;border:1px solid #ccc}.audio-player-container{display:flex;align-items:center;gap:12px}.audio-player-container button,.audio-player-container select{background-color:#ffeccb;border:none;padding:8px;border-radius:8px;font-size:1rem;cursor:pointer}.audio-player-container button:hover{background-color:#ffdeab}.ga-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.ga-content{background:#fffaf1;padding:30px;border-radius:16px;box-shadow:0 2px 12px #0003;max-width:500px;width:90%;text-align:center;font-family:Quicksand,sans-serif}.ga-content select{margin-left:10px;padding:5px;border-radius:6px;border:1px solid #ccc;background-color:#fff}.ga-buttons{margin-top:30px;display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.ga-buttons button{padding:10px 20px;font-size:1rem;border-radius:12px;border:none;background-color:#f2f2f2;cursor:pointer;transition:background-color .2s ease}.ga-buttons button:hover{background-color:#e6e6e6}.loading-audio{background-color:#e0f0ff!important;border:1px solid #3399ff;color:#06c;animation:pulseBlue 1.5s infinite;cursor:wait}@keyframes pulseBlue{0%{box-shadow:0 0 #0099ff4d}70%{box-shadow:0 0 0 10px #09f0}to{box-shadow:0 0 #09f0}}.export-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-in-out}.export-modal{background-color:#fffaf1;border-radius:16px;padding:30px 20px;width:90%;max-width:500px;box-shadow:0 8px 24px #0000004d;position:relative;text-align:center;animation:popIn .3s ease-in-out}.export-close{position:absolute;top:12px;right:12px;background:#ff6b6b;border:none;border-radius:50%;color:#fff;font-size:1rem;width:28px;height:28px;cursor:pointer;transition:background .2s ease}.export-close:hover{background:#e35151}.export-intro{background-color:#f1f5ff;padding:12px;border-radius:6px;font-size:1rem;line-height:1.5;margin-bottom:1rem;color:#333}.export-subtitle{font-size:1.2rem;margin-bottom:10px;font-weight:700;color:#444}.export-note{background-color:#f1f5ff;padding:12px;border-radius:6px;font-size:1rem;line-height:1.5;margin-bottom:1rem;color:#333}.export-button{background-color:#ffeccb;border:none;border-radius:10px;padding:12px 20px;margin:10px 0;font-size:1rem;font-weight:700;cursor:pointer;width:100%;transition:background-color .2s ease}.export-button:hover{background-color:#ffdeab}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes popIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-box{text-align:center;font-size:1.3rem;background:#fff;padding:30px;border-radius:12px;box-shadow:0 0 32px 8px #b3e0ff,0 0 #90caf9;animation:blue-glow-pulse 1.2s infinite cubic-bezier(.4,1.4,.6,1)}@keyframes blue-glow-pulse{0%{box-shadow:0 0 32px 8px #b3e0ff,0 0 #90caf9;transform:scale(1)}50%{box-shadow:0 0 48px 16px #90caf9,0 0 0 8px #b3e0ff;transform:scale(1.07)}to{box-shadow:0 0 32px 8px #b3e0ff,0 0 #90caf9;transform:scale(1)}}.child-mode-page{background-color:#f0f8ff;min-height:100vh;padding-bottom:2rem}.child-main-content{max-width:800px;margin:0 auto;padding:1rem}.child-title{font-size:1.6rem;font-weight:700;color:#f5a225;text-align:center;margin-top:40px;margin-bottom:30px;font-family:Quicksand,sans-serif;animation:pop-in .6s ease-out;letter-spacing:.5px}.child-section{text-align:center;background-color:#e0f4ff;border-radius:20px;padding:1.2rem 1rem;margin-bottom:1.2rem;box-shadow:0 3px 10px #0000000d;border:1px solid #c9e9ff;max-width:600px;margin-left:auto;margin-right:auto}.child-subtitle{font-size:1.2rem;margin-bottom:.8rem;color:#34495e}.avatar-selection{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:10px}.avatar-card{border:2px solid #ccc;border-radius:16px;padding:10px;cursor:pointer;transition:all .2s ease;text-align:center;width:100px;background-color:#fff}.avatar-card:hover{background-color:#f9f9f9;box-shadow:0 0 6px #0000001a}.avatar-card.selected{background-color:#d9f3ff;border-color:#6cf;box-shadow:0 0 10px #66ccff4d;transform:scale(1.05);font-weight:700}.avatar-card img{width:60px;height:60px;object-fit:contain;margin-bottom:6px;border-radius:8px}.avatar-card p{font-size:.85rem;color:#333}.generate-button{background-color:#ffd28c;color:#000;border:none;padding:10px 16px;font-size:1rem;border-radius:12px;cursor:pointer;font-weight:700;box-shadow:0 2px 6px #0000001a;transition:background .2s ease}.generate-button:hover{background-color:#ffbf66}@media (max-width: 480px){.child-title{font-size:1.6rem}.child-subtitle{font-size:1rem}.generate-button{width:100%}.avatar-selection{gap:8px}.avatar-card img{width:50px;height:50px}}.child-icon-img{width:40px;height:40px;border-radius:8px;object-fit:cover}.child-avatar-card{display:flex;flex-direction:column;align-items:center;background-color:#fff;padding:8px;border-radius:16px;box-shadow:0 2px 6px #0000000d;margin:10px;width:80px;font-size:.85rem}.child-avatar-card img{width:60px;height:60px;object-fit:cover;border-radius:12px}.child-list-item{display:flex;align-items:center;gap:10px;margin-bottom:6px}.child-mic-controls{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:10px}.child-idea-box{background-color:#fdfdfd;padding:12px;border-radius:12px;border:1px solid #ccc;min-height:80px;font-size:1rem;margin-bottom:20px}.child-center{text-align:center}.child-character-wrapper{background-color:#d9f3ff;border-color:#6cf;border-radius:20px;padding:1.2rem 1rem;margin-bottom:1.2rem;box-shadow:0 3px 10px #0000000d;border:1px solid #dfefff}.story-summary{padding:1.5rem}.summary-grid{display:grid;grid-template-columns:200px 1fr;row-gap:20px;column-gap:16px}.summary-label{font-weight:700;color:#333;display:flex;align-items:center;font-size:1rem}.summary-content{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.summary-content img{width:40px;height:40px;border-radius:10px;object-fit:cover}.summary-block{margin-bottom:1.5rem}.summary-title{font-size:1.1rem;font-weight:700;margin-bottom:.8rem;color:#2c3e50}.summary-grid-icons{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.child-list-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;min-width:80px}.summary-grid-icons{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.child-icon-img{width:48px;height:48px;border-radius:8px;object-fit:cover}.summary-section{margin-bottom:40px}.summary-category-title{font-weight:700;font-size:1.1rem;margin-bottom:20px;text-align:center}.summary-avatars-line,.summary-roles-line{display:flex;justify-content:center;flex-wrap:wrap;gap:32px;margin-bottom:12px}.summary-avatar-block,.summary-role-block{text-align:center;min-width:80px}.summary-category{margin-bottom:30px;text-align:center}.summary-line{display:flex;justify-content:center;gap:20px;margin-top:10px;flex-wrap:wrap}.summary-pair-container{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;margin-top:15px}.summary-pair{display:flex;align-items:center;column-gap:8px}.summary-avatar-img{width:60px;height:60px;object-fit:cover;border-radius:12px;margin-bottom:6px}.summary-avatar-name{font-size:.9rem;color:#333}.summary-icon-img{width:50px;height:50px;object-fit:cover;border-radius:12px;margin-bottom:6px}.summary-icon-label{font-size:.85rem;color:#555}.summary-card{background-color:#fff;border:2px solid #dfefff;border-radius:16px;padding:8px;width:90px;height:105px;text-align:center;box-shadow:0 2px 6px #0000000d;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.summary-avatar-img,.summary-icon-img{width:60px;height:60px;object-fit:contain;margin:0 auto 6px}.summary-avatar-name,.summary-icon-label{font-size:.9rem;color:#333;text-align:center;line-height:1.2;min-height:1.4em}.summary-equals{font-size:1.6rem;margin:0 4px;color:#666;font-weight:500}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:1000}.loading-box{text-align:center;font-size:1.3rem;background:#fff;padding:30px;border-radius:12px;box-shadow:0 0 10px #0000001a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading-message{animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1);opacity:.7}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:.7}}.child-avatar-list{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem;margin-top:1rem}.child-avatar-card{width:85px;height:115px;background-color:#fff;border:2px solid transparent;border-radius:10px;text-align:center;padding:.5rem;box-shadow:0 0 4px #0000001a;transition:border .2s,box-shadow .2s;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between}.child-avatar-card.selected{border:2px solid #ffaa33;background-color:#fff;box-shadow:0 0 10px #fa36}.child-avatar-card img{width:80px;height:80px;object-fit:contain;margin:0 auto}.child-close{background:none!important;border:none!important;box-shadow:none!important;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;padding:0;position:absolute;top:18px;right:18px;left:auto;transition:color .2s,transform .18s cubic-bezier(.4,1.4,.6,1)}.child-close:hover{color:#d90000;transform:scale(1.18)}.avatar-carousel-wrapper{display:flex;flex-direction:column;align-items:center;padding:2rem;max-width:500px;margin:0 auto;text-align:center}.avatar-title{font-size:1.5rem;color:#f5a225;margin-bottom:1.5rem}.avatar-card{background-color:#dde9ff;border-radius:1rem;padding:2rem 1.5rem;min-height:600px;width:100%;max-width:500px;box-shadow:0 0 8px #0000001a;display:flex;flex-direction:column;gap:1rem}.avatar-photo{width:100%;height:320px;border:2px dashed #ccc;border-radius:1rem;overflow:hidden;cursor:pointer;display:flex;justify-content:center;align-items:flex-start}.avatar-photo img{width:100%;height:100%;object-fit:contain;object-position:top;border-radius:0}.avatar-placeholder{color:#999;font-size:.9rem;padding:.5rem}.avatar-card input,.avatar-card select,.avatar-card textarea{width:100%;padding:.6rem;border:1px solid #ccc;border-radius:8px;font-size:1rem;box-sizing:border-box}.avatar-card textarea{resize:vertical;transition:height .3s ease}.generate-avatar-button{background-color:#1e90ff;color:#fff;font-size:1rem;padding:.75rem 1.2rem;border:none;border-radius:10px;cursor:pointer;transition:background-color .3s ease}.generate-avatar-button:hover{background-color:#07c}.description-preview{padding:.75rem;background:#fff;border:1px dashed #aaa;border-radius:8px;cursor:pointer;font-size:.95rem;color:#333;min-height:70px;transition:background-color .2s}.description-preview:hover{background-color:#fff6e2}.delete-main-avatar{margin-top:.5rem;color:#c00;font-size:1rem;cursor:pointer;text-align:right}.avatar-thumbnails{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;margin:2rem 0 1rem}.avatar-thumb{width:70px;height:70px;border-radius:10px;overflow:hidden;border:2px solid transparent;cursor:pointer;background:#eee;display:flex;justify-content:center;align-items:center}.avatar-thumb img{width:100%;height:100%;object-fit:cover}.avatar-thumb.selected{border-color:#f5a225;box-shadow:0 0 6px #f5a225}.add-avatar{font-size:2rem;color:#1e90ff;pointer-events:none}.avatar-save:hover{background-color:#d48c00}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;z-index:1000;display:flex;align-items:center;justify-content:center}.modal-box{background:#fff;padding:2rem;border-radius:1rem;width:90%;max-width:600px;text-align:center}.modal-textarea{width:100%;height:200px;padding:1rem;font-size:1rem;margin-bottom:1rem;resize:vertical}.validate-button{padding:.75rem 1.5rem;background-color:#2ecc71;color:#fff;border:none;border-radius:.5rem;font-size:1.1rem}.credit-warning-button:hover{background-color:#e64545}.avatar-card{display:flex;flex-direction:column;gap:.75rem}.avatar-credit-info{margin-top:1rem;text-align:left;font-size:.95rem}.credit-line{color:#333;margin-bottom:.5rem}.credit-warning-button{background-color:#f55;color:#fff;border:none;padding:.4rem .8rem;border-radius:8px;font-size:.9rem;cursor:pointer}.avatar-credit-row{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.credit-line{font-size:.95rem;color:#333}.credit-explain-btn{margin-left:.5rem;background:none;border:none;font-size:1rem;cursor:pointer}.avatar-credit-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:.5rem}.avatar-credit-row{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;gap:1rem;flex-wrap:wrap}.credit-line{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.avatar-subtitle{font-size:1.1rem;color:#555;margin-bottom:1.2rem}.color-picker{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:6px 0 14px}.color-circle{width:32px;height:32px;border-radius:50%;border:3px solid transparent;cursor:pointer;box-shadow:0 0 3px #0002;transition:border .2s}.color-circle.selected{border:3px solid orange;box-shadow:0 0 6px #ff9800}.avatar-button-row{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.avatar-save,.avatar-cancel{padding:.6rem 1.5rem;font-weight:700;font-size:1rem;border-radius:8px;min-width:150px;height:45px;cursor:pointer;transition:background-color .2s ease}.avatar-save{background-color:#f9a825;color:#fff;border:none}.avatar-cancel{background-color:#f0f0f0;color:#000;border:none}.modal-buttons-row{display:flex;justify-content:space-between;gap:10px;margin-top:1rem}.modal-confirm-button,.modal-cancel-button{flex:1;padding:.6rem;border:none;border-radius:10px;font-size:1rem;cursor:pointer}.modal-confirm-button{background-color:#f44336;color:#fff}.modal-cancel-button{background-color:#e0e0e0;color:#000}.pss-global-title{text-align:center;font-size:1.5rem;margin-top:1.5rem;margin-bottom:1rem;color:#f5a225}.pss-card{position:relative}.pss-validate-button{background-color:#66b3ff;color:#fff;border:none;padding:12px 24px;font-size:1rem;border-radius:10px;cursor:pointer;transition:background-color .3s}.pss-wrapper{display:flex;flex-direction:column;align-items:center;padding:2rem;max-width:100%;overflow-x:hidden}.pss-global-title{text-align:center;font-size:1.5rem;margin-bottom:1rem;color:#f5a225}.pss-card{position:relative;display:flex;flex-direction:column;align-items:center;width:150px;border:2px solid transparent;border-radius:1rem;overflow:hidden;background:#f9f9f9;transition:all .2s ease-in-out;box-shadow:0 0 6px #0000001a;cursor:pointer}.pss-card-selected{border-color:#66b3ff;box-shadow:0 0 8px #66b3ff}.pss-title{margin:.5rem 0 0;font-size:1rem;font-weight:700;text-align:center}.pss-description{margin:0 0 .5rem;font-size:.9rem;color:#555;text-align:center}.pss-validate-container{display:flex;justify-content:center;margin:2rem auto}.pss-validate-button{background-color:#fabc5f;color:#fff;border:none;padding:12px 24px;font-size:1rem;border-radius:10px;cursor:pointer;transition:background-color .3s}.pss-validate-button:hover{background-color:#f5a225}.pss-carousel-wrapper{display:flex;flex-direction:column;align-items:center;padding:2rem;text-align:center}.pss-featured-card{background:#d2e2fc;border-radius:1rem;padding:1rem;max-width:500px;box-shadow:0 0 10px #0000001a}.pss-featured-img{width:80%;height:auto;border-radius:1rem;margin-bottom:1rem}.pss-select-button{margin-top:1rem;padding:10px 20px;font-size:1rem;border:none;border-radius:10px;cursor:pointer;background-color:#88bff6;color:#fff;transition:background-color .3s}.pss-select-button.selected{background-color:#3e7dc5}.pss-carousel-bar{display:flex;gap:.5rem;margin:2rem 0;flex-wrap:nowrap;overflow-x:auto;height:80px;align-items:center;justify-content:center;padding:0 1rem;scroll-behavior:smooth}.pss-carousel-thumb{width:60px;height:60px;object-fit:cover;border-radius:10px;cursor:pointer;opacity:.6;transition:transform .2s,opacity .2s,border .2s;border:2px solid transparent}.pss-carousel-thumb.active{transform:scale(1.1);opacity:1;border-color:#66b3ff}.pss-validate-button{background-color:#f2bb6a;color:#fff;border:none;padding:12px 24px;font-size:1rem;border-radius:10px;cursor:pointer;transition:background-color .3s}.pss-validate-button:disabled{background-color:#ccc;cursor:not-allowed}.pss-style-header-inline{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem;margin-bottom:.5rem}.pss-style-header-inline h3{margin:0;font-size:1.2rem}.pss-arrow{background:none;border:none;font-size:2.5rem;cursor:pointer;color:#66b3ff;transition:color .2s;padding:0 .5rem}.pss-arrow:hover{color:#1565c0}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.selected-thumb{border:3px solid #3399ff;box-shadow:0 0 8px #39f6;transform:scale(1.1);opacity:1;z-index:1}.pss-fade-in{animation:fadeIn .4s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.pss-container{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;padding:1rem}.pss-card{width:150px;border:2px solid transparent;border-radius:1rem;overflow:hidden;cursor:pointer;text-align:center;background:#f9f9f9;transition:all .2s ease-in-out;box-shadow:0 0 6px #0000001a}.pss-card:hover{transform:scale(1.05)}.pss-card.pss-card-selected{border-color:orange;box-shadow:0 0 8px orange}.pss-image{width:100%;height:120px;object-fit:cover;object-position:center}.pss-title{margin:.5rem 0 0;font-size:1rem;font-weight:700}.pss-description{margin:0 0 .5rem;font-size:.9rem;color:#555}.pss-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#1e1e1ee6;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pss-zoomed{background:#fff;border-radius:1rem;padding:1rem;max-width:90%;max-height:90%;overflow:auto;text-align:center;position:relative;box-shadow:0 0 10px #000}.pss-zoomed-image{max-width:100%;max-height:60vh;border-radius:1rem}.pss-zoomed-title{margin-top:1rem;font-size:1.3rem}.pss-zoomed-description{font-size:1rem;color:#444}.pss-close{position:absolute;top:.5rem;right:.5rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#444}@font-face{font-family:OpenDyslexic;src:url(/fonts/OpenDyslexic/OpenDyslexic-Regular.woff) format("woff");font-weight:400;font-style:normal}html{font-size:16px;font-family:var(--app-font, sans-serif)}body{font-size:inherit}body{margin:0;padding:0;background-color:#fffaf3;color:#333;font-size:inherit}.app-container{padding:20px;max-width:800px;margin:auto}.font-comic{font-family:Comic Sans MS,Comic Neue,cursive}.font-rounded{font-family:Arial Rounded MT,Arial,sans-serif}.font-sans{font-family:Arial,sans-serif}.font-serif{font-family:Georgia,serif}.font-dyslexic{font-family:OpenDyslexic,sans-serif}.font-title-app{font-family:var(--app-font, sans-serif)}body,h1,h2,h3,h4,h5,h6,button,input,select,textarea,p,div,span{font-family:inherit}