.loading-indicator{position:fixed;top:20px;right:20px;background-color:var(--background-alpha);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--accent-color);color:var(--text-color);padding:.8rem 1.2rem;border-radius:16px;box-shadow:0 4px 12px #00000026;z-index:1000;display:flex;align-items:center;font-size:.9rem;font-weight:500}.loading-task-avatar{width:32px;height:32px;border-radius:50%;margin-right:.8rem;object-fit:cover}.loading-indicator .loader{border:3px solid var(--border-color);border-top:3px solid var(--accent-color);border-radius:50%;width:18px;height:18px;animation:spin 1s linear infinite;margin-right:.8rem}.loading-indicator.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,50%,90%{transform:translate3d(-1px,0,0)}}.error-indicator-container{position:fixed;top:20px;left:20px;z-index:9999;display:flex;flex-direction:column;gap:10px}.error-item{border:1px solid #c53030;background-color:var(--background-alpha);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text-color);padding:1rem 1.5rem;border-radius:16px;box-shadow:0 4px 12px #0003;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.95rem;max-width:350px;animation:slideInLeft .3s ease-out}.error-close-button{background:none;border:none;color:#fff;opacity:.7;cursor:pointer;padding:0;font-size:1.2rem;line-height:1}.error-close-button:hover{opacity:1}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.photoset-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:2.5rem;padding:2rem;max-width:640px;margin:0 auto;color:var(--text-color)}@media(min-width:960px){.photoset-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1024px}}@media(min-width:1201px){.photoset-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1440px}}@media(min-width:1601px){.photoset-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1800px}}.photoset-card{background-color:var(--secondary-bg);border-radius:12px;display:flex;flex-direction:column;transition:all .2s ease-in-out;padding-bottom:0;position:relative;z-index:1}.photoset-card:before{transform:rotate(-2.5deg)}.photoset-card:after{transform:rotate(2.5deg)}.photoset-card:hover{transform:translateY(-6px) rotate(0)}.photoset-card:hover:before{transform:rotate(-4deg)}.photoset-card:hover:after{transform:rotate(4deg)}.photoset-card-link{text-decoration:none;color:inherit}.photoset-cover-container{width:100%;aspect-ratio:4 / 5;position:relative;overflow:hidden;background-color:var(--secondary-bg);border-bottom:1px solid var(--card-border-color);border-radius:12px}.photoset-cover-container:hover{box-shadow:0 8px 20px #0000004d}.photoset-cover-placeholder{width:100%;height:100%;background-color:var(--secondary-bg);display:flex;align-items:center;justify-content:center;position:relative}.photoset-cover-image{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .5s ease-in-out,transform .3s ease}.photoset-card:hover .photoset-cover-image{transform:scale(1.05)}.photoset-cover-image.loaded{opacity:1}.photoset-info{display:flex;flex-direction:column;padding:1rem 1.2rem;text-align:left}.photoset-header{display:flex;flex-direction:column;align-items:flex-start}.photoset-header h3{margin:0;font-size:1.1rem;font-weight:600;line-height:1.3;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photoset-character{font-size:.85rem;margin-top:.3rem;color:var(--text-color-muted, #888)}.photoset-photo-count{position:absolute;top:.75rem;right:.75rem;z-index:10;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:.75rem;padding:.3rem .6rem;border-radius:6px;font-weight:500}.photoset-caption{margin-top:.6rem;flex-grow:1;padding:0}.photoset-footer{display:flex;justify-content:flex-end;align-items:center;margin-top:1.5rem;gap:.5rem}.reuse-button,.new-photoset-button{background-color:transparent;color:#888;border:1px solid var(--border-color);padding:.4rem .8rem;border-radius:5px;cursor:pointer;font-size:.8rem;font-weight:500;display:inline-flex;align-items:center;gap:.4rem;transition:all .2s ease}.reuse-button:hover,.new-photoset-button:hover{color:var(--accent-color);border-color:var(--accent-color)}.reuse-button svg,.new-photoset-button svg{width:14px;height:14px}.pagination-footer{display:flex;justify-content:center;align-items:center;padding:3rem 1rem;gap:1.5rem}.pagination-footer button{background-color:transparent;border:none;color:var(--text-color);padding:.5rem 1rem;cursor:pointer;transition:color .2s;font-size:1rem}.pagination-footer button:disabled{cursor:not-allowed}.pagination-footer button:not(:disabled):hover{color:var(--accent-color)}.pagination-footer span{font-size:1rem}.about-page-container{padding:2rem;max-width:800px;margin:0 auto;text-align:center;font-family:Roboto Mono,monospace,Roboto,sans-serif;line-height:1.6}.about-page-container h1{font-size:2.5rem;margin-bottom:1.5rem;color:var(--text-color)}.about-page-container p{font-size:1.1rem;margin-bottom:1rem;color:var(--text-color)}.about-page-container p:last-of-type{margin-top:2rem;font-style:italic}.version-text{font-size:.6rem;color:var(--text-color);margin-top:-3.5rem;margin-bottom:3rem}.about-profile-image{width:200px;border-radius:50%;margin:4rem 0;display:block;margin-left:auto;margin-right:auto;box-shadow:0 4px 12px #00000026}.settings-page{box-sizing:border-box;max-width:860px;margin:2rem auto;padding:2rem;color:var(--text-color)}.settings-page h1{text-align:center;margin-bottom:2rem}.settings-section-title{font-size:1.4rem;font-weight:700;margin-top:3rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--accent-color);color:var(--highlight-color)}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:1.4rem 0;border-bottom:1px solid var(--accent-color)}.setting-item label{font-size:1.1rem}@media(max-width:970px){.settings-page{padding:0rem}.setting-item{display:block}.setting-item>span,.setting-item>label{display:block;padding:1rem 0}}.switcher{position:relative;display:inline-block;width:60px;height:34px;color:var(--border-color)}.switcher:active{color:var(--highlight-color)}.resolution-selector{display:flex;gap:.4rem}.resolution-selector .count-box{cursor:pointer}.slider{position:absolute;cursor:pointer;inset:0;background-color:#666;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}.api-key-input{width:250px;padding:.5rem .8rem;border-radius:8px;border:1px solid var(--border-color);background-color:var(--secondary-bg);color:var(--text-color);font-size:1rem;outline:none;transition:border-color .2s}.api-key-input:focus{border-color:var(--accent-color)}.ai-model-select{width:250px;padding:.5rem 2.5rem .5rem .8rem;border-radius:8px;border:1px solid var(--border-color);background-color:var(--primary-bg);color:var(--text-color);font-size:1rem;outline:none;transition:border-color .2s;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23333333%22%3E%3Cpath%20d%3D%22M12%2017.414l-6.707-6.707a1%201%200%20011.414-1.414L12%2014.586l5.293-5.293a1%201%200%20011.414%201.414L12%2017.414z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right .8rem center;background-size:.8em}body.dark .ai-model-select{background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23EFEFEF%22%3E%3Cpath%20d%3D%22M12%2017.414l-6.707-6.707a1%201%200%20011.414-1.414L12%2014.586l5.293-5.293a1%201%200%20011.414%201.414L12%2017.414z%22%2F%3E%3C%2Fsvg%3E)}.ai-model-select:focus{border-color:var(--accent-color)}.setting-control-stack{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.setting-row{display:flex;align-items:center;gap:1rem}.setting-note{font-size:.85rem;color:var(--text-color-light);margin-top:.5rem;text-align:right;max-width:250px}.about-link-container{margin-top:4rem;text-align:left}.about-link{color:var(--text-color);text-decoration:none;font-size:1rem;transition:color .2s}.about-link:hover{color:var(--accent-color)}.pro-promo{text-align:right;margin-top:1rem;font-size:.9rem;color:var(--text-color-light);max-width:250px}.pro-subscribe-button{background-color:transparent;color:var(--text-color);border:1px solid var(--text-color);padding:.5rem 1rem;border-radius:12px;cursor:pointer;margin-top:.5rem;transition:background-color .2s;font-size:1em;text-decoration:none}.pro-subscribe-button:hover{border-color:var(--highlight-color)}.pro-user-message{text-align:right;margin-top:1rem;font-size:.9rem;max-width:250px}.characters-page{max-width:900px;margin:0 auto;padding:2rem 0rem;color:var(--text-color);text-align:center;box-sizing:border-box}.characters-page .app-title{margin-bottom:2rem}.character-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;justify-items:center}.character-card{display:flex;flex-direction:column;align-items:center;padding:1rem;border-radius:12px;background-color:var(--secondary-bg);cursor:pointer;transition:all .2s ease;width:100%}.character-card:hover{transform:translateY(-5px)}.character-card:hover .character-name{color:var(--highlight-color)}.character-avatar-round{width:120px;height:120px;border-radius:50%;object-fit:cover;margin-bottom:.8rem;border:3px solid var(--accent-color)}.character-card:hover .character-avatar-round{border-color:var(--highlight-color)}.character-name{font-size:1rem;font-weight:400;color:var(--text-color);margin:0}.characters-error,.no-characters{font-size:1.1rem;color:var(--text-color);margin-top:2rem}.character-actions-bar{display:flex;justify-content:flex-end;gap:1rem;margin-bottom:1.5rem;width:100%;box-sizing:border-box}.character-actions-bar .character-actions-bar-inner{display:flex;flex-direction:column;justify-content:center}.character-action-button{padding:.5rem;width:48px;height:48px;border-radius:50%;background-color:transparent;border-color:var(--text-color);color:var(--text-color);cursor:pointer;transition:all .2s;display:flex;justify-content:center;align-items:center}.character-action-button:hover{transform:scale(1.1);background-color:rgba(var(--text-color-rgb),.1);color:var(--text-color);border-color:var(--text-color)}.create-character-button{padding:.8rem 1.5rem;border-radius:16px;background-color:transparent;border-color:var(--highlight-color);cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem;color:var(--highlight-color)}.create-character-button:hover{transform:scale(1.02);background-color:var(--highlight-color-light)}.character-list{display:flex;flex-direction:column;gap:1.6rem;margin-top:2rem}.character-list-item{display:flex;align-items:center;background-color:var(--secondary-bg);padding:.8rem 1.2rem;border-radius:16px;border:1px solid var(--accent-color);box-shadow:var(--shadow-small);box-sizing:border-box;transition:transform .2s ease-in-out}.character-avatar-small{width:50px;height:50px;border-radius:50%;object-fit:cover;margin-right:1rem;border:2px solid var(--accent-color)}.character-list-name{color:var(--text-color);flex-grow:1;text-align:left}.delete-character-button{color:var(--text-color);border-color:var(--text-color);border-radius:8px;padding:.5rem 1rem;cursor:pointer;transition:background-color .2s ease;display:inline-block;align-items:center;gap:.4rem;font-size:.8rem;background-color:transparent}.delete-character-button:hover{background-color:var(--delete-button-hover-bg);transform:scale(1.05);border-color:var(--highlight-color);color:var(--highlight-color)}.delete-character-button svg{stroke:var(--text-color)}.delete-character-button:hover svg{stroke:var(--highlight-color)}.export-character-button{border-color:var(--text-color);border-radius:8px;padding:.5rem 1rem;cursor:pointer;transition:background-color .2s ease;display:inline-block;align-items:center;gap:.4rem;font-size:.8rem;background-color:transparent;margin-right:.4rem}.export-character-button:hover{background-color:transparent;transform:scale(1.05)}.export-character-button span,.delete-character-button span{display:block;line-height:16px}@media(max-width:768px){.characters-page{padding:2rem 0rem}.character-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.character-avatar-round{width:100px;height:100px}.character-actions-bar{align-items:center}.character-action-button,.create-character-button{margin-bottom:.5rem;padding:.4rem .6rem}.character-action-button{width:32px;height:32px}.export-character-button,.delete-character-button{display:block;margin-bottom:.2rem}.export-character-button span,.delete-character-button span{display:none}.export-character-button{margin-right:0}.character-list-item{padding:.8rem}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-color);background-color:var(--background-alpha);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.loading-container p{font-size:1.2rem;margin-bottom:2rem}.loading-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;width:100%;max-width:800px}.loading-thumbnail-placeholder{width:100%;padding-bottom:100%;background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;position:relative;display:flex;align-items:center;justify-content:center}.spinner{border:4px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-left-color:var(--accent-color);animation:spin 1s ease infinite;position:absolute;top:50%;left:50%;margin-top:-18px;margin-left:-18px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.confirm-dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--background-alpha);display:flex;justify-content:center;align-items:center;z-index:10000;opacity:0;transition:opacity .2s ease-in-out;pointer-events:none}.confirm-dialog-overlay.open{opacity:1;pointer-events:auto}.confirm-dialog{background-color:var(--background-alpha);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:2rem;border-radius:16px;border:1px solid var(--accent-color);box-shadow:0 5px 15px #0003;width:90%;max-width:400px;text-align:center}.confirm-dialog h3{margin-top:0;margin-bottom:1rem;font-size:1.25rem}.confirm-dialog p{margin-bottom:2rem;color:var(--text-color);font-size:1rem;line-height:1.5}.confirm-dialog-buttons{display:flex;justify-content:center;gap:1rem}.confirm-dialog-button{padding:.6rem 1.2rem;border-radius:12px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease-in-out}.confirm-dialog-button:hover{transform:scale(102%);transition:transform .2s ease-in-out}.confirm-dialog-button.confirm{color:#c53030;border-color:#c53030;background-color:transparent}.confirm-dialog-button.cancel{background-color:transparent;color:var(--text-color);border-color:var(--border-color)}.profile-page{max-width:900px;margin:0 auto;padding:0 1rem;color:var(--text-color)}.profile-cover{width:100%;height:auto;border-radius:12px;overflow:hidden;margin-bottom:2rem}.profile-cover-image{width:100%;height:100%;object-fit:cover}.profile-content{text-align:center;padding-bottom:2rem}.profile-name{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.profile-details{display:flex;justify-content:center;gap:1.5rem;font-size:1rem;color:#888;margin-bottom:2rem}.profile-quote{font-size:1.2rem;font-style:italic;padding-left:1.5rem;margin:0 auto;max-width:600px}.profile-actions{display:flex;justify-content:center;gap:1.5rem;margin-top:2rem;margin-bottom:2rem}.action-button{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s ease-in-out;text-decoration:none}.favorite-button{background-color:transparent;color:var(--text-color);border:1px solid var(--text-color)}.favorite-button:hover{color:var(--accent-color);border-color:var(--accent-color)}.create-story-button{background-color:var(--accent-color);color:var(--primary-bg);border:1px solid var(--accent-color)}.create-story-button:hover{background-color:transparent;color:var(--accent-color);border-color:var(--accent-color)}.create-story-page{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:100%}.story-creator{display:flex;flex-direction:column;align-items:center;max-width:500px;width:100%}.creator-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:1.5rem}.avatar-name-container{display:flex;align-items:center;gap:1rem}.creator-avatar{width:70px;height:70px;border-radius:50%;object-fit:cover}.creator-name{font-size:1.5rem;font-weight:700;color:var(--text-color)}.back-to-search-btn{background:none;border:1px solid var(--border-color);color:var(--text-color);padding:.4rem .8rem;border-radius:5px;cursor:pointer;font-size:.8rem;transition:all .2s}.back-to-search-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.story-creator form{width:100%;display:flex;flex-direction:column;align-items:center}.mood-input{width:100%;min-height:100px;padding:1rem;border-radius:16px;border-color:var(--border-color);background-color:var(--secondary-bg);color:var(--text-color);font-size:1rem;resize:none;box-sizing:border-box}.mood-input:focus{outline:none;border-color:var(--highlight-color)}.char-counter{width:100%;text-align:right;font-size:.8rem;color:#888;margin-bottom:1rem}.selector-group{padding:1rem 0rem;display:flex;flex-direction:row;width:100%}.selector-label{padding:0px .4rem;font-size:1em;min-width:20%}.photo-count-selector,.orientation-selector{display:flex;justify-content:center;gap:.5rem;margin-bottom:0;flex-grow:1}.count-box{padding:.4rem .8rem;margin:0;font-size:.9rem;border-radius:6px;cursor:pointer}.count-box.active{border-color:var(--highlight-color);background-color:var(--highlight-color);color:var(--primary-bg)}.count-box:not(.active):hover{border-color:var(--accent-color)}.submit-story-button{padding:1rem 2rem;border-radius:16px;background-color:transparent;color:var(--highlight-color);border-color:var(--highlight-color);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:2rem;margin-bottom:2rem}.submit-story-button:hover{transform:scale(102%);transition:transform .2s ease-in-out}.submit-story-button:disabled{filter:grayscale(100%)}.generation-notification{background-color:var(--background-alpha);color:var(--text-color);padding:15px 20px;border-radius:8px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;font-size:.95em;box-shadow:0 2px 4px #0000001a;max-width:500px;width:100%}.generation-notification p{margin:0}.generation-notification .close-notification-btn{background:none;border:none;font-size:1.2em;cursor:pointer;color:var(--text-color);padding:0 5px;line-height:1}.generation-notification .close-notification-btn:hover{color:#004d40}.api-key-missing-message{background-color:var(--background-alpha);color:var(--text-color);padding:1.5rem 2rem;border-radius:12px;margin-top:2rem;text-align:center;max-width:500px;width:100%;box-shadow:0 4px 8px #0000001a}.context-images-preview-grid{display:flex;flex-wrap:wrap;gap:10px;width:100%;margin-bottom:15px}.context-image-preview{position:relative;width:calc(33.33% - 7px);max-width:150px}.context-image-preview img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:8px;border:1px solid var(--border-color)}.clear-context-button{position:absolute;top:-10px;right:-10px;background-color:#282828cc;color:#fff;border:1px solid #fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;cursor:pointer;padding:0;transition:background-color .2s}.clear-context-button:hover{background-color:#000000e6}.mood-input-wrapper{position:relative;width:100%;margin-bottom:1rem}.context-image-button-wrapper{width:100%;display:flex;justify-content:flex-end;margin-bottom:1.6rem}.context-image-button{background-color:var(--secondary-bg);color:var(--text-color);border:1px solid var(--border-color);padding:4px 10px;border-radius:5px;cursor:pointer;font-size:12px;transition:all .2s}.context-image-button:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color)}.context-image-button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.character-search-container{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;max-width:500px}.character-search-input{width:100%;padding:.8rem;font-size:1.2rem;border-radius:32px;border:1px solid var(--border-color);color:var(--text-color);margin-bottom:1rem;z-index:2;outline:none!important;font-family:Roboto,sans-serif;background-color:var(--primary-bg)}.character-search-input:focus{border-color:var(--highlight-color)}.character-search-results{position:absolute;top:8.6rem;left:0;right:0;width:100%;max-height:300px;overflow-y:auto;border:1px solid var(--border-color);border-radius:8px;z-index:12222;box-shadow:0 4px 8px #0000001a;background-color:var(--background-alpha);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.4rem}.character-result-item{display:flex;align-items:center;padding:.5rem;cursor:pointer;border-radius:8px;transition:background-color .2s}.character-result-item:hover,.character-result-item.selected{background-color:var(--accent-color-alpha);color:var(--text-color)}.character-result-avatar{width:40px;height:40px;border-radius:50%;margin-right:1rem;object-fit:cover}.no-results-message{text-align:center;font-size:.9rem;color:#888;padding:1rem}.character-history{width:100%;margin-top:1rem;padding-top:1rem}.character-history h3{font-size:.9rem;color:#888;margin-bottom:.5rem;text-align:center}.history-list{display:flex;justify-content:center;gap:.8rem}.history-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;cursor:pointer;border:2px solid transparent;transition:border-color .2s}.history-avatar:hover{border-color:var(--accent-color)}.api-key-missing-message{background-color:var(--background-alpha);color:var(--text-color);padding:1.5rem 2rem;border-radius:12px;margin:2rem auto;text-align:center;max-width:500px;width:100%;box-shadow:0 4px 8px #0000001a;box-sizing:border-box}.api-key-missing-message p{font-size:1.1rem;margin-bottom:1.5rem}.api-key-missing-message button{padding:.8rem 1.5rem;border-radius:8px;background-color:var(--highlight-color);color:var(--primary-bg);border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.api-key-missing-message button:hover{opacity:.8}.context-browser-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.context-browser-modal{background-color:var(--primary-bg);width:90%;max-width:800px;max-height:80vh;border-radius:20px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 40px #0006;border:1px solid var(--border-color)}.context-browser-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.context-browser-header h3{margin:0;font-size:1.2rem}.close-browser-btn{background:none;border:none;font-size:2rem;cursor:pointer;color:var(--text-color);line-height:1}.context-browser-content{flex-grow:1;overflow-y:auto;padding:1.5rem;min-height:300px}.browser-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px}.browser-item{position:relative;aspect-ratio:1 / 1;border-radius:12px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s ease;background-color:var(--secondary-bg)}.browser-item img{width:100%;height:100%;object-fit:cover}.browser-item:hover:not(.disabled){transform:scale(1.03);border-color:var(--accent-color)}.browser-item.selected{border-color:var(--highlight-color)}.browser-item.disabled{opacity:.4;cursor:not-allowed}.selection-badge{position:absolute;top:8px;right:8px;background-color:var(--highlight-color);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 4px #0003}.context-browser-footer{padding:1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background-color:var(--sidebar-bg)}.selection-count{font-size:.9rem;color:var(--text-color-light)}.browser-actions{display:flex;gap:1rem}.browser-cancel-btn{background:none;border:1px solid var(--border-color);color:var(--text-color);padding:.6rem 1.2rem;border-radius:10px;cursor:pointer}.browser-confirm-btn{background-color:var(--highlight-color);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:10px;cursor:pointer;font-weight:600}.browser-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.browser-loading,.browser-empty{display:flex;justify-content:center;align-items:center;height:200px;width:100%;color:var(--text-color-light)}.lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--background-alpha);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);display:flex;justify-content:center;align-items:center;z-index:9000000;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}.lightbox-overlay.open{opacity:1;pointer-events:auto}.lightbox-content{position:relative;max-width:100vw;max-height:100vh;display:flex;flex-direction:column;align-items:center}.lightbox-image-container{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;justify-content:center;align-items:center}.lightbox-image{grid-column:1;grid-row:1;max-width:100%;max-height:90vh;object-fit:contain;opacity:0;transition:opacity .5s ease-in-out;margin:0 auto;border-radius:4px}.lightbox-image.active{opacity:1}.lightbox-close{position:fixed;top:.6rem;right:.6rem;color:#fff;font-size:40px;font-weight:700;background:none;border:none;cursor:pointer;z-index:1001;width:36px}.lightbox-close svg{fill:var(--text-color);stroke:var(--text-color);width:24px;height:24px}.lightbox-prev,.lightbox-next{cursor:pointer;width:24px;height:24px;padding:0;color:#fff;font-weight:700;font-size:20px;transition:.3s ease;border-radius:50%;-webkit-user-select:none;user-select:none;background-color:transparent;border:none;display:flex;justify-content:center;align-items:center;z-index:1;margin:0 .2rem}.lightbox-prev:disabled,.lightbox-next:disabled{opacity:.2;cursor:not-allowed}.lightbox-prev:hover,.lightbox-next:hover{background-color:var(--accent-color-alpha)}.lightbox-prev svg,.lightbox-next svg{fill:var(--text-color);stroke:var(--text-color);width:12px;height:12px}.lightbox-controls{margin-top:.6rem;background-color:var(--background-alpha);border-radius:32px;padding:.2rem 1rem;display:flex;align-items:center;justify-content:center;gap:.2rem;width:fit-content;position:fixed;bottom:.4rem}.lightbox-controls-label{font-size:.8em;color:var(--text-color);padding:0px .2rem;margin-left:.2rem}.control-button{background:none;border:none;color:#fff;cursor:pointer;padding:.4rem;display:flex;align-items:center;justify-content:center}.control-button svg{stroke:var(--text-color);fill:var(--text-color);width:16px;height:16px}span.separator{display:block;width:2px;background-color:var(--text-color)}.speed-slider{padding:0;opacity:.6;height:8px;background-color:var(--accent-color-alpha);border:1px solid var(--background-alpha);border-color:var(--background-alpha);width:fit-content;-webkit-appearance:none;margin:0;border-radius:4px}.speed-slider::-webkit-slider-runnable-track{width:100%;height:8px;cursor:pointer;background:var(--background-alpha);border-radius:4px;border:1px solid var(--background-alpha)}.speed-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background-color:var(--text-color);cursor:pointer;border-radius:50%;border:none;margin-top:-3px}.speed-slider::-moz-range-thumb{width:12px;height:12px;background-color:var(--text-color);cursor:pointer;border-radius:50%;border:none}.speed-slider::range-thumb{background-color:var(--text-color);border-radius:50%;cursor:pointer;border:none}.photoset-actions-bar{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;margin-bottom:1rem;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.actions-left,.actions-right{display:flex;gap:1rem}.action-button{display:inline-flex;align-items:center;gap:.5rem;background-color:transparent;border:1px solid transparent;color:var(--text-color);padding:.6rem 1.2rem;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease-in-out}.action-button:hover{background-color:var(--accent-color-alpha);color:var(--text-color)}.action-button svg{width:18px;height:18px}.photoset-form-wrapper{background-color:var(--secondary-bg);border-radius:16px;width:100%;box-sizing:border-box;margin-top:1.5rem;position:relative;max-height:0;overflow:hidden;padding:0;transition:max-height .3s ease-in-out,padding .3s ease-in-out}.photoset-form-wrapper form{max-width:760px;margin:0 auto}.photoset-form-wrapper.open{max-height:86vh;border:1px solid var(--accent-color);margin-bottom:2rem}.form-close-button{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:var(--text-color);background-color:var(--primary-bg);border-radius:32px;cursor:pointer;padding:.25rem;line-height:1;transition:opacity .2s}.form-close-button:hover{opacity:1}.form-close-button svg{width:16px;height:16px;stroke:var(--text-color);display:block}.talk-form-container{display:flex;flex-direction:column;height:80vh;color:var(--text-color);width:100%}.talk-form-scroll-area{flex:1;overflow-y:auto;padding:0 1rem}.talk-form-header{display:flex;flex-direction:row;align-items:center;padding:.5rem 1rem;gap:.75rem;flex-wrap:wrap}.talk-form-container.has-background .talk-form-header{color:#fff}.talk-form-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid var(--accent-color)}.talk-form-character-name{font-size:1.2rem;font-weight:700;margin:0}.talk-form-container.has-background .talk-form-character-name{color:#fff}.talk-form-story-title{font-size:.9rem;color:var(--text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}.new-conversation-button{background-color:transparent;color:var(--text-color);border:1px solid var(--text-color);padding:.4rem 1rem;border-radius:32px;cursor:pointer;transition:all .3s ease;font-size:.8em}.new-conversation-button:hover{transform:scale(102%);transition:transform .2s ease-in-out}.talk-form-messages{padding:20px 0;display:flex;flex-direction:column;gap:12px;max-width:800px;margin:0 auto}.talk-form-message{font-size:1rem;line-height:1.5}.talk-form-message strong{font-weight:700}.talk-form-message-content{display:inline-block;margin-left:.5rem}.talk-form-container.has-background .talk-form-story-prologue{color:#fff}.talk-form-container.has-background .talk-form-message-content{background-color:#1114;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.3rem .6rem;border-radius:8px}.talk-form-container.has-background .sender-character{color:#fff}.talk-form-container.has-background .talk-form-story-prologue{border:none}.talk-form-story-prologue{padding:1rem;margin-bottom:1rem;border-radius:16px;font-style:italic;color:var(--text-secondary);font-size:.95rem;line-height:1.6;max-width:640px;margin:0 auto}.sender-user{color:var(--highlight-color)}.talk-form-message-character{color:#a880bb}.dark .talk-form-message-character{color:#bb8ed0}.talk-form-input-area{padding:.6rem;width:100%;max-width:800px;margin:0 auto;box-sizing:border-box;display:flex;align-items:center;gap:.5rem}.talk-form-input-wrapper{flex-grow:1;display:flex;justify-content:center}.talk-form-input{font-family:Roboto Mono,monospace;padding:12px 15px;border:1px solid var(--accent-color);border-radius:32px;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:1rem;outline:none;transition:all .2s ease;width:100%;box-sizing:border-box;color:#fff}.talk-form-input:focus{border-color:var(--text-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.send-message-button{background-color:#0003;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;border-color:var(--accent-color);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease;flex-shrink:0;margin-left:.6rem}.send-message-button:hover:not(:disabled){background-color:var(--highlight-color-dark)}.send-message-button:disabled{background-color:var(--text-secondary);cursor:not-allowed;opacity:.6}.talk-form-container.has-background{background-size:cover;background-position:center;background-repeat:no-repeat}.talk-form-container .history-list{padding:20px;display:flex;flex-direction:column;align-items:center;gap:1rem}.talk-form-container .history-list h3{color:var(--text-secondary);font-size:1.1rem;margin-bottom:1rem}.talk-form-container .history-list ul{list-style:none;padding:0;margin:0;width:100%;max-width:400px;display:flex;flex-direction:column;gap:10px}.talk-form-container .history-item{background-color:#0003;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--accent-color);color:var(--text-color);padding:.8rem 1rem;width:100%;text-align:center;cursor:pointer;border-radius:12px;font-size:1rem;transition:background-color .2s ease,border-color .2s ease}.talk-form-container .history-item:hover{background-color:var(--highlight-color-dark);border-color:var(--highlight-color)}.photoset-manager-toolbar{display:flex;justify-content:space-between;align-items:center;padding:.4rem;background-color:transparent;margin:.4rem 0}.manage-toggle-button{background-color:transparent;color:var(--text-color);border:1px solid var(--text-color);padding:.4rem 1rem;border-radius:32px;cursor:pointer;font-weight:700;transition:all .3s ease;font-size:.8em}.manage-toggle-button:hover{transform:scale(102%);transition:transform .2s ease-in-out}.manage-toggle-button svg{vertical-align:middle;stroke:var(--text-color)}.toolbar-actions{display:flex;gap:10px}.toolbar-button{background-color:transparent;color:var(--text-color);border:1px solid var(--text-color);padding:.4rem 1rem;border-radius:32px;cursor:pointer;transition:all .3s ease;font-size:.8em}.toolbar-button.remix{border-color:var(--text-color);color:var(--text-color);background-image:linear-gradient(to left bottom,#d16ba5,#c777b9,#ba83ca,#aa8fd8,#9a9ae1,#8aa7ec,#79b3f4,#69bff8,#52cffe,#41dfff,#46eefa,#5ffbf1)}.toolbar-button:hover{transform:scale(102%);transition:transform .2s ease-in-out}.toolbar-button:disabled{color:var(--border-color);border-color:var(--border-color);cursor:not-allowed;opacity:.8}.toolbar-button.delete-story{color:#c53030;border-color:#c53030;margin-right:.8rem}.toolbar-button.delete-story:hover{transform:scale(102%);transition:transform .2s ease-in-out}.remix-container{position:relative;display:inline-block}.remix-dropdown{position:absolute;top:110%;left:0;background-color:var(--background-alpha);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:12px;z-index:112341234;min-width:160px;box-shadow:0 4px 6px #0000001a;overflow:hidden;padding:.4rem}.remix-dropdown button{display:block;width:100%;padding:.5rem 1rem;text-align:left;background:none;border:none;color:var(--text-color);cursor:pointer;border-radius:12px;border:1px solid transparent}.remix-dropdown button:hover{border:1px solid var(--highlight-color);color:var(--text-color)}.info-dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--background-alpha);display:flex;justify-content:center;align-items:center;z-index:10000;opacity:1;transition:opacity .2s ease-in-out}.info-dialog-content{background-color:var(--background-alpha);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:2rem;border-radius:16px;border:1px solid var(--accent-color);box-shadow:0 5px 15px #0003;width:90%;max-width:400px;text-align:center}.info-dialog-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;margin-bottom:20px}.info-dialog-title{margin-top:0;margin-bottom:1rem;font-size:1.25rem;flex-grow:1}.info-dialog-close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-color);padding:0;line-height:1}.info-dialog-body p{margin-bottom:2rem;color:var(--text-color);font-size:1rem;line-height:1.5}.info-dialog-button{padding:.8rem 1.5rem;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s ease-in-out;background-color:transparent;border-color:var(--highlight-color);color:var(--highlight-color)}.info-dialog-button:hover{transform:scale(102%);transition:transform .2s ease-in-out;filter:brightness(110%)}.photoset-detail-page{width:100%;max-width:1600px;margin:0 auto;color:var(--text-color);font-family:Roboto Mono,monospace,sans-serif;box-sizing:border-color}.photoset-title,.photoset-caption{max-width:860px;margin:0 auto}.photoset-title{font-size:1.6rem;font-weight:700;margin-bottom:.5rem;text-align:center}.photoset-character-name{font-size:1rem;color:var(--text-color);text-align:center;margin-bottom:1rem;font-weight:500}.photoset-detail-page .photoset-caption{font-size:1rem;text-align:center;margin-bottom:2rem;padding:2rem 0px}.photoset-detail-page.form-active .photoset-caption,.photoset-detail-page.form-active .photoset-actions-bar,.photoset-detail-page.form-active .photoset-character-name{display:none}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-top:2rem}.photo-grid.talk-mode-grid{grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:.5rem;margin-top:1rem;padding:0 1rem}.photo-grid.talk-mode-grid .photo-grid-item{width:54px;height:54px;border-radius:16px}.photo-grid.talk-mode-grid .photo-grid-item img{border-radius:16px;min-height:54px}.clear-background-btn{display:flex;align-items:center;justify-content:center;background-color:transparent;color:var(--text-color);border:1px dashed var(--text-color);transition:all .2s ease}.clear-background-btn:hover{border-style:solid}@media(min-width:800px){.photo-grid-item.landscape{grid-column:span 2}}.photo-grid-item{position:relative;border-radius:8px;overflow:hidden;transition:transform .2s ease-in-out;cursor:pointer}.photo-grid-item:hover{transform:translateY(-5px)}.photo-grid-item.selected img{filter:blur(3px) grayscale(60%);transition:filter .2s ease-in-out}.photo-grid-item img{width:100%;height:auto;min-height:150px;object-fit:cover;display:block;box-shadow:0 4px 8px #0000001a;border-radius:8px}.photo-grid-item-empty{width:100%;padding-bottom:100%;background-color:var(--secondary-bg);border-radius:8px}.photo-grid-item img.photo-loaded{opacity:0;transition:opacity .5s ease-in-out}.photo-grid-item img.photo-loaded.loaded{opacity:1}.photoset-detail-error{color:var(--text-color);text-align:center;margin-top:2rem;font-size:1.2rem}.selection-overlay{position:absolute;top:10px;left:10px;z-index:10;cursor:pointer;width:24px;height:24px}.selection-overlay input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.custom-checkbox{position:absolute;top:0;left:0;height:24px;width:24px;background-color:var(--background-alpha);border:1px solid var(--accent-color);border-radius:6px;box-shadow:0 2px 4px #0003;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.selection-overlay:hover input~.custom-checkbox{background-color:var(--accent-color-alpha)}.selection-overlay input:checked~.custom-checkbox{background-color:var(--background-alpha);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-color:var(--accent-color)}.custom-checkbox:after{content:"✔";color:var(--text-color);font-size:16px;display:none}.selection-overlay input:checked~.custom-checkbox:after{display:block}.slideshow-container{position:relative;width:100%;max-width:600px;height:400px;border-radius:16px;overflow:hidden;margin-bottom:2rem;box-shadow:0 12px 40px #0000004d;background-color:var(--secondary-bg)}.slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:0;transition:opacity 1.5s ease-in-out,transform 2s linear;transform:scale(1)}.slide.active{opacity:1;transform:scale(1.1)}.slideshow-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 60%,rgba(0,0,0,.4));pointer-events:none}@media(max-width:768px){.slideshow-container{height:300px}}.home-page-actions-bar{display:flex;justify-content:flex-end;align-items:center;margin-bottom:1.5rem;width:100%;gap:1rem}.photoset-search-input{flex-grow:1;padding:.6rem 1rem;border-radius:32px;border:1px solid var(--border-color);background-color:var(--secondary-bg);color:var(--text-color);font-size:1rem;max-width:640px}.photoset-search-input::placeholder{color:var(--text-color-light)}.photoset-search-input:focus{border-color:var(--highlight-color);outline:none;box-shadow:0 0 0 2px rgba(var(--accent-color-rgb),.2)}.search-toggle-button{padding:.5rem;width:40px;height:40px;border-radius:50%;background-color:transparent;border:1px solid var(--text-color);color:var(--text-color);cursor:pointer;transition:all .2s;display:flex;justify-content:center;align-items:center;flex-shrink:0}.search-toggle-button:hover{transform:scale(1.1);background-color:rgba(var(--text-color-rgb),.1);color:var(--text-color);border-color:var(--text-color)}.generating-photosets-container{border-radius:12px;margin-bottom:2rem;padding:1rem;border:1px solid var(--accent-color);display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.empty-state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center;padding:4rem 2rem;background-color:var(--secondary-bg);border-radius:12px}.empty-state-message{font-size:1.2rem;color:var(--text-color-light);margin-bottom:1.5rem;max-width:400px}.empty-state-button{margin-top:1rem}.loading-text{text-align:center;margin:4rem 0}.promo-text-container{margin:4rem 0}.promo-heading{font-size:2.2rem;color:var(--highlight-color);margin:0 auto;margin-bottom:2.5rem;font-weight:700;max-width:720px}.promo-description{font-size:1.25rem;color:var(--text-color-light);margin:0 auto;margin-bottom:1.5rem;max-width:800px;line-height:1.6;text-align:center}.promo-chat-image{width:100%;max-width:960px;border-radius:12px;margin-top:3rem;margin-bottom:3rem;box-shadow:0 4px 12px #00000026;border:1px solid var(--border-color)}.privacy-features{display:flex;gap:1rem;justify-content:center}.privacy-feature{background-color:var(--primary-bg);padding:1.5rem;border-radius:12px;min-width:250px}.no-account-needed-highlight{font-size:1.2rem;color:var(--text-color);margin-bottom:2rem;font-weight:700}.privacy-feature h3{font-size:1.6rem;margin-top:2.5rem;margin-bottom:.8rem;color:var(--text-color)}.empty-state-container p{font-size:1.1rem;color:var(--text-color-light);line-height:1.6;max-width:700px;margin:0 auto 1rem}.empty-state-container h3{color:var(--highlight-color)}.privacy-features{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:3rem;margin-bottom:3rem}.highlight-text{color:var(--highlight-color);font-weight:700}.create-character-page{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:4rem;height:100%}.character-creator-form{width:100%;max-width:560px;display:flex;flex-direction:column;align-items:center;padding:4rem 0}.form-section{width:100%;margin-bottom:2rem;display:flex;flex-direction:column;align-items:center}.creator-prompt{font-size:1.2rem;color:var(--text-color);margin-bottom:2rem;text-align:center}.char-counter{width:100%;text-align:right;font-size:.8rem;color:#888}.select-box{flex-grow:1;padding:.5rem .8rem;border-radius:8px;border:1px solid var(--border-color);background-color:var(--secondary-bg);color:var(--text-color);font-size:1rem;outline:none;transition:border-color .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23cccccc%22%20d%3D%22M287%2C114.7L159.2%2C26.9c-4.7-4.7-12.3-4.7-17%2C0L5.4%2C114.7c-4.7%2C4.7-4.7%2C12.3%2C0%2C17l17%2C17c4.7%2C4.7%2C12.3%2C4.7%2C17%2C0l105.7-105.7l105.7%2C105.7c4.7%2C4.7%2C12.3%2C4.7%2C17%2C0l17-17C291.6%2C127%2C291.6%2C119.3%2C287%2C114.7z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right .7em top 50%,0 0;background-size:.65em auto,100%}.select-box option,body.dark .select-box option{background-color:var(--primary-bg);color:var(--text-color)}.select-box:focus{border-color:var(--accent-color)}.checkbox-group{justify-content:flex-start;gap:1rem}.switcher{position:relative;display:inline-block;width:60px;height:34px}.switcher input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#666;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:var(--highlight-color)}input:focus+.slider{box-shadow:0 0 1px var(--accent-color)}input:checked+.slider:before{transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.pro-promo-section{margin-top:2rem;text-align:center}.pro-promo-section p{margin-bottom:1rem;color:var(--text-color)}.pro-subscribe-button-character{padding:.8rem 1.5rem;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s ease-in-out;background-color:transparent;border-color:var(--highlight-color);color:var(--highlight-color)}.pro-subscribe-button-character:hover{transform:scale(102%);filter:brightness(110%)}.gender-selector{display:flex;gap:1.5rem;margin-top:.5rem}.gender-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem 1rem;border-radius:20px;border:1px solid var(--border-color);background-color:var(--secondary-bg);transition:all .2s;color:var(--text-color)}.gender-option input{display:none}.gender-option.active{background-color:var(--highlight-color);border-color:var(--highlight-color);color:#fff}.gender-option:hover:not(.active){border-color:var(--highlight-color)}.pro-subscription-page{padding:20px;max-width:800px;margin:0 auto;border-radius:8px;color:var(--text-color);text-align:center}.pro-subscription-page h1{color:var(--text-color);margin-bottom:20px}.pro-subscription-page h2{color:var(--text-color);margin:2rem 0}.pro-subscription-page p{line-height:1.6;margin-bottom:10px}.pro-subscription-page ul{list-style-type:disc;list-style:none;margin:2rem 0;padding:0}.pro-subscription-page li{margin-bottom:8px}.pro-subscription-page a{color:var(--accent-color);text-decoration:none}.pro-subscription-page a:hover{text-decoration:underline}.pro-subscription-pricing{font-size:2.2em;font-weight:400}.pro-subscription-pricebox{border:1px solid var(--highlight-color);margin:2rem auto;max-width:320px;padding:2rem;border-radius:16px}.pro-subscription-pricebox ul{text-align:left;max-width:95%;margin:0 auto}.pro-subscription-pricebox ul li>span{margin-right:.6rem}.pro-subscription-pricebox:hover{transform:scale(102%);transition:transform .2s ease-in-out}.gumroad-subscribe-button{display:block;width:fit-content;margin:4rem auto;padding:15px 30px;color:var(--highlight-color);border-color:var(--highlight-color);background-color:transparent;border-radius:16px;font-size:1.2em;cursor:pointer;transition:all .3s ease,transform .2s ease}.gumroad-subscribe-button:hover{transform:scale(102%)}.gumroad-instruction-text{text-align:center;font-size:.9em;color:var(--text-color);max-width:640px;margin:1rem auto}:root{--primary-bg: #FDFDFD;--secondary-bg: transparent;--sidebar-bg: #FAF6E944;--text-color: #333333;--accent-color: #666;--border-color: #BBB;--card-border-color: #FEC5F6;--sidebar-width: 200px;--box-shadow-color: #00000033;--background-alpha: #FFFFFF22;--accent-color-alpha: #66666644;--highlight-color: #b05dd5;--scrollbar-color: #9EBC8A;font-family:Roboto,sans-serif;line-height:1.6;font-weight:400;color-scheme:light;color:var(--text-color);background-color:var(--primary-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--text-color);text-decoration:underline}body.dark{--primary-bg: #211832;--secondary-bg: transparent;--sidebar-bg: #211832;--text-color: #EFEFEF;--accent-color: #412B6B;--accent-color-alpha: #44444444;--border-color: #412B6B;--card-border-color: #412B6B;--box-shardow-color: #FFFFFF33;--background-alpha: #000000EE;--highlight-color: #DB8DD0;--scrollbar-color: #FFF}body,#root{margin:0;padding:0;width:100%;height:100vh;overflow:hidden;font-size:12pt!important;color:var(--text-color)}h1,h2,h3,h4,h5{font-weight:600;text-transform:uppercase;font-family:Roboto Mono,monospace}input,button{font-family:Roboto,sans-serif}textarea{font-family:Roboto Mono,monospace}input[type=rang]{outline:none!important}.app-logo{font-weight:700;font-family:Roboto Mono,monospace;color:var(--text-color);font-size:1.2em;display:block;margin-bottom:1.6rem}.app-logo a{text-decoration:none;color:var(--text-color)!important}.app-layout{display:flex;height:100vh;background-color:var(--primary-bg)}.sidebar{width:var(--sidebar-width);background-color:var(--sidebar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;transition:transform .3s ease-in-out;overflow-y:auto;flex-shrink:0;z-index:1000}.sidebar.closed{transform:translate(-100%)}.main-content{box-sizing:border-box;flex-grow:1;overflow-y:auto;padding:2rem;transition:margin-left .3s ease-in-out;margin-left:0;border-box:box-sizing}.app-header{z-index:99999;// background-color: var(--background-alpha)}.app-header .menu-toggle svg{width:16px;height:16px;stroke:var(--text-color);fill:var(--text-color)}.menu-toggle{display:none;background:none;border:none;color:var(--text-color);font-size:1.8rem;cursor:pointer;padding:0 6px}.sidebar .nav-list{list-style:none;padding:0;margin:0 0 2rem;display:flex;flex-direction:column}.sidebar .nav-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 0;color:var(--text-color);text-decoration:none;transition:color .2s;border-radius:5px}.sidebar .nav-item-icon{width:20px;height:20px;object-fit:contain}.sidebar .nav-item:hover{transform:scale(102%) translate(.2rem);transition:transform .2s ease-in-out}.sidebar .nav-item.active{color:var(--highlight-color)}.app-logo a.active{color:var(--accent-color)!important}.sidebar .tag-list{list-style:none;padding:0;margin:2rem 0 0;display:flex;flex-wrap:wrap;gap:.75rem}.sidebar .tag-item{background-color:var(--secondary-bg);border:1px solid var(--border-color);color:var(--text-color);padding:.4rem .8rem;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s ease;display:block;width:100%;text-align:left}.sidebar .tag-item:hover{background-color:var(--accent-color);color:var(--primary-bg);border-color:var(--accent-color)}@media(max-width:970px){.sidebar{padding-top:4rem;position:absolute;top:0;left:0;bottom:0;border-right:1px solid #ccc}.dark .sidebar{border-right:1px solid #333}.main-content{padding:4rem .8rem}.menu-toggle{display:block}.app-header{width:auto;box-sizing:border-box;padding:.4rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--sidebar-bg);width:42px;position:fixed;top:4px;left:4px;border-radius:6px}}.app-title{text-align:center;font-weight:400;font-size:1.2em;font-weight:700;padding:1rem;margin:1rem 0px}.homepage-header{display:flex;align-items:center;margin-bottom:2rem}.find-someone-button{background-color:transparent;color:var(--text-color);border:1px solid var(--text-color);padding:.8rem 1.5rem;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s ease-in-out}.find-someone-button:hover{background-color:transparent;color:var(--accent-color);border-color:var(--accent-color)}.ai-tag{position:fixed;z-index:99999;bottom:0;left:0;background-color:#0007;color:#fff;font-size:.8rem;padding:.2rem .4rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top-right-radius:8px}.dark .ai-tag{background-color:#fff3;color:#000}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--primary-bg);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--scrollbar-color);border-radius:10px;border:2px solid var(--primary-bg)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-color)}body.dark ::-webkit-scrollbar-track{background:var(--primary-bg)}body.dark ::-webkit-scrollbar-thumb{background:var(--card-border-color);border:2px solid var(--primary-bg)}body.dark ::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.create-story-navbar{width:100%;box-sizing:border-box;margin-bottom:2rem}.back-button{background:none;border:none;color:var(--text-color);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;padding:0}.back-button span{font-size:1rem}.subscribe-pro{text-align:center;display:block;border:1px solid var(--text-color);font-size:.8em;padding:.6rem 1rem;color:var(--text-color)!important;border-radius:16px;text-decoration:none!important;margin-top:2rem}.subscribe-pro:hover{transform:scale(102%);transition:transform .2s ease-in-out;border-color:var(--highlight-color)}.infinite-scroll-component{overflow-x:hidden!important}