.topbar{position:fixed;top:0;left:0;right:0;background-color:var(--sidebar-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:transparent;z-index:10000;display:flex;align-items:center;height:56px;padding:0 1.5rem;padding-top:env(safe-area-inset-top)!important;box-shadow:var(--shadow)}.topbar-container{width:100%;max-width:1600px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.topbar-logo{display:flex;align-items:center;transition:transform .2s ease}.topbar-logo:hover{transform:scale(1.05)}.topbar-nav{display:flex;align-items:center;gap:1.5rem}.topbar-item{color:var(--text-color);text-decoration:none;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:8px;transition:all .2s ease;opacity:.7}.topbar-item svg{stroke-width:2px}.topbar-item:hover{opacity:1;background-color:var(--accent-color-alpha)}.topbar-item.active{opacity:1;color:var(--highlight-color);background-color:var(--accent-color-alpha)}.chats-topbar-link{position:relative}.global-unread-badge{position:absolute;top:4px;right:4px;width:10px;height:10px;background-color:var(--highlight-color);border-radius:50%;border:2px solid var(--sidebar-bg)}.pro-badge{font-size:.75rem;font-weight:700;border:1px solid var(--highlight-color);color:var(--highlight-color);padding:.2rem .6rem;border-radius:12px;opacity:1}.pro-badge:hover{background-color:var(--highlight-color);color:#fff}@media(max-width:600px){.topbar{padding:0 .75rem;height:50px}.topbar-nav{gap:1rem}.topbar-item{padding:.4rem}}.about-page-container{padding:2rem;max-width:800px;margin:0 auto;text-align:center;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}.guide-page-container{max-width:900px;margin:0 auto;padding:40px 20px;line-height:1.6;color:var(--text-color)}.guide-header{text-align:center;margin-bottom:40px}.guide-logo{margin-bottom:20px}.guide-header h1{font-size:2.5rem;margin-bottom:10px;color:var(--highlight-color)}.guide-header p{font-size:1.1rem;color:var(--text-color-light)}.guide-toc{margin-bottom:60px}.toc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.toc-item{background:var(--background-alpha);border:1px solid var(--border-color);padding:15px;border-radius:8px;color:var(--text-color);text-align:center;cursor:pointer;transition:all .2s ease;font-size:.95rem;font-weight:500;display:flex;align-items:center;justify-content:center;height:100%}.toc-item:hover{background:var(--highlight-color-alpha);border-color:var(--highlight-color);transform:translateY(-2px);color:var(--highlight-color)}.guide-content section{margin-bottom:50px;scroll-margin-top:20px}.guide-content h2{font-size:1.8rem;margin-bottom:20px;color:var(--highlight-color);border-bottom:1px solid var(--border-color);padding-bottom:10px}.guide-content p{margin-bottom:15px;color:var(--text-color)}.guide-content ul{margin-bottom:15px;padding-left:20px}.guide-content li{margin-bottom:10px;color:var(--text-color)}.guide-content a{color:var(--highlight-color);text-decoration:underline}.guide-content a:hover{opacity:.8}@media(max-width:600px){.toc-grid{grid-template-columns:1fr;gap:10px}.toc-item{padding:12px;text-align:left;justify-content:flex-start}.guide-header h1{font-size:2rem}.guide-content h2{font-size:1.5rem}}.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 label{font-size:1.1rem}@media(max-width:970px){.settings-page{padding:2rem 1rem}.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)}.ai-model-select{width:250px;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;padding-right:2.5rem}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)}.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}.security-warning{background-color:#ffc1071a;border:1px solid #ffc107;color:#ffc107;padding:1rem;border-radius:8px;margin-bottom:2rem;font-size:.9rem;text-align:center}.settings-loading{display:flex;justify-content:center;align-items:center;height:50dvh;font-size:1.2rem;color:var(--text-color-light)}.auth-button{padding:.6rem 1rem;border-radius:8px;border:1px solid var(--border-color);background-color:var(--primary-bg);color:var(--text-color);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;width:250px;box-sizing:border-box}.auth-button:hover{border-color:var(--highlight-color);background-color:var(--secondary-bg)}.auth-button.logout{width:auto;padding:.4rem .8rem;font-size:.9rem}.auth-status-container{display:flex;align-items:center;gap:1rem}.auth-email{font-weight:500;color:var(--text-color)}.characters-page{max-width:900px;margin:0 auto;padding:2rem 1rem;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;padding:1rem}.character-card{display:flex;flex-direction:column;align-items:center;padding:1.25rem;border-radius:16px;background-color:var(--secondary-bg);border:1px solid var(--border-color);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;box-sizing:border-box;animation:item-appear .4s ease-out backwards}.character-card:hover{transform:translateY(-6px);border-color:var(--highlight-color);box-shadow:0 8px 16px #0000001a}.character-card:hover .character-name{color:var(--highlight-color)}.character-avatar-round{width:120px;height:120px;border-radius:50%;margin-bottom:1rem;border:2px solid var(--primary-bg);box-shadow:0 4px 8px #0000001a;transition:all .3s ease}.character-card:hover .character-avatar-round{transform:scale(1.05)}.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-inner{display:flex;flex-direction:column;justify-content:center}.character-action-button{padding:.5rem;width:auto;min-width:46px;height:46px;aspect-ratio:1/1;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;box-sizing:border-box}.character-action-button:hover{transform:scale(1.1);background-color:var(--accent-color-alpha);color:var(--highlight-color);border-color:var(--highlight-color)}.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:1rem 1.25rem;border-radius:16px;border:1px solid var(--border-color);box-shadow:0 2px 4px #0000000d;box-sizing:border-box;transition:all .3s ease;animation:item-appear .4s ease-out backwards}.character-list-item:hover{transform:translate(6px);border-color:var(--highlight-color);box-shadow:0 4px 8px #0000001a}.character-avatar-small{width:50px;height:50px;border-radius:50%;margin-right:1.25rem;border:2px solid var(--primary-bg);box-shadow:0 2px 4px #0000001a}.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{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;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{height:38px;min-width:38px;padding:0}.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%;min-height:200px;color:var(--text-color);width:100%;box-sizing:border-box}.subtle-spinner{display:inline-block;position:relative;width:48px;height:48px}.subtle-spinner div{box-sizing:border-box;display:block;position:absolute;width:38px;height:38px;margin:5px;border:3px solid var(--highlight-color);border-radius:50%;animation:subtle-spinner 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:var(--highlight-color) transparent transparent transparent}.subtle-spinner div:nth-child(1){animation-delay:-.45s}.subtle-spinner div:nth-child(2){animation-delay:-.3s}.subtle-spinner div:nth-child(3){animation-delay:-.15s}@keyframes subtle-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:600px){.subtle-spinner{width:40px;height:40px}.subtle-spinner div{width:32px;height:32px;margin:4px;border-width:2.5px}}.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(12px);backdrop-filter:blur(12px);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)}.character-avatar-container{display:inline-flex;justify-content:center;align-items:center;overflow:hidden;position:relative;background-color:#f0f0f0}.character-avatar-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:opacity .3s ease}.character-avatar-img.hidden{opacity:0}.avatar-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.photoset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;padding:1rem;max-width:1400px;margin:0 auto;color:var(--text-color)}@media(max-width:768px){.photoset-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;padding:1rem}}.photoset-card{background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:16px;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;height:100%;animation:item-appear .4s ease-out backwards}.photoset-card:hover{transform:translateY(-8px);border-color:var(--highlight-color);box-shadow:0 12px 24px #00000026}.photoset-card-link{text-decoration:none;color:inherit;display:block}.photoset-cover-container{width:100%;aspect-ratio:4 / 5;position:relative;overflow:hidden;background-color:var(--secondary-bg)}.photoset-cover-image{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .5s ease-in-out,transform .5s ease}.photoset-card:hover .photoset-cover-image{transform:scale(1.08)}.photoset-cover-image.loaded{opacity:1}.photoset-cover-placeholder{width:100%;height:100%;background-color:var(--accent-color-alpha, rgba(0, 0, 0, .05));display:flex;align-items:center;justify-content:center}.empty-photoset-placeholder{background-color:var(--background-alpha, rgba(0, 0, 0, .02));box-sizing:border-box}.empty-message-content{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--text-color);opacity:.6;text-align:center;padding:1.5rem}.empty-message-content span{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.photoset-info{display:flex;flex-direction:column;padding:1.25rem;flex-grow:1}.photoset-header h3{margin:0;font-size:1.15rem;font-weight:700;line-height:1.4;color:var(--text-color);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;text-transform:none}.photoset-character{font-size:.9rem;margin-top:.5rem;color:var(--text-color-light)}.photoset-photo-count{position:absolute;top:.5rem;right:.5rem;z-index:10;background-color:#0003;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);color:#fff;font-size:.75rem;padding:.35rem .7rem;border-radius:8px;font-weight:600}.photoset-footer{display:flex;justify-content:flex-end;align-items:center;margin-top:auto;padding-top:1rem}.reuse-button{background-color:transparent;color:var(--text-color-light);border:1px solid var(--border-color);padding:.5rem .9rem;border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease}.reuse-button:hover{color:var(--highlight-color);border-color:var(--highlight-color);background-color:#b05dd50d}.reuse-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}.character-link{color:var(--highlight-color);cursor:pointer;font-weight:600;transition:color .2s}.character-link:hover{text-decoration:underline;color:var(--text-color)}.profile-page{max-width:1600px;margin:0 auto;padding:6rem 1rem;color:var(--text-color)}.profile-header{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2.5rem;align-items:center;text-align:center}.profile-section-title{text-align:center;font-size:1.6em}.profile-avatar-container{flex-shrink:0}.profile-avatar-large{width:160px;height:160px;border-radius:50%;border:4px solid var(--secondary-bg);box-shadow:0 10px 30px #0000001a}.profile-info-container{width:100%;max-width:800px}.profile-name{font-size:2.4rem;font-weight:800;margin:0 0 .15rem;color:var(--text-color);letter-spacing:-.02em}.profile-job{font-size:1.15rem;color:var(--highlight-color);margin:0 0 .75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.profile-location{display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.95rem;color:#888;margin:0 0 1.25rem}.profile-bio{font-size:1rem;line-height:1.6;margin-bottom:2rem;color:var(--text-color);white-space:pre-wrap;opacity:.9;max-width:500px;margin-left:auto;margin-right:auto}.profile-actions-row{display:flex;justify-content:center;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem}.profile-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.75rem 1.8rem;border-radius:50px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-decoration:none;border:2px solid transparent;white-space:nowrap;letter-spacing:.01em}.profile-action-btn.primary{background-color:var(--highlight-color);color:#fff;box-shadow:0 4px 15px var(--highlight-color-alpha)}.profile-action-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px var(--highlight-color-alpha);filter:brightness(1.1)}.profile-action-btn.secondary{background-color:var(--sidebar-alpha);color:var(--text-color);border-color:var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-action-btn.secondary:hover{background-color:var(--secondary-bg);border-color:var(--highlight-color);color:var(--highlight-color);transform:translateY(-2px)}.profile-action-btn.debug{padding:.75rem;aspect-ratio:1 / 1;border-radius:50%;background-color:var(--secondary-bg);color:var(--text-color-light);border:1.5px solid var(--border-color);line-height:1;min-width:44px}@media(max-width:600px){.profile-actions-row{display:grid;grid-template-columns:1fr 1fr auto;gap:.6rem;width:100%;margin-top:1.25rem;padding:0 .5rem;box-sizing:border-box}.profile-action-btn{padding:.75rem .5rem;font-size:.85rem;width:100%;box-sizing:border-box}.profile-action-btn.debug{width:44px;height:44px;padding:0;aspect-ratio:1;border-radius:50%}}.profile-quote-section{background:var(--secondary-bg);padding:1.5rem 2rem;border-radius:16px;margin-bottom:2rem;border-left:4px solid var(--accent-color)}.profile-quote-text{font-size:1.2rem;font-style:italic;margin:0;line-height:1.5;color:var(--text-color)}.profile-description-section{margin-bottom:3rem;max-width:1200px}.profile-description-section h3{font-size:1.4rem;margin-bottom:.8rem;color:var(--text-color)}.profile-description-section p{line-height:1.7;color:#bbb;font-size:1.05rem}.profile-stories-section{border-top:1px solid var(--border-color);padding-top:2rem}.section-title{font-size:1.8rem;margin-bottom:1.5rem}.no-stories{text-align:center;padding:3rem;background:var(--secondary-bg);border-radius:16px;color:#888}.create-first-story-button{display:inline-block;margin-top:1rem;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;background-color:transparent;color:var(--highlight-color);border:1px solid var(--highlight-color);border-radius:16px;cursor:pointer;transition:all .2s;text-decoration:none}.create-first-story-button:hover{transform:scale(1.02);background-color:var(--highlight-color-light, rgba(176, 93, 213, .1));text-decoration:none}.profile-error{text-align:center;padding:4rem;font-size:1.2rem;color:#f55}.create-story-page{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:100%;padding:2rem 1rem}@media(max-width:970px){.create-story-page{padding:4rem 1rem}}.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{box-shadow:0 2px 8px #0000000d}.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%;gap:1.2rem}.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}.dark .count-box{color:var(--primary-bg)}.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{margin-top:2rem;margin-bottom:2rem}.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}.api-key-missing-message p{font-size:1.1rem;margin-bottom:1.5rem}.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)}.story-character-header{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.5rem}.story-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--secondary-bg)}.story-character-name{font-size:1.5rem;font-weight:700;margin:0}@media(max-width:480px){.context-image-button-wrapper,.photo-count-selector,.orientation-selector{justify-content:flex-start;flex-wrap:wrap}}.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;background-color:var(--primary-bg);box-sizing:border-box}.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;flex-shrink:0}.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;flex-wrap:wrap}.history-avatar-wrapper{cursor:pointer}.history-avatar{width:50px;height:50px;border-radius:50%;border:2px solid transparent;transition:border-color .2s}.history-avatar-wrapper:hover .history-avatar{border-color:var(--accent-color)}.api-key-missing-message{background-color:var(--accent-color-alpha);color:var(--text-color);padding:2.5rem 2rem;border-radius:24px;margin:2rem auto;text-align:center;max-width:500px;width:calc(100% - 2rem);border:1px solid var(--card-border-color);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.api-key-missing-message p{font-size:1rem;margin:0;line-height:1.5;color:var(--text-color)}.api-key-missing-message .primary-button{margin:0!important}.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:80dvh;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:100dvh;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:90dvh;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:86dvh;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:80dvh;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{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);box-sizing:border-box;padding:4rem 1rem}.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}.character-profile-link{color:var(--highlight-color);text-decoration:none;font-weight:600;transition:color .2s}.character-profile-link:hover{text-decoration:underline;color:var(--text-color)}.photosetlist-wrapper{padding:2rem 1rem}@media(max-width:768px){.photosetlist-wrapper{padding:2rem 0}}.photoset-search-input{max-width:640px}.search-toggle-button{padding:.5rem;width:auto;min-width:46px;height:46px;aspect-ratio:1/1;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;box-sizing:border-box}.search-toggle-button:hover{transform:scale(1.1);background-color:var(--accent-color-alpha);color:var(--highlight-color);border-color:var(--highlight-color)}@media(max-width:600px){.search-toggle-button{height:38px;min-width:38px;padding:0}}.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-home-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50dvh;text-align:center;padding:3rem 1rem}.empty-state-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:80dvh;text-align:center;padding:2rem 1rem;background-color:transparent}.empty-state-message{font-size:1.15rem;color:var(--text-color-light);margin-bottom:2rem;max-width:450px;line-height:1.6}.empty-state-button{margin-top:1rem}.loading-text{text-align:center;margin:4rem 0}.promo-text-container{margin:2rem 0 4rem;max-width:900px;width:100%}.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}.slideshow-grid-container{width:100%;max-width:100%;margin-bottom:.5rem;box-sizing:border-box}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;padding:8px 0;width:100%;box-sizing:border-box}.grid-item{position:relative;aspect-ratio:2/3;overflow:hidden;border-radius:8px;cursor:pointer;background-color:var(--secondary-bg);transition:transform .2s ease,box-shadow .2s ease;min-width:0}.grid-item:hover{transform:translateY(-4px);box-shadow:0 10px 20px #0000004d;z-index:1}.grid-item img{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:768px){.image-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}}@media(max-width:480px){.image-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:6px}}.vibe-indicator-container{width:100%;margin-top:8px;font-family:inherit}.vibe-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:.75rem;font-weight:600}.vibe-text{opacity:.6;font-weight:400;text-transform:none;letter-spacing:normal}.vibe-bar-background{width:100%;height:4px;background:#0000001a;border-radius:10px;overflow:hidden}.dark .vibe-bar-background{background:#ffffff1a}.vibe-bar-fill{height:100%;border-radius:10px;transition:width .5s cubic-bezier(.4,0,.2,1),background .5s ease}.vibe-friendly{background:linear-gradient(90deg,#63b3ed 0% 50%,#4fd1c5)}.vibe-warm{background:linear-gradient(90deg,#4fd1c5 0% 50%,#f6ad55)}.vibe-close{background:linear-gradient(90deg,#f6ad55 0% 50%,#f687b3)}.vibe-hot{background:linear-gradient(90deg,#f687b3 0% 50%,#ed64a6 80%,#f56565);box-shadow:0 0 5px #ed64a64d}.vibe-steamy{background:linear-gradient(90deg,#ed64a6 0% 60%,#f56565);box-shadow:0 0 10px #f5656580}.landing-page-container{width:100%;max-width:1000px;margin:0 auto;padding:0 1rem;box-sizing:border-box;overflow-x:hidden}.empty-state-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:80dvh;text-align:center;padding:3rem 0;background-color:transparent;width:100%;box-sizing:border-box}.promo-text-container{margin:1.5rem 0 3rem;max-width:900px;width:100%;box-sizing:border-box}.promo-heading{font-size:2.2rem;color:var(--highlight-color);margin:0 auto .75rem;font-weight:800;max-width:800px;text-transform:uppercase;letter-spacing:.05rem;line-height:1.2}.empty-state-container .promo-subtitle{font-size:1.4rem;color:var(--text-color);opacity:.9;margin:0 auto 2.5rem;font-weight:500;max-width:800px}.chat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;text-align:left;margin-top:1rem;margin-bottom:2.5rem;width:100%}.promo-description-group{margin:2.5rem auto;max-width:800px}.promo-description{font-size:1.15rem;color:var(--text-color-light);margin-bottom:1.2rem;line-height:1.6;text-align:center}.promo-actions{display:flex;gap:1rem;justify-content:center;margin:2.5rem 0;flex-wrap:wrap;width:100%}.secondary-button{background-color:transparent;color:var(--text-color);border:2px solid var(--highlight-color);padding:.8rem 1.5rem;border-radius:32px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.75rem;min-width:180px;max-width:100%;box-sizing:border-box}.secondary-button:hover{border-color:var(--highlight-color);color:var(--highlight-color);background-color:var(--highlight-color-alpha);transform:translateY(-2px)}.create-story-btn{background-color:var(--highlight-color);color:#fff;border:none;box-shadow:0 4px 15px var(--highlight-color-alpha)}.create-story-btn:hover{color:#fff;background-color:var(--highlight-color);filter:brightness(1.1);transform:translateY(-2px)}.ai-info-box{background-color:var(--sidebar-alpha);border:1px solid var(--border-color);padding:1.25rem;border-radius:20px;margin:2.5rem auto;max-width:650px;width:100%;box-sizing:border-box}.ai-credit-notice{font-size:.95rem;font-weight:600;color:var(--text-color);margin-bottom:.8rem}.ai-key-info{font-size:1rem;margin-bottom:.5rem;word-wrap:break-word}.ai-privacy-note{font-size:.85rem;opacity:.7;font-style:italic;margin:0}.photo-stories-promo{margin-top:3.5rem;margin-bottom:2rem;width:100%}.promo-subheading{font-size:1.6rem;color:var(--highlight-color);margin-bottom:1rem;font-weight:700;text-transform:none}.highlight-text{color:var(--highlight-color);font-weight:700}.subtle-guide-button{display:inline-flex;align-items:center;gap:.6rem;background:var(--highlight-color-alpha);color:var(--highlight-color);padding:.5rem 1.2rem;border-radius:20px;font-size:.9rem;font-weight:600;text-decoration:none;border:1px solid var(--border-color);transition:all .2s ease}.subtle-guide-button:hover{background:var(--highlight-color);color:#fff;border-color:var(--highlight-color);transform:translateY(-1px);box-shadow:0 4px 10px var(--highlight-color-alpha)}.empty-state-container h3{font-size:1.5rem;margin-top:3rem;margin-bottom:1rem;color:var(--highlight-color);text-transform:none}.empty-state-container p{font-size:1.05rem;color:var(--text-color-light);line-height:1.6;max-width:700px;margin:0 auto 1.2rem}.landing-footer{margin-top:5rem;padding-bottom:3rem;opacity:.7;font-size:.9rem;width:100%}.landing-footer p{margin-top:.5rem}@media(max-width:600px){.landing-page-container{padding:0 1.25rem}.promo-heading{font-size:1.6rem}.empty-state-container .promo-subtitle{font-size:1.2rem;margin-bottom:2rem}.promo-actions{flex-direction:column;align-items:stretch;gap:.75rem}.secondary-button{min-width:0;width:100%;padding:.7rem 1rem}.chat-grid{grid-template-columns:1fr}.ai-info-box{padding:1rem}.promo-subheading{font-size:1.4rem}}.chat-item{display:flex;align-items:center;background-color:var(--secondary-bg);padding:1rem;border:1px solid var(--border-color);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;animation:item-appear .4s ease-out backwards}.chat-item.unread{border:1px solid var(--highlight-color);background-color:#b05dd50d}.unread-badge{position:absolute;top:10px;right:10px;width:10px;height:10px;background-color:var(--highlight-color);border-radius:50%;box-shadow:0 0 0 2px var(--primary-bg);z-index:10}.chat-item:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a;border-color:var(--highlight-color)}.chat-avatars{position:relative;width:64px;height:64px;min-width:64px;margin-right:1.25rem;display:flex;justify-content:center;align-items:center}.chat-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid var(--primary-bg);background-color:var(--primary-bg);transition:all .3s ease;box-shadow:var(--shadow-small)}.chat-avatars.group-size-2 .chat-avatar{width:35px;height:35px;position:absolute}.chat-avatars.group-size-2 .avatar-0{top:5px;left:5px;z-index:2}.chat-avatars.group-size-2 .avatar-1{bottom:5px;right:5px;z-index:1}.chat-avatars.group-size-3 .chat-avatar{width:30px;height:30px;position:absolute}.chat-avatars.group-size-3 .avatar-0{top:0;left:15px;z-index:3}.chat-avatars.group-size-3 .avatar-1{bottom:5px;left:0;z-index:2}.chat-avatars.group-size-3 .avatar-2{bottom:5px;right:0;z-index:1}.chat-avatars.group-size-4 .chat-avatar{width:28px;height:28px;position:absolute}.chat-avatars.group-size-4 .avatar-0{top:2px;left:2px}.chat-avatars.group-size-4 .avatar-1{top:2px;right:2px}.chat-avatars.group-size-4 .avatar-2{bottom:2px;left:2px}.chat-avatars.group-size-4 .avatar-3{bottom:2px;right:2px}.more-avatars{position:absolute;bottom:0;right:0;background-color:var(--accent-color);color:#fff;border-radius:50%;width:25px;height:25px;display:flex;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;border:2px solid var(--secondary-bg)}.chat-info{flex-grow:1;overflow:hidden}.chat-names{font-size:1.1rem;font-weight:600;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem}.chat-item.unread .chat-names{color:var(--highlight-color)}.chat-vibe{font-size:.8rem;color:var(--text-color-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.05em;font-weight:400}@media(max-width:768px){.chat-avatars{width:50px;height:50px;min-width:50px;margin-right:1rem}.chat-avatar{width:40px;height:40px}.chat-avatars.group-size-2 .chat-avatar{width:30px;height:30px}.chat-avatars.group-size-2 .avatar-0{top:2px;left:2px}.chat-avatars.group-size-2 .avatar-1{bottom:2px;right:2px}.chat-avatars.group-size-3 .chat-avatar{width:24px;height:24px}.chat-avatars.group-size-3 .avatar-0{top:2px;left:13px}.chat-avatars.group-size-3 .avatar-1{bottom:2px;left:2px}.chat-avatars.group-size-3 .avatar-2{bottom:2px;right:2px}.chat-avatars.group-size-4 .chat-avatar{width:22px;height:22px}.chat-names{font-size:1rem}}.create-character-page{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:4rem 1rem;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;-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%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23888888%22%3E%3Cpath%20d%3D%22M7%2010l5%205%205-5z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right .7em top 50%,0 0;background-size:1em auto}body.dark .select-box{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%22M7%2010l5%205%205-5z%22%2F%3E%3C%2Fsvg%3E)}.checkbox-group{justify-content:flex-start;gap:1rem}input:focus+.slider{box-shadow:0 0 1px var(--accent-color)}.pro-promo-section{margin-top:2rem;text-align:center}.pro-promo-section p{margin-bottom:1rem;color:var(--text-color)}.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)}.create-relationship-page{max-width:800px;margin:0 auto;padding:1rem 1.5rem;color:var(--text-color)}.create-relationship-navbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.back-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--text-color);cursor:pointer;padding:.5rem 0;font-size:1rem;transition:opacity .2s}.back-button:hover{opacity:.7}.relationship-builder{margin-top:3rem;animation:fadeIn .3s ease-out}.builder-title{font-size:2rem;font-weight:700;margin-bottom:.5rem;text-align:center}.builder-subtitle{text-align:center;color:#888;margin-bottom:2.5rem;font-size:1.1rem}.mode-switcher{display:flex;background:var(--secondary-bg);padding:.4rem;border-radius:12px;margin-bottom:2rem;width:fit-content;margin-left:auto;margin-right:auto}.mode-btn{padding:.6rem 2rem;border-radius:8px;border:none;background:transparent;color:#888;font-weight:600;cursor:pointer;transition:all .2s}.mode-btn.active{background:var(--accent-color);color:#fff}.relationship-content{margin-bottom:2.5rem}.preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.2rem}.preset-card{background:var(--secondary-bg);border:1px solid var(--border-color);padding:1.5rem;border-radius:16px;cursor:pointer;transition:all .2s ease-in-out}.preset-card:hover{transform:translateY(-4px);border-color:var(--accent-color)}.preset-card.selected{border-color:var(--accent-color);background:rgba(var(--accent-color-rgb),.1);box-shadow:0 0 0 2px var(--accent-color)}.preset-label{font-size:1.2rem;font-weight:700;margin-bottom:.6rem;color:var(--text-color)}.preset-description{font-size:.9rem;color:#888;line-height:1.4}.manual-input-wrapper{position:relative}.relationship-manual-textarea{width:100%;height:200px;background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;color:var(--text-color);font-family:inherit;font-size:1.1rem;line-height:1.6;resize:none;outline:none;transition:border-color .2s}.relationship-manual-textarea:focus{border-color:var(--accent-color)}.create-relationship-page .char-counter{position:absolute;bottom:1rem;right:1rem;font-size:.8rem;color:#666}.create-relationship-actions{display:flex;justify-content:center}.start-conversation-btn{background:var(--accent-color);color:#fff;border:none;padding:1rem 3rem;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s;min-width:250px;display:flex;align-items:center;justify-content:center}.start-conversation-btn:disabled{opacity:.5;cursor:not-allowed}.start-conversation-btn:not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.1)}.processing-loader{display:flex;align-items:center;gap:.75rem}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.preset-card.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}@media(max-width:600px){.preset-grid{grid-template-columns:1fr}}.relationship-character-header{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem}.relationship-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid var(--secondary-bg);box-shadow:0 4px 15px #0000001a}.relationship-character-name{font-size:1.8rem;font-weight:700;margin:0}.pro-subscription-page{padding:4rem 1rem;max-width:1000px;width:100%;margin:0 auto;color:var(--text-color);text-align:center;min-height:100%;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.pro-subscription-page *,.pro-subscription-page *:before,.pro-subscription-page *:after{box-sizing:border-box}.pro-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;letter-spacing:-.02em}.pro-subtitle{font-size:1.1rem;color:var(--text-color-light);max-width:500px;margin-bottom:3rem;line-height:1.5}.pro-pricing-card{background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:24px;padding:3rem;width:100%;max-width:400px;box-shadow:0 10px 30px #0000000d;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.pro-pricing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--accent-color),var(--highlight-color))}.pro-pricing-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001a;border-color:var(--highlight-color)}.pro-card-header{margin-bottom:2.5rem}.pro-plan-name{font-size:1.2rem;font-weight:600;color:var(--highlight-color);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.1em}.pro-price{display:flex;align-items:baseline;justify-content:center;gap:2px}.pro-price .currency{font-size:1.5rem;font-weight:600;align-self:flex-start;margin-top:.5rem}.pro-price .amount{font-size:4rem;font-weight:700;line-height:1}.pro-price .period{font-size:1.1rem;color:var(--text-color-light);margin-left:4px}.pro-benefits-section{margin-bottom:3rem}.pro-benefits-list{list-style:none;padding:0;margin:0;text-align:left}.pro-benefits-list li{display:flex;align-items:center;gap:1rem;margin-bottom:1.2rem;font-size:1rem;font-weight:500}.pro-benefits-list li .icon{font-size:1.2rem;width:24px;display:flex;justify-content:center}.pro-checkout-button{width:100%;padding:1.2rem;border-radius:16px;background-color:var(--highlight-color);color:#fff!important;border:none;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #b05dd54d}.pro-checkout-button:hover{background-color:var(--accent-color);transform:scale(1.02);box-shadow:0 6px 16px #b05dd566}.pro-footer-info{margin-top:4rem;padding:2rem;max-width:600px;background-color:var(--accent-color-alpha);border-radius:16px}.instruction-heading{font-weight:700;margin-bottom:.5rem;text-transform:uppercase;font-size:.9rem;letter-spacing:.05em}.instruction-step{font-size:.95rem;line-height:1.6;color:var(--text-color)}.instruction-step a{color:var(--highlight-color);font-weight:600;text-decoration:underline}@media(max-width:600px){.pro-title{font-size:2rem}.pro-pricing-card{padding:2rem 1.5rem}.pro-price .amount{font-size:3.5rem}}.chat-list-page{max-width:1000px;margin:0 auto;padding:1.5rem}.chat-list-actions-bar{display:flex;justify-content:flex-end;margin-bottom:1rem}.page-title{font-size:2rem;font-weight:700;color:var(--text-color);margin:0}.create-group-button{transition:opacity .2s}.chat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;box-sizing:border-box}.no-chats-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;margin-top:3rem;text-align:center}.no-chats-message{color:var(--text-color-light);font-size:1.1rem;margin:0}@media(max-width:768px){.chat-list-page{padding:2rem 0rem;max-width:100%}.chat-grid{padding:.6rem}.page-title{font-size:1.6rem;margin:1rem 0;text-align:left}}.chat-photoset-wrapper{margin-top:8px;padding:12px;border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:12px;background-color:#0003;transition:border-color .2s ease;overflow:hidden;box-sizing:border-box;width:100%;max-width:100%}.chat-photoset-wrapper:hover{border-color:#fff3}.photoset-title.clickable{cursor:pointer}.photoset-title.clickable:hover{color:var(--accent-color, #ff4081);text-decoration:underline}.chat-photoset-wrapper .photoset-title{font-size:1rem;color:var(--text-secondary);margin-bottom:8px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loading-photoset{font-size:.8rem;color:var(--text-secondary);font-style:italic;padding:8px}.chat-photoset-error{margin-top:8px;padding:16px;border:1px dashed var(--border-color, rgba(255, 255, 255, .2));border-radius:12px;background-color:#ff00000d;display:flex;flex-direction:column;align-items:center;gap:12px}.chat-photoset-error.deleted{background-color:#ffa5000d}.chat-photoset-error.deleted .error-content svg{color:#ffa726}.chat-photoset-error .error-content{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.9rem}.chat-photoset-error .error-content svg{color:#ff5252}.photoset-retry-btn{background-color:var(--secondary-bg);color:var(--text-color);border:1px solid var(--border-color);padding:6px 12px;border-radius:20px;font-size:.8rem;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s ease}.photoset-retry-btn:hover{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.photoset-retry-btn svg{transition:transform .3s ease}.photoset-retry-btn:hover svg{transform:rotate(180deg)}.photoset-retry-btn.loading{opacity:.7;cursor:not-allowed;background-color:var(--secondary-bg);border-color:var(--border-color);color:var(--text-secondary)}.photoset-retry-btn.loading:hover{background-color:var(--secondary-bg);border-color:var(--border-color);color:var(--text-secondary)}.photoset-retry-btn svg.spin{animation:spin 1s linear infinite}.chat-message-list{flex-grow:1;padding:1rem 1rem 0;display:flex;flex-direction:column-reverse;gap:.75rem;padding-bottom:120px}.chat-history-sentinel{height:60px;display:flex;align-items:center;justify-content:center;width:100%;flex-shrink:0}.chat-message-list.empty{justify-content:center;align-items:center;text-align:center;padding-bottom:4rem}.empty-chat-message p{color:var(--text-color-light);font-size:1.1rem;margin:.5rem 0}.empty-chat-message .hint{font-size:.9rem;opacity:.7}.chat-loading{text-align:center;padding:1rem;color:var(--text-color-light);font-size:.85rem}.message-bubble-wrapper{display:flex;align-items:flex-start;max-width:80%;animation:message-appear .3s ease-out;will-change:transform,opacity}@keyframes message-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.user-message{margin-left:auto;flex-direction:row-reverse;margin-bottom:1rem}.character-message{margin-right:auto;margin-bottom:1rem}.message-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;margin-right:.5rem;flex-shrink:0}.user-message .message-avatar{margin-left:.5rem;margin-right:0}.message-content{padding:.75rem 1rem;border-radius:18px;line-height:1.4;font-size:1rem;word-wrap:break-word;max-width:100%;min-width:0;box-sizing:border-box}.user-message .message-content{background-color:var(--accent-color);color:#f7effb;border-bottom-right-radius:4px}.character-message .message-content{background-color:var(--secondary-bg);color:var(--text-color);border-bottom-left-radius:4px}.thinking-indicator{margin-bottom:1rem}.thinking-indicator .message-content{background-color:var(--secondary-bg);padding:.75rem 1rem;border-radius:18px 18px 18px 4px;display:inline-block;margin-left:3rem}.thinking-indicator.has-avatar .message-content{margin-left:0}.typing-dots{display:flex;gap:4px;align-items:center;height:12px}.typing-dots span{width:8px;height:8px;background-color:var(--text-color);opacity:.4;border-radius:50%;animation:typing 1.4s infinite ease-in-out}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,80%,to{transform:scale(0);opacity:.2}40%{transform:scale(1);opacity:.8}}.message-sender-name{font-size:.8rem;font-weight:600;margin-bottom:.2rem;color:var(--text-color-light)}.character-message .message-sender-name{color:var(--highlight-color)}.message-timestamp{font-size:.7rem;color:#ffffffb3;margin-top:.5rem;text-align:right}.character-message .message-timestamp{color:var(--text-color-light);text-align:left}@media(max-width:600px){.message-bubble-wrapper{max-width:95%}}.quick-emoji-container{position:relative;display:flex;align-items:center;flex-shrink:0}.quick-emoji-btn{background:var(--sidebar-alpha);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:50%;width:47.6px;height:47.6px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s cubic-bezier(.175,.885,.32,1.275);position:relative;font-size:1.3rem;padding:0;box-shadow:0 4px 12px #0000001a}.quick-emoji-btn:hover:not(:disabled){transform:scale(1.1);background:var(--primary-bg);border-color:var(--highlight-color)}.quick-emoji-btn:active:not(:disabled){transform:scale(.9)}.quick-emoji-btn.counting{border-color:var(--highlight-color);box-shadow:0 0 15px var(--highlight-color-alpha);animation:pulse-emoji .5s infinite alternate}@keyframes pulse-emoji{0%{transform:scale(1)}to{transform:scale(1.1)}}.emoji-count-badge{position:absolute;top:-5px;right:-5px;background:var(--highlight-color);color:#fff;border-radius:10px;padding:1px 6px;font-size:.75rem;font-weight:700;box-shadow:0 2px 4px #0003;pointer-events:none}.emoji-particle{position:absolute;pointer-events:none;font-weight:700;color:var(--highlight-color);font-size:1.2rem;animation:fly-up 1s forwards ease-out;text-shadow:0 2px 4px rgba(0,0,0,.2);white-space:nowrap}@keyframes fly-up{0%{opacity:0;transform:translateY(0) scale(.5)}20%{opacity:1;transform:translateY(-10px) scale(1.2)}to{opacity:0;transform:translateY(-60px) scale(1)}}.quick-emoji-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.relationship-chat-composer-wrapper{position:fixed;bottom:1rem;left:0;right:0;z-index:9;width:100%;max-width:800px;margin:0 auto;padding:0px .5rem;box-sizing:border-box;display:flex;align-items:center;gap:.5rem}.composer-settings-hint{position:absolute;top:-2.5rem;left:50%;transform:translate(-50%);background-color:var(--highlight-color);color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:.85rem;white-space:nowrap;cursor:pointer;box-shadow:0 4px 12px var(--accent-color-alpha);border:1px solid var(--card-border-color);animation:item-appear .3s ease-out}.composer-settings-hint span{text-decoration:underline;font-weight:600;margin-left:.3rem}.composer-settings-hint:hover{transform:translate(-50%) scale(1.05)}.relationship-chat-composer{flex-grow:1;min-width:0;display:flex;align-items:center;background-color:var(--sidebar-alpha);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:28px;padding:.3rem .4rem .3rem 1.2rem;box-shadow:0 10px 40px #0000001a;border:1px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1)}@media(max-width:480px){.relationship-chat-composer-wrapper{gap:.3rem;padding:0px .3rem}.relationship-chat-composer{padding-left:.8rem}.relationship-chat-composer button.send-btn{margin-left:.4rem}}body.dark .relationship-chat-composer{box-shadow:0 10px 40px #0006}.relationship-chat-composer:focus-within{background-color:var(--primary-bg);backdrop-filter:none;-webkit-backdrop-filter:none;border-color:var(--highlight-color);box-shadow:0 12px 48px #00000026}.relationship-chat-composer textarea{flex-grow:1;border:none;background:transparent;resize:none;outline:none;font-family:inherit;font-size:1rem;color:var(--text-color);padding:0rem;max-height:280px;min-height:24px;overflow-y:auto;line-height:1.4}.relationship-chat-composer textarea::placeholder{color:var(--text-color-light);opacity:.8}.relationship-chat-composer button.send-btn{background-color:var(--highlight-color);border:none;border-radius:50%;width:36px;height:36px;display:flex;justify-content:center;align-items:center;cursor:pointer;margin-left:.8rem;flex-shrink:0;transition:all .2s ease;color:#fff}.relationship-chat-composer button:hover:not(:disabled){transform:scale(1.08);filter:brightness(1.1)}.relationship-chat-composer button:active:not(:disabled){transform:scale(.92)}.relationship-chat-composer button:disabled{background-color:var(--border-color);cursor:not-allowed;opacity:.5}.relationship-chat-composer button svg{color:#fff;width:24px;height:24px}.chat-settings-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.chat-settings-modal{background-color:var(--primary-bg);border-radius:16px;width:90%;max-width:450px;box-shadow:0 8px 32px #0003;overflow:hidden;border:1px solid var(--border-color);animation:modal-appear .3s ease-out}@keyframes modal-appear{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.chat-settings-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.chat-settings-header h3{margin:0;font-size:1.2rem;color:var(--text-color)}.close-button{background:none;border:none;font-size:1.5rem;color:var(--text-color);cursor:pointer;padding:0;line-height:1}.chat-settings-content{padding:1.5rem;max-height:70dvh;overflow-y:auto}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.setting-row-vertical{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;width:100%}.setting-info{flex:1}.setting-label{display:block;font-weight:600;margin-bottom:.2rem;color:var(--text-color)}.setting-description{margin:0;font-size:.85rem;color:var(--text-color);opacity:.7}.chat-title-input{width:100%;padding:.8rem;border-radius:8px;border:1px solid var(--border-color);background-color:var(--background-alpha);color:var(--text-color);font-size:1rem;box-sizing:border-box}.chat-title-input:focus{outline:none;border-color:var(--highlight-color)}.emoji-selection-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.4rem;padding:.6rem;background-color:var(--background-alpha);border-radius:12px;border:1px solid var(--border-color);max-width:100%;box-sizing:border-box}.emoji-option{background:none;border:2px solid transparent;border-radius:8px;font-size:1.2rem;padding:.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;aspect-ratio:1/1}.emoji-option:hover{background-color:var(--border-color);transform:scale(1.1)}.emoji-option.selected{background-color:var(--highlight-color-alpha);border-color:var(--highlight-color);transform:scale(1.1)}.download-transcript-button{display:flex;align-items:center;justify-content:center;background-color:transparent;border:1px solid var(--border-color);color:var(--text-color);padding:.6rem 1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.download-transcript-button:hover:not(:disabled){background-color:var(--background-alpha);border-color:var(--highlight-color);color:var(--highlight-color)}.download-transcript-button:disabled{opacity:.5;cursor:not-allowed}.chat-settings-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:1rem}.settings-button{padding:.6rem 1.2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.settings-button.cancel{background:none;border:1px solid var(--border-color);color:var(--text-color)}.settings-button.save{background-color:var(--highlight-color);border:none;color:#fff}.settings-button:hover{opacity:.9;transform:translateY(-1px)}.switcher{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s}input:checked+.slider:before{transform:translate(20px)}.danger-zone{margin-top:2rem;padding-top:1rem;border-top:2px dashed rgba(255,0,0,.2)}.danger-zone h4{color:#ff4d4d;margin:0 0 1rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.05rem}.danger-action-container{display:flex;flex-direction:column;gap:1.5rem}.danger-button-stack{display:flex;flex-direction:column;gap:1rem}.danger-action-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem;background-color:#ff00000d;border-radius:12px}.danger-button{padding:.6rem 1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;font-size:.85rem}.danger-button.clear{background-color:transparent;border:1px solid var(--highlight-color);color:var(--highlight-color)}.danger-button.clear:hover:not(:disabled){background-color:var(--highlight-color);color:#fff}.danger-button.delete{background-color:transparent;border:1px solid #ff4d4d;color:#ff4d4d}.danger-button.delete:hover:not(:disabled){background-color:#ff4d4d;color:#fff}.danger-button:disabled{opacity:.5;cursor:not-allowed}.checkbox-container{display:flex;align-items:center;gap:.5rem;margin-top:.8rem;cursor:pointer}.checkbox-container input{cursor:pointer}.checkbox-label{font-size:.8rem;color:var(--text-color);opacity:.8}.chat-page{display:flex;flex-direction:column;max-width:800px;margin:0 auto;background-color:var(--primary-bg);color:var(--text-color);min-height:calc(100dvh - 56px);flex:1;position:relative}.message-retry-btn{display:flex;align-items:center;gap:4px;margin-top:6px;padding:4px 8px;background:#ff3b3026;color:#ff3b30;border:1px solid rgba(255,59,48,.3);border-radius:12px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:fit-content}.message-retry-btn:hover{background:#ff3b3040;transform:translateY(-1px)}.message-retry-btn span{opacity:.9}.user-message.has-retry .message-content{border-bottom-right-radius:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-header{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;padding:0 1.5rem;background-color:var(--sidebar-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:fixed;top:0;left:0;right:0;z-index:100;height:56px;box-shadow:var(--shadow);padding-top:env(safe-area-inset-top)!important}.chat-back-button{background:none;border:none;color:var(--text-color);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s;width:40px;height:40px}.chat-back-button:hover{background-color:var(--accent-color-alpha)}.chat-header-info{display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;text-align:center}.chat-header-top-row{display:flex;align-items:center;gap:.5rem}.chat-header-avatars{display:flex;align-items:center;position:relative;width:40px;height:40px}.header-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--primary-bg);transition:all .5s ease}.chat-header-avatars.group-size-2 .header-avatar{width:24px;height:24px;position:absolute}.chat-header-avatars.group-size-2 .avatar-0{top:0;left:0;z-index:2}.chat-header-avatars.group-size-2 .avatar-1{bottom:0;right:0;z-index:1}.chat-header-avatars.group-size-3 .header-avatar{width:20px;height:20px;position:absolute}.chat-header-avatars.group-size-3 .avatar-0{top:0;left:10px;z-index:3}.chat-header-avatars.group-size-3 .avatar-1{bottom:0;left:0;z-index:2}.chat-header-avatars.group-size-3 .avatar-2{bottom:0;right:0;z-index:1}.chat-header-avatars.group-size-4 .header-avatar{width:18px;height:18px;position:absolute}.chat-header-avatars.group-size-4 .avatar-0{top:0;left:0}.chat-header-avatars.group-size-4 .avatar-1{top:0;right:0}.chat-header-avatars.group-size-4 .avatar-2{bottom:0;left:0}.chat-header-avatars.group-size-4 .avatar-3{bottom:0;right:0}.header-avatar.border-friendly{border-color:#63b3ed}.header-avatar.border-warm{border-color:#4fd1c5}.header-avatar.border-close{border-color:#f6ad55}.header-avatar.border-hot,.header-avatar.border-bestie,.header-avatar.border-wild{border-color:#f687b3}.header-avatar.border-steamy,.header-avatar.border-legendary,.header-avatar.border-chaos{border-color:#f56565}.header-avatar:first-child{margin-left:0}.chat-title{font-size:1rem;font-weight:600;margin:0;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:none}.chat-title-link{color:inherit;text-decoration:none}.chat-title-link:hover{text-decoration:underline}.chat-settings-button{background:none;border:none;color:var(--text-color);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s;width:40px;height:40px;opacity:.7}.chat-settings-button:hover{background-color:var(--accent-color-alpha);opacity:1}.chat-header-avatars a{display:flex;text-decoration:none}@media(max-width:600px){.chat-page{padding:0}.chat-header{padding:0 .75rem;height:50px}.chat-title{font-size:.95rem}}.create-group-page{padding:1rem;max-width:800px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}.create-group-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.create-group-header h1{font-size:1.5rem;margin:0}.back-button{background:none;border:none;color:var(--text-color);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.back-button:hover{background:var(--secondary-bg)}.create-group-container{display:flex;flex-direction:column;gap:2rem}.group-settings-section{display:flex;flex-direction:column;gap:.5rem}.group-settings-section label{font-weight:600;color:var(--text-color-light);font-size:.9rem}.participants-section h3{margin:0 0 1rem;font-size:1.1rem;text-align:center}.participants-list{display:flex;flex-wrap:wrap;gap:.75rem;background:var(--secondary-bg);padding:1rem;border-radius:16px;min-height:80px;border:1px dashed var(--border-color)}.no-participants{color:var(--text-color-light);font-style:italic;margin:auto}.participant-item{display:flex;align-items:center;gap:.5rem;background:var(--primary-bg);padding:.4rem .6rem;border-radius:20px;border:1px solid var(--border-color)}.participant-avatar{width:30px;height:30px}.participant-name{font-size:.9rem;font-weight:500}.remove-participant-btn{background:none;border:none;color:var(--text-color-light);cursor:pointer;display:flex;align-items:center;padding:.2rem;border-radius:50%}.remove-participant-btn:hover{color:var(--error-color);background:#ff00001a}.search-section{background:var(--secondary-bg);border-radius:16px;padding:1.5rem;display:flex;justify-content:center}.create-group-btn{width:100%}.error-message{color:var(--error-color);font-size:.9rem;font-weight:500;text-align:center}@media(max-width:768px){.create-group-page{padding:1rem}}.privacy-page-container{max-width:800px;margin:0 auto;padding:4rem 1.5rem;line-height:1.8;color:var(--text-color)}.privacy-content h1{text-align:center;margin-bottom:.5rem;font-size:2.5rem}.last-updated{text-align:center;color:var(--text-color-light);font-size:.9rem;margin-bottom:4rem}.privacy-content section{margin-bottom:3rem}.privacy-content h2{color:var(--highlight-color);font-size:1.5rem;margin-bottom:1rem;text-transform:none}.privacy-content p{margin-bottom:1rem;opacity:.9}.privacy-content ul{padding-left:1.5rem;margin-bottom:1rem}.privacy-content li{margin-bottom:.5rem;opacity:.9}.privacy-footer{margin-top:5rem;padding-top:2rem;border-top:1px solid var(--border-color);text-align:center}.back-link{color:var(--highlight-color);text-decoration:none;font-weight:600}.back-link:hover{text-decoration:underline}@media(max-width:600px){.privacy-page-container{padding:2rem 1rem}.privacy-content h1{font-size:2rem}}.debug-page{padding:20px;max-width:1200px;margin:0 auto;color:var(--text-color);background-color:var(--primary-bg);min-height:100%}.debug-header{display:flex;flex-direction:column;gap:20px;margin-bottom:30px;border-bottom:1px solid var(--border-color);padding-bottom:15px}.debug-header-top{display:flex;justify-content:space-between;align-items:center;width:100%}.debug-header h1{margin:0;font-size:1.8rem;color:var(--highlight-color)}.debug-nav-bar{display:flex;gap:10px;flex-wrap:wrap}.debug-nav-btn{background:var(--background-alpha);color:var(--text-color);border:1px solid var(--border-color);padding:6px 12px;border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .2s}.debug-nav-btn:hover{background:var(--highlight-color);color:#fff;border-color:var(--highlight-color)}.debug-back-btn{background:var(--accent-color-alpha);color:var(--text-color);border:1px solid var(--border-color);padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s}.debug-back-btn:hover{background:var(--highlight-color);color:#fff;border-color:var(--highlight-color)}.debug-section{margin-bottom:40px}.debug-section h2{font-size:1.4rem;margin-bottom:20px;color:var(--text-color);opacity:.8;border-left:4px solid var(--highlight-color);padding-left:10px}.debug-visuals{display:flex;gap:20px;flex-wrap:wrap}.debug-visual-item{flex:1;min-width:250px;background:var(--background-alpha);padding:15px;border-radius:8px;border:1px solid var(--border-color)}.debug-visual-item h3{margin-top:0;font-size:1rem;color:var(--text-color);opacity:.6}.debug-img{max-width:100%;height:auto;border-radius:4px;border:1px solid var(--border-color)}.debug-img.mugshot{max-height:200px}.debug-fields-list{display:flex;flex-direction:column;gap:15px}.debug-field-item{background:var(--background-alpha);padding:15px;border-radius:8px;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:5px}.debug-field-label{color:var(--highlight-color);font-family:Courier New,Courier,monospace;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.debug-field-content{color:var(--text-color);word-break:break-word;line-height:1.5;font-size:.95rem;white-space:pre-wrap}.debug-field-item:hover{background:var(--accent-color-alpha)}.debug-tags-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.debug-tag-card{background:var(--background-alpha);padding:12px;border-radius:6px;display:flex;flex-direction:column;gap:5px;border:1px solid var(--border-color)}.debug-tag-name{font-weight:700;color:var(--highlight-color)}.debug-tag-count,.debug-tag-date{font-size:.8rem;color:var(--text-color);opacity:.6}.debug-verses-list{display:flex;flex-direction:column;gap:15px}.debug-verse-item{background:var(--background-alpha);padding:15px;border-radius:8px;border-left:3px solid var(--border-color);border-top:1px solid var(--border-color);border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.debug-verse-meta{display:flex;gap:15px;font-size:.8rem;color:var(--text-color);opacity:.6;margin-bottom:8px}.debug-verse-type{text-transform:uppercase;color:var(--highlight-color);font-weight:700}.debug-verse-type.type-happening{color:#4caf50}.debug-verse-type.type-story{color:#2196f3}.debug-verse-type.type-profile{color:#ffc107}.debug-verse-item.type-happening{border-left-color:#4caf50}.debug-verse-item.type-story{border-left-color:#2196f3}.debug-verse-item.type-profile{border-left-color:#ffc107}.debug-verse-text{margin:0 0 10px;line-height:1.5;color:var(--text-color)}.debug-verse-tags{display:flex;flex-wrap:wrap;gap:6px}.debug-mini-tag{font-size:.75rem;background:var(--accent-color-alpha);padding:2px 8px;border-radius:10px;color:var(--text-color);opacity:.8}.debug-interview-container{background:var(--background-alpha);border-radius:8px;border:1px solid var(--border-color);display:flex;flex-direction:column;height:500px;margin-top:10px}.debug-interview-messages{flex:1;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:12px}.debug-interview-msg{max-width:85%;padding:10px 15px;border-radius:12px;line-height:1.5;font-size:.95rem;word-wrap:break-word}.debug-interview-msg.user{align-self:flex-end;background:var(--highlight-color);color:#fff;border-bottom-right-radius:2px}.debug-interview-msg.agent{align-self:flex-start;background:var(--background-alpha);border:1px solid var(--border-color);color:var(--text-color);border-bottom-left-radius:2px}.debug-interview-msg-meta{font-size:.7rem;margin-bottom:4px;opacity:.6;font-weight:700}.debug-interview-input-area{display:flex;padding:15px;gap:10px;border-top:1px solid var(--border-color);background:#0000001a}.debug-interview-input{flex:1;background:var(--primary-bg);border:1px solid var(--border-color);color:var(--text-color);padding:10px 15px;border-radius:20px;font-size:.95rem;outline:none}.debug-interview-input:focus{border-color:var(--highlight-color)}.debug-interview-send-btn{background:var(--highlight-color);color:#fff;border:none;padding:0 20px;border-radius:20px;cursor:pointer;font-weight:700;transition:opacity .2s}.debug-interview-send-btn:disabled{opacity:.5;cursor:not-allowed}.debug-thinking-indicator{font-style:italic;font-size:.8rem;color:var(--text-color);opacity:.6;padding:5px 15px}.debug-error{color:#ff5252;text-align:center;padding:50px;font-size:1.2rem}.baggu-page{box-sizing:border-box;max-width:860px;margin:2rem auto;padding:2rem;color:var(--text-color)}.baggu-page h1{text-align:center;margin-bottom:2rem}.baggu-error{color:#ff4d4f;margin-top:1rem;text-align:center}.baggu-success{color:#52c41a;margin-top:1rem;text-align:center;padding:1rem;background:#52c41a1a;border-radius:8px}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:1.4rem 0;border-bottom:1px solid var(--accent-color)}.setting-control-stack{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.api-key-input{width:250px}.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:checked+.slider:before{transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}@media(max-width:970px){.baggu-page{padding:2rem 1rem}.setting-item{display:block}.setting-item>span{display:block;padding:1rem 0}}.notification-toast-container{position:fixed;top:calc(66px + env(safe-area-inset-top));right:20px;display:flex;flex-direction:column;gap:10px;z-index:9999999999;pointer-events:none}.notification-toast{pointer-events:auto;background-color:var(--background-alpha);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--highlight-color);border-radius:16px;padding:12px;width:320px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow);cursor:pointer;animation:slideIn .3s ease-out;transition:transform .2s,opacity .2s;box-sizing:border-box}.notification-toast:hover{transform:scale(1.02)}.error-toast{border-color:#ff4d4d}.error-toast .toast-sender{color:#ff4d4d}.task-toast{border-color:var(--accent-color);animation:pulseLight 2s infinite}@keyframes pulseLight{0%{box-shadow:0 0 #b05dd533}50%{box-shadow:0 0 0 5px #b05dd500}to{box-shadow:0 0 #b05dd500}}.toast-avatar{width:48px;height:48px;flex-shrink:0;border-radius:50%;overflow:hidden;aspect-ratio:1 / 1}.toast-avatar .character-avatar-container{width:100%;height:100%;border-radius:50%}.toast-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.toast-content{flex-grow:1;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.toast-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.toast-sender{font-weight:700;font-size:.9rem;color:var(--highlight-color)}.toast-close{background:none;border:none;color:var(--text-color-light);font-size:1.2rem;line-height:1;cursor:pointer;padding:0 4px}.toast-close:hover{color:var(--text-color);transform:scale(1.1)}.toast-body{display:flex;align-items:center;gap:8px}.toast-text{margin:0;font-size:.85rem;color:var(--text-color);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.toast-body .loader.small{border:2px solid var(--border-color);border-top:2px solid var(--accent-color);border-radius:50%;width:14px;height:14px;animation:spin 1s linear infinite;flex-shrink:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:480px){.notification-toast-container{top:calc(66px + env(safe-area-inset-top));right:1rem;width:280px}.notification-toast{width:100%}}:root{--primary-bg: #f7effb;--secondary-bg: transparent;--sidebar-bg: #efdff788;--text-color: #333333;--text-color-light: #666666;--accent-color: #8d4aaa;--border-color: #BBB;--card-border-color: #FEC5F6;--sidebar-width: 200px;--box-shadow-color: #00000033;--background-alpha: #FFFFFF22;--accent-color-alpha: #9e54c022;--highlight-color: #b05dd5;--scrollbar-color: #9e54c055;--shadow: rgba(0, 0, 0, .1) 0 10px 15px -3px, rgba(0, 0, 0, .05) 0 4px 6px -2px;--font-family: Inter, sans-serif;font-family:var(--font-family);line-height:1.6;font-weight:400;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}html{background-color:var(--primary-bg)}body.dark{--primary-bg: #211832;--secondary-bg: transparent;--sidebar-bg: #1e162dBB;--text-color: #f7effb;--text-color-light: #c6bfc9;--accent-color: #412B6B;--accent-color-alpha: #412B6B44;--border-color: #412B6B;--card-border-color: #412B6B;--box-shardow-color: #FFFFFF33;--background-alpha: #00000055;--highlight-color: #DB8DD0;--scrollbar-color: #f7effb22}html,body{margin:0;padding:0;height:100dvh;height:100%;width:100%;background-color:var(--primary-bg);min-height:-webkit-fill-available}#root{height:100%;width:100%}.app-layout{position:absolute;inset:0;display:flex;flex-direction:column;background-color:var(--primary-bg)}body{font-size:12pt!important;color:var(--text-color)}h1,h2,h3,h4,h5{font-weight:600;text-transform:uppercase}input,button{font-family:var(--font-family)}button{color:var(--text-color)}textarea,select{font-family:var(--font-family)}input[type=rang]{outline:none!important}.unified-input{width:100%;padding:.75rem 1rem;border-radius:12px;border:1px solid var(--border-color);background-color:var(--secondary-bg);color:var(--text-color);font-size:1rem;outline:none;transition:all .2s ease;box-sizing:border-box}.unified-input:focus{border-color:var(--highlight-color);box-shadow:0 0 0 2px #b05dd51a}.unified-input::placeholder{color:var(--text-color-light);opacity:.6}textarea::placeholder{color:var(--text-color-light);opacity:.6}.app-logo{font-weight:700;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;flex-direction:column;height:calc(100% + env(safe-area-inset-top));background-color:var(--primary-bg)}.main-content{box-sizing:border-box;flex-grow:1;overflow-y:auto;padding:0;padding-top:calc(56px + env(safe-area-inset-top));min-height:0;height:100%}.page-title{font-size:1.8rem;font-weight:500;padding:1rem 0}@media(max-width:970px){.main-content{padding:56px 0;padding-top:calc(56px + env(safe-area-inset-top))}.page-actions-bar,.page-title{padding-left:1rem;padding-right:1rem}}.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}.page-actions-bar{display:flex;justify-content:flex-end;align-items:center;gap:1rem;margin-bottom:1.5rem;width:100%;box-sizing:border-box}.primary-button{padding:.8rem 1.5rem;border-radius:32px;background-color:transparent;color:var(--highlight-color)!important;border-color:var(--highlight-color);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center;gap:.5rem}.primary-button:hover:not(:disabled){transform:scale(1.02);background-color:var(--highlight-color-light, rgba(176, 93, 213, .05))}.primary-button:active:not(:disabled){transform:scale(.98)}.primary-button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(100%)}@keyframes item-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}