*{box-sizing:border-box}:root{--bg:#07070a;--panel:#14141ac7;--panel-strong:#14141b;--line:#ffffff1a;--text:#f8f7fb;--muted:#a5a1b5;--rose:#ff4f87;--violet:#9d70ff;--cyan:#43d9d3;--amber:#f5bf47;--green:#41d98a;--red:#ff6b7c;--radius:8px}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0}body{letter-spacing:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-bg{z-index:-1;background:radial-gradient(80% 45% at 50% -10%,#ff4f872e,#0000 65%),radial-gradient(50% 35% at 100% 25%,#43d9d31c,#0000 60%),linear-gradient(#09080d,#07070a 42%,#0d0d11);position:fixed;inset:0}.site-nav{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07070ac7;justify-content:space-between;align-items:center;gap:18px;height:68px;padding:0 28px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;min-width:188px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--rose), var(--violet));border-radius:8px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.brand-copy{flex-direction:column;line-height:1.05;display:flex}.brand-copy strong{font-size:.98rem}.brand-copy small{color:var(--muted);text-transform:uppercase;font-size:.68rem}.nav-links{align-items:center;gap:6px;display:flex}.nav-link,.icon-pill,.primary-btn,.ghost-btn,.secondary-link,.chip,.card-cta{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;display:inline-flex}.nav-link{color:var(--muted);padding:0 14px}.nav-link.active,.nav-link:hover{color:var(--text);background:#ffffff12}.nav-actions{align-items:center;gap:8px;display:flex}.icon-pill{border:1px solid var(--line);width:40px;color:var(--text);background:#ffffff0d}.more-wrap{position:relative}.more-menu{border:1px solid var(--line);background:#15151c;border-radius:8px;min-width:180px;padding:8px;position:absolute;top:48px;right:0;box-shadow:0 18px 60px #00000073}.more-menu a{color:var(--muted);border-radius:6px;padding:10px 12px;display:block}.more-menu a:hover{color:var(--text);background:#ffffff12}.account-chip{border:1px solid var(--line);background:#ffffff0d;border-radius:8px;align-items:center;gap:8px;height:40px;padding:4px 6px 4px 10px;display:flex}.account-chip img{object-fit:cover;border-radius:50%;width:26px;height:26px}.account-chip span{text-overflow:ellipsis;white-space:nowrap;max-width:120px;color:var(--muted);overflow:hidden}.account-chip button{color:var(--text);background:#ffffff14;border:0;border-radius:6px;height:30px;padding:0 10px}.primary-btn{color:#fff;background:linear-gradient(135deg, var(--rose), #c43cff 55%, var(--violet));border:0;padding:0 18px;font-weight:800;box-shadow:0 12px 32px #ff4f8740}.primary-btn.compact{height:40px;min-height:40px}.primary-btn:disabled,.ghost-btn:disabled{opacity:.55;cursor:not-allowed}.ghost-btn{border:1px solid var(--line);color:var(--text);background:#ffffff0d;padding:0 18px}.secondary-link{color:var(--cyan);font-weight:700}.page-shell{width:min(1240px,100% - 32px);margin:0 auto;padding:42px 0 80px}.page-shell.narrow{width:min(820px,100% - 32px)}.explore-hero{grid-template-columns:minmax(0,1.1fr) 420px;align-items:stretch;gap:24px;min-height:430px;display:grid}.hero-copy,.hero-search-panel,.feature-panel,.builder-panel,.chat-panel,.table-panel,.article-panel,.handbook-list,.story-rail,.scene-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero-copy{flex-direction:column;justify-content:center;padding:54px;display:flex}.eyebrow{color:var(--cyan);text-transform:uppercase;align-items:center;gap:7px;margin-bottom:14px;font-size:.75rem;font-weight:800;display:inline-flex}h1,h2,h3,p{margin-top:0}.hero-copy h1,.section-title-row h1,.feature-panel h1{max-width:860px;margin-bottom:18px;font-size:clamp(2.2rem,6vw,4.9rem);line-height:.98}.hero-copy p,.section-title-row p,.feature-panel p{color:var(--muted);font-size:1rem;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.hero-search-panel{flex-direction:column;gap:16px;padding:18px;display:flex}.search-box{border:1px solid var(--line);background:#0003;border-radius:8px;align-items:center;gap:10px;height:46px;padding:0 14px;display:flex}.search-box input,label input,label select,label textarea,.chat-input input{width:100%;color:var(--text);background:0 0;border:0;outline:0}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip-row.small{margin:14px 0}.chip{border:1px solid var(--line);color:var(--muted);background:#ffffff0d;padding:0 13px}.chip.active,.chip:hover{color:var(--text);background:#ff4f871f;border-color:#ff4f8799}.create-tile{background:linear-gradient(135deg,#ff4f8752,#43d9d32e);border:1px solid #ffffff24;border-radius:8px;flex-direction:column;justify-content:flex-end;gap:8px;min-height:170px;margin-top:auto;padding:20px;display:flex}.create-tile span{font-size:1.5rem;font-weight:900}.create-tile small{color:var(--muted)}.feed-head,.section-title-row{justify-content:space-between;align-items:end;gap:20px;margin:34px 0 18px;display:flex}.feed-head h2,.section-title-row h1{margin-bottom:6px}.feed-head p,.section-title-row p{color:var(--muted);margin-bottom:0}.character-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.gallery-grid{margin-top:18px}.character-card{border:1px solid var(--line);background:#15151c;border-radius:8px;min-height:470px;transition:transform .2s,border-color .2s;overflow:hidden}.character-card:hover{border-color:color-mix(in srgb, var(--accent,var(--rose)), white 12%);transform:translateY(-3px)}.character-media{aspect-ratio:3/4;background:linear-gradient(135deg,#ff4f872e,#43d9d31f);position:relative}.character-media img{object-fit:cover;width:100%;height:100%;display:block}.character-fallback{place-items:center;height:100%;font-size:5rem;display:grid}.character-shade{background:linear-gradient(#0000 35%,#000000b8);position:absolute;inset:0}.character-badges span{background:#0000008c;border-radius:6px;padding:5px 8px;font-size:.68rem;font-weight:800}.character-body h3{margin:0;font-size:1.1rem}.character-metrics{flex-wrap:wrap;gap:7px;margin:12px 0;display:flex}.character-metrics span{color:var(--muted);background:#ffffff0f;border-radius:6px;align-items:center;gap:5px;padding:6px 8px;font-size:.75rem;display:inline-flex}.character-desc{min-height:62px;font-size:.88rem}.card-cta{width:100%;color:var(--text);background:#ff4f8724;border:0;font-weight:800}.game-layout{grid-template-columns:300px minmax(0,1fr);gap:18px;width:min(1280px,100% - 28px);margin:0 auto;padding:32px 0 80px;display:grid}.story-rail{height:calc(100vh - 104px);padding:18px;position:sticky;top:86px;overflow:auto}.rail-back{color:var(--muted);align-items:center;gap:7px;margin-bottom:18px;display:inline-flex}.rail-avatar{background:#ffffff0f;border-radius:8px;place-items:center;width:74px;height:74px;margin-bottom:12px;font-size:2.2rem;display:grid}.rail-character p{color:var(--muted)}.affection-meter div{color:var(--muted);justify-content:space-between;align-items:center;display:flex}.affection-meter span,.progress-track{background:#ffffff14;border-radius:99px;height:8px;margin:8px 0 18px;display:block;overflow:hidden}.affection-meter i,.progress-track i{background:linear-gradient(90deg, var(--rose), var(--amber));height:100%;display:block}.scene-step{color:var(--muted);border-radius:8px;align-items:center;gap:10px;padding:9px;display:flex}.scene-step span{background:#ffffff0f;border-radius:6px;place-items:center;width:24px;height:24px;display:grid}.scene-step.active{color:var(--text);background:#ff4f871f}.scene-step.done{color:var(--green)}.story-stage{flex-direction:column;min-height:calc(100vh - 120px);display:flex}.stage-top{color:var(--muted);align-items:center;gap:14px;margin-bottom:14px;display:flex}.stage-top span{align-items:center;gap:7px;display:inline-flex}.progress-track{flex:1;margin:0}.scene-card{flex-direction:column;justify-content:center;min-height:600px;padding:42px;display:flex}.scene-art{margin-bottom:18px;font-size:5rem}.scene-card h1{font-size:clamp(2rem,5vw,4rem);line-height:1}.scene-card p{color:var(--muted);max-width:760px;line-height:1.75}.choice-grid,.option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.choice-btn,.option-grid button{border:1px solid var(--line);min-height:70px;color:var(--text);text-align:left;background:#ffffff0d;border-radius:8px;align-items:center;gap:10px;padding:14px;display:flex}.choice-btn:hover,.option-grid button:hover{border-color:var(--rose);background:#ff4f871a}.feature-panel{padding:34px}.feature-panel.center{text-align:center;justify-items:center;display:grid}.info-grid,.stat-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0;display:grid}.info-grid div,.stat-grid div{border:1px solid var(--line);min-height:86px;color:var(--muted);border-radius:8px;flex-direction:column;justify-content:center;gap:8px;padding:14px;display:flex}.stat-grid strong{color:var(--text);font-size:1.5rem}.joi-promo-banner{border-radius:var(--radius);background:linear-gradient(135deg,#ff4f8738,#9d70ff26);border:1px solid #ff4f8759;margin-bottom:18px;padding:16px 20px;display:block}.joi-promo-banner span{color:var(--muted);margin-bottom:4px;font-size:.8rem;display:block}.joi-promo-banner strong{font-size:1rem}.chat-list{gap:10px;display:grid}.chat-list-item{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:14px 16px}.chat-list-item p{color:var(--muted);margin:6px 0 0;font-size:.9rem}.chat-bubble{border-radius:10px;max-width:85%;margin-bottom:10px;padding:12px 14px;line-height:1.5}.chat-bubble.user{background:#ff4f8733;margin-left:auto}.chat-bubble.assistant{background:#ffffff14}.generate-result{border-radius:var(--radius);border:1px solid var(--line);margin-top:18px;overflow:hidden}.generate-result img{object-fit:cover;width:100%;max-height:520px;display:block}.segmented{border:1px solid var(--line);border-radius:8px;gap:6px;padding:4px;display:flex}.segmented button{color:var(--muted);text-transform:capitalize;background:0 0;border:0;border-radius:6px;padding:9px 12px}.segmented button.active{color:var(--text);background:#ffffff14}.table-panel{overflow:auto}table{border-collapse:collapse;width:100%;min-width:720px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:15px 16px}th{color:var(--muted);text-transform:uppercase;font-size:.78rem}.waifu-layout{grid-template-columns:380px minmax(0,1fr);gap:18px;display:grid}.builder-panel,.chat-panel{padding:22px}.form-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0;display:grid}label{color:var(--muted);flex-direction:column;gap:7px;font-weight:700;display:flex}label.wide{grid-column:1/-1}label input,label select,label textarea{border:1px solid var(--line);background:#00000038;border-radius:8px;min-height:44px;padding:0 12px}label textarea{resize:vertical;min-height:90px;padding:12px}.waifu-list{gap:8px;margin-top:20px;display:grid}.waifu-list-item{border:1px solid var(--line);color:var(--text);text-align:left;background:#ffffff0a;border-radius:8px;align-items:center;gap:10px;padding:9px;display:flex}.waifu-list-item.active{border-color:var(--rose)}.waifu-list-item img,.chat-head img{object-fit:cover;border-radius:8px;width:42px;height:42px}.waifu-list-item span{flex-direction:column;display:flex}.waifu-list-item small{color:var(--muted)}.chat-panel{flex-direction:column;min-height:640px;display:flex}.chat-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding-bottom:16px;display:flex}.chat-head h2{margin-bottom:2px}.chat-head p{color:var(--muted);margin:0}.chat-log{flex-direction:column;flex:1;gap:10px;padding:18px 0;display:flex;overflow:auto}.msg{border-radius:8px;max-width:72%;padding:12px 14px;line-height:1.5}.msg.ai{background:#ffffff12;align-self:flex-start}.msg.user{background:linear-gradient(135deg,#ff4f87bf,#9d70ffb8);align-self:flex-end}.chat-input{border:1px solid var(--line);border-radius:8px;align-items:center;height:50px;padding-left:14px;display:flex}.chat-input button{background:var(--rose);color:#fff;border:0;border-radius:6px;width:44px;height:44px;margin-right:3px}.empty-chat{height:100%;color:var(--muted);text-align:center;align-content:center;place-items:center;display:grid}.handbook-layout{grid-template-columns:360px minmax(0,1fr);gap:18px;display:grid}.handbook-list{max-height:calc(100vh - 110px);padding:20px;position:sticky;top:86px;overflow:auto}.article-link{width:100%;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;margin-bottom:8px;padding:12px;display:block}.article-link strong{color:var(--text);margin-bottom:4px;display:block}.article-link.active,.article-link:hover{border-color:var(--line);background:#ffffff0f}.article-panel{padding:34px}.article-summary{color:var(--cyan)}.article-body p{color:var(--muted);line-height:1.72}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.mono{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.error-text{color:var(--red)}.toast{z-index:30;border:1px solid var(--line);background:#181820;border-radius:8px;padding:12px 14px;position:fixed;bottom:20px;right:20px;box-shadow:0 20px 70px #0000006b}.toast-success{border-color:#41d98a80}.toast-error{border-color:#ff6b7c99}.age-gate{z-index:100;background:#000000d6;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.age-panel{border:1px solid var(--line);background:#14141b;border-radius:8px;width:min(560px,100%);padding:32px;box-shadow:0 24px 100px #000000a6}.age-kicker{color:var(--rose);text-transform:uppercase;margin-bottom:12px;font-size:.78rem;font-weight:900}.age-panel p{color:var(--muted);line-height:1.7}.age-actions{gap:10px;margin-top:20px;display:flex}.age-decline{color:var(--amber)!important}@media (max-width:1100px){.character-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.explore-hero,.waifu-layout,.handbook-layout,.game-layout,.profile-grid{grid-template-columns:1fr}.story-rail,.handbook-list{height:auto;max-height:none;position:static}}@media (max-width:760px){.site-nav{flex-wrap:wrap;height:auto;min-height:64px;padding:10px 14px}.brand{min-width:auto}.nav-links{order:3;width:100%;padding-bottom:2px;overflow-x:auto}.nav-link{flex:none}.account-chip span{display:none}.page-shell,.game-layout{width:min(100% - 20px,1240px);padding-top:24px}.hero-copy{padding:28px}.hero-copy h1,.section-title-row h1,.feature-panel h1{font-size:2.25rem}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.character-card{min-height:390px}.choice-grid,.option-grid,.info-grid,.stat-grid,.form-grid{grid-template-columns:1fr}.feed-head,.section-title-row{flex-direction:column;align-items:flex-start}.scene-card{min-height:auto;padding:24px}.msg{max-width:92%}}.site-nav{height:62px;padding:0 22px}.nav-link{min-height:38px;padding:0 12px;font-size:.92rem}.page-shell.joi-page{width:min(1480px,100% - 28px);padding:18px 0 72px}.joi-discovery-layout{grid-template-columns:284px minmax(0,1fr);align-items:start;gap:16px;display:grid}.joi-filter-panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f0f15db;border-radius:8px;min-width:0;padding:16px;position:sticky;top:78px}.joi-filter-panel h1{margin-bottom:8px;font-size:2.5rem;line-height:.95}.joi-filter-copy{color:var(--muted);font-size:.92rem;line-height:1.55}.joi-search{margin:16px 0 14px}.joi-filter-panel .chip-row{align-items:stretch;gap:7px}.joi-filter-panel .chip{min-height:36px;padding:0 11px;font-size:.84rem}.joi-side-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.joi-side-stats span{border:1px solid var(--line);min-height:62px;color:var(--muted);text-align:center;background:#ffffff0a;border-radius:8px;flex-direction:column;justify-content:center;gap:3px;font-size:.72rem;display:flex}.joi-side-stats strong{color:var(--text);font-size:1.05rem}.joi-feed{min-width:0}.joi-cta-grid,.joi-create-card,.joi-feed-head,.joi-gallery-head,.joi-feed-actions,.character-grid.joi-grid{min-width:0;max-width:100%}.joi-cta-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:12px;margin-bottom:18px;display:grid}.joi-create-card{background:#15151c;border:1px solid #ffffff24;border-radius:8px;flex-direction:column;justify-content:space-between;gap:14px;min-height:154px;padding:18px;display:flex;position:relative;overflow:hidden}.joi-create-card-primary{background:linear-gradient(135deg,#ff4f876b,#9d70ff2e 58%,#14141af5),#15151c}.joi-create-card-image{background:linear-gradient(135deg,#43d9d357,#f5bf4724 55%,#14141af5),#15151c}.joi-create-card strong{max-width:560px;font-size:clamp(1.45rem,3vw,2.5rem);line-height:1;display:block}.joi-create-card small{color:#f8f7fbbd;max-width:440px;line-height:1.45}.joi-card-icon{background:#0000003d;border:1px solid #ffffff29;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.joi-feed-head,.joi-gallery-head{justify-content:space-between;align-items:flex-end;gap:18px;margin:0 0 16px;display:flex}.joi-feed-head h2,.joi-gallery-head h1{margin-bottom:6px;font-size:clamp(1.55rem,3vw,2.4rem);line-height:1.05}.joi-feed-head p,.joi-gallery-head p{max-width:760px;color:var(--muted);margin-bottom:0;line-height:1.55}.joi-feed-actions{color:var(--muted);white-space:nowrap;align-items:center;gap:14px;font-size:.9rem;display:flex}.joi-feed-actions span,.joi-inline-create{align-items:center;gap:7px;display:inline-flex}.joi-inline-create{min-height:40px;color:var(--cyan);white-space:nowrap;background:#43d9d314;border:1px solid #43d9d34d;border-radius:8px;padding:0 14px;font-weight:800}.joi-toolbar{align-items:center;gap:10px;margin:18px 0;display:flex}.joi-toolbar-search{flex:none;width:min(360px,100%)}.joi-toolbar .chip-row{flex-wrap:nowrap;flex:1;min-width:0;padding-bottom:2px;overflow-x:auto}.joi-toolbar .chip{flex:none;min-height:38px}.joi-result-count{color:var(--muted);white-space:nowrap;font-size:.9rem}.character-grid.joi-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.character-card{cursor:pointer;background:#111117;border:1px solid #ffffff17;border-radius:8px;outline:none;min-height:0;transition:transform .18s,border-color .18s,background .18s;overflow:hidden}.character-card:hover,.character-card:focus-visible{border-color:color-mix(in srgb, var(--accent,var(--rose)), white 18%);background:#15151c;transform:translateY(-3px)}.character-card:focus-visible{box-shadow:0 0 0 3px #43d9d32e}.character-media{aspect-ratio:4/5;background:linear-gradient(145deg, color-mix(in srgb, var(--accent,var(--rose)), black 48%), #43d9d321), #181820;position:relative;overflow:hidden}.character-media img,.character-media video{object-fit:cover;width:100%;height:100%;transition:transform .3s,filter .3s;display:block}.character-card:hover .character-media img,.character-card:hover .character-media video{filter:saturate(1.08);transform:scale(1.045)}.character-fallback{background:linear-gradient(145deg, color-mix(in srgb, var(--accent,var(--rose)), black 48%), #43d9d31f), #181820;align-content:center;place-items:center;gap:10px;height:100%;padding:20px;display:grid}.character-fallback span{font-size:4rem}.character-fallback small{color:#f8f7fbb8;text-align:center;font-weight:800}.character-shade{pointer-events:none;background:linear-gradient(#0000001f 0%,#0000 35%,#000000c7 100%);position:absolute;inset:0}.character-badges{justify-content:space-between;gap:7px;display:flex;position:absolute;top:9px;left:9px;right:9px}.character-badges span,.character-media-counts span{color:#f8f7fbeb;background:#0000008a;border:1px solid #ffffff1f;border-radius:7px;align-items:center;gap:5px;min-height:26px;padding:0 8px;font-size:.68rem;font-weight:900;display:inline-flex}.character-media-counts{gap:6px;display:flex;position:absolute;bottom:9px;left:9px}.character-hover{opacity:0;background:#0000006b;place-items:center;transition:opacity .2s;display:grid;position:absolute;inset:0}.character-card:hover .character-hover,.character-card:focus-visible .character-hover{opacity:1}.character-hover button{color:#fff;background:#ff4f87e0;border:1px solid #ffffff2e;border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-weight:900;display:inline-flex}.character-body{padding:12px}.character-title-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.character-title-row>div{min-width:0}.character-body h3{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.02rem;line-height:1.2;overflow:hidden}.character-body p{color:var(--muted);line-height:1.45}.character-title-row p{text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:.82rem;overflow:hidden}.character-online{min-height:24px;color:var(--green);background:#41d98a1a;border:1px solid #41d98a42;border-radius:7px;flex:none;padding:4px 6px;font-size:.66rem;font-weight:900}.character-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:11px 0;display:grid}.character-metrics span{color:#f8f7fbbd;white-space:nowrap;background:#ffffff0e;border-radius:7px;justify-content:center;gap:4px;min-width:0;padding:6px 5px;font-size:.72rem}.character-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:0;margin-bottom:10px;font-size:.82rem;display:-webkit-box;overflow:hidden}.character-tag-row{flex-wrap:wrap;gap:6px;min-height:26px;margin-bottom:11px;display:flex}.character-tag-row span{color:#f8f7fbad;text-overflow:ellipsis;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff17;border-radius:7px;max-width:100%;padding:4px 7px;font-size:.68rem;overflow:hidden}.card-cta{width:100%;min-height:38px;color:var(--text);background:linear-gradient(135deg,#ff4f87c7,#9d70ff9e);border:0;border-radius:8px;font-weight:900}@media (max-width:1320px){.character-grid.joi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:1100px){.page-shell.joi-page{width:min(100% - 22px,1240px);padding-top:16px}.joi-discovery-layout{grid-template-columns:minmax(0,1fr)}.joi-filter-panel{position:static}.joi-filter-panel .chip-row{flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.joi-filter-panel .chip{flex:none}.character-grid.joi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.site-nav{height:auto;min-height:62px;padding:9px 12px}.page-shell.joi-page{width:min(100% - 18px,1240px);padding-top:14px}.joi-cta-grid{grid-template-columns:minmax(0,1fr)}.joi-create-card{min-height:132px}.joi-feed-head,.joi-gallery-head,.joi-toolbar{flex-direction:column;align-items:stretch}.joi-feed-actions{white-space:normal;justify-content:space-between}.joi-toolbar-search{width:100%}.joi-result-count{align-self:flex-start}.character-grid.joi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.character-body{padding:9px}.character-body h3{font-size:.96rem}.character-title-row p,.character-desc{font-size:.76rem}.character-metrics{gap:4px}.character-metrics span{padding:5px 3px;font-size:.66rem}.character-tag-row span{padding:3px 5px;font-size:.63rem}.character-hover{display:none}}@media (max-width:420px){.brand-copy small{display:none}.joi-filter-panel{padding:13px}.joi-side-stats{grid-template-columns:1fr}.character-badges{flex-wrap:wrap}.character-media-counts{right:9px}.character-metrics span svg,.character-media-counts span svg{display:none}}.mobile-bottom-nav{display:none}.media-workbench{grid-template-columns:minmax(0,1fr) 380px;align-items:stretch;gap:14px;display:grid}.media-builder,.media-preview,.pricing-card,.credit-pack{border:1px solid var(--line);background:#14141acc;border-radius:8px}.media-builder,.media-preview{padding:18px}.media-tabs{flex-wrap:wrap;margin-bottom:16px}.media-tabs button{align-items:center;gap:7px;display:inline-flex}.media-character-picker{grid-template-columns:82px minmax(0,1fr);align-items:end;gap:12px;margin-bottom:14px;display:grid}.media-avatar{border:1px solid var(--line);background:#ffffff0f;border-radius:8px;place-items:center;width:82px;height:82px;display:grid;overflow:hidden}.media-avatar img{object-fit:cover;width:100%;height:100%}.media-options{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;margin-top:14px;display:flex}.media-preview{flex-direction:column;gap:12px;min-height:420px;display:flex}.media-preview img,.media-preview video,.media-card img,.media-card video{object-fit:cover;background:#08080c;border-radius:8px;width:100%}.media-preview img,.media-preview video{max-height:520px}.gallery-tabs{margin:18px 0 12px}.media-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.media-card{border:1px solid var(--line);background:#111117;border-radius:8px;overflow:hidden}.media-card img,.media-card video{aspect-ratio:4/5;border-radius:0}.media-card-body{padding:12px}.media-card-body p{-webkit-line-clamp:2;min-height:40px;color:var(--muted);-webkit-box-orient:vertical;font-size:.82rem;display:-webkit-box;overflow:hidden}.media-actions{gap:8px;display:flex}.media-actions a,.media-actions button{border:1px solid var(--line);width:36px;height:36px;color:var(--text);background:#ffffff0d;border-radius:8px;place-items:center;display:grid}.audio-tile{background:linear-gradient(135deg,#43d9d333,#f5bf471f);place-items:center;gap:16px;min-height:240px;padding:18px;display:grid}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.pricing-card{padding:22px}.pricing-card h2{margin-bottom:8px}.pricing-card>strong{margin-bottom:8px;font-size:2rem;display:block}.pricing-card ul{color:var(--muted);gap:9px;padding:0;list-style:none;display:grid}.pricing-card li{align-items:center;gap:8px;display:flex}.pricing-card button{width:100%;margin-top:16px}.pack-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.credit-pack{min-height:82px;color:var(--text);padding:16px}.credit-pack span,.credit-pack strong{display:block}.credit-pack span{color:var(--muted);margin-bottom:6px}.legal-nav{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.legal-nav a{border:1px solid var(--line);min-height:38px;color:var(--cyan);border-radius:8px;align-items:center;padding:0 12px;display:inline-flex}.profile-grid .stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1100px){.media-workbench,.pricing-grid,.pack-row{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){body{padding-bottom:70px}.mobile-bottom-nav{z-index:25;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07070af0;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav-link{min-height:62px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:.72rem;display:flex}.mobile-nav-link.active{color:var(--text)}.media-character-picker,.media-grid,.profile-grid .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:460px){.media-grid,.media-character-picker{grid-template-columns:1fr}.media-avatar{width:100%}}.nav-badge,.promo-pill{justify-content:center;align-items:center;display:inline-flex}.nav-badge{background:var(--rose);color:#fff;border-radius:999px;min-width:18px;height:18px;padding:0 5px;font-size:.68rem;font-weight:900}.promo-pill{color:#ffd978;background:#f5bf471f;border:1px solid #f5bf4759;border-radius:999px;gap:7px;min-height:38px;padding:0 13px;font-size:.86rem;font-weight:900}.site-footer{border-top:1px solid var(--line);width:min(1480px,100% - 28px);color:var(--muted);justify-content:space-between;align-items:center;gap:18px;margin:0 auto;padding:26px 0 34px;display:flex}.site-footer p{margin:5px 0 0}.site-footer nav{flex-wrap:wrap;gap:12px;display:flex}.site-footer a{color:var(--cyan);font-weight:800}.character-corner-stats{gap:6px;display:flex;position:absolute;bottom:9px;right:9px}.character-corner-stats span,.character-footer-meta span{color:#f8f7fbdb;background:#0000008a;border:1px solid #ffffff1f;border-radius:7px;align-items:center;gap:5px;padding:5px 7px;font-size:.68rem;font-weight:900;display:inline-flex}.character-footer-meta{justify-content:space-between;gap:8px;margin:0 0 10px;display:flex}.character-footer-meta span{background:#ffffff0b}.explore-hero-wide{background:radial-gradient(circle at 10% 10%,#ff4f8747,#0000 38%),linear-gradient(135deg,#ff4f872e,#9d70ff29 46%,#43d9d31a),#14141acc;border:1px solid #ffffff1f;border-radius:12px;grid-template-columns:minmax(0,1fr) minmax(360px,42%);gap:18px;min-height:430px;display:grid;overflow:hidden}.explore-hero-copy{flex-direction:column;justify-content:center;padding:clamp(26px,5vw,58px);display:flex}.explore-hero-copy h1{max-width:760px;margin-bottom:18px;font-size:clamp(2.4rem,5.6vw,5.4rem);line-height:.92}.explore-hero-copy p{color:#f8f7fbc7;max-width:620px;line-height:1.7}.explore-filmstrip{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:18px;display:grid;transform:rotate(-2deg)}.film-card{color:#fff;background:#00000038;border:1px solid #ffffff24;border-radius:10px;min-height:180px;position:relative;overflow:hidden}.film-card img{object-fit:cover;width:100%;height:100%;display:block}.film-card span{font-size:2rem}.film-card small{background:#0000009e;border-radius:999px;padding:6px 8px;font-weight:900;position:absolute;bottom:9px;left:9px}.explore-filter-row{align-items:center;gap:10px;margin:18px 0;display:flex}.explore-filter-row .chip-row{flex-wrap:nowrap;flex:1;min-width:0;overflow-x:auto}.explore-search{width:min(380px,30vw)}.filter-count-btn{border:1px solid var(--line);min-height:40px;color:var(--text);background:#ffffff0d;border-radius:8px;align-items:center;gap:8px;padding:0 13px;font-weight:900;display:inline-flex}.filter-count-btn span{background:var(--rose);border-radius:999px;place-items:center;min-width:20px;height:20px;font-size:.72rem;display:grid}.ai-video-feature-card{background:radial-gradient(circle at 80% 15%,#43d9d340,#0000 36%),linear-gradient(145deg,#ff4f874d,#14141af0);border:1px solid #ff4f874d;border-radius:8px;flex-direction:column;justify-content:space-between;gap:14px;min-height:100%;padding:18px;display:flex}.ai-video-feature-card strong{font-size:clamp(1.4rem,2.2vw,2.2rem);line-height:1}.ai-video-feature-card p,.explore-faq p{color:var(--muted);line-height:1.55}.explore-faq{border:1px solid var(--line);background:#14141ab8;border-radius:12px;margin-top:28px;padding:24px}.faq-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.faq-grid article{border:1px solid var(--line);background:#ffffff0a;border-radius:8px;padding:16px}.gallery-split{grid-template-columns:minmax(260px,24%) minmax(0,1fr);align-items:start;gap:18px;display:grid}.gallery-create-column,.gallery-results-column,.current-job-card{border:1px solid var(--line);background:#14141ad1;border-radius:12px}.gallery-create-column{flex-direction:column;gap:14px;padding:16px;display:flex;position:sticky;top:80px}.gallery-results-column{min-width:0;padding:18px}.gallery-stats-strip{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.gallery-stats-strip span{border:1px solid var(--line);color:var(--muted);text-align:center;background:#ffffff0b;border-radius:8px;padding:10px 8px;font-size:.72rem}.gallery-stats-strip strong{color:var(--text);display:block}.gallery-character-picker{grid-template-columns:58px minmax(0,1fr)}.gallery-character-picker .media-avatar{width:58px;height:58px}.gallery-tool-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.negative-link{color:var(--cyan);background:0 0;border:0;align-self:flex-start;font-weight:900}.explore-thumb-strip{gap:8px;display:flex;overflow-x:auto}.explore-thumb-strip button{border:1px solid var(--line);width:52px;height:52px;color:var(--text);background:#ffffff0d;border-radius:10px;flex:none;overflow:hidden}.explore-thumb-strip img{object-fit:cover;width:100%;height:100%}.gallery-create-btn{width:100%}.current-job-card{padding:12px}.trending-select{border:1px solid var(--line);min-height:40px;color:var(--text);background:#00000038;border-radius:8px;padding:0 12px}.gallery-media-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.gallery-card-media{position:relative;overflow:hidden}.media-card.locked img,.media-card.locked video{filter:blur(9px)saturate(.8);transform:scale(1.04)}.gallery-lock-overlay{color:#fff;background:#0000006b;align-content:center;place-items:center;gap:8px;font-weight:900;display:grid;position:absolute;inset:0}.gallery-card-author{align-items:center;gap:8px;display:flex}.gallery-card-author span{background:linear-gradient(135deg, var(--rose), var(--violet));border-radius:50%;place-items:center;width:24px;height:24px;font-size:.76rem;display:grid}.media-actions button{width:auto;padding:0 10px}.chats-shell{grid-template-columns:310px minmax(0,1fr) 330px;gap:14px;width:min(1520px,100% - 24px);min-height:calc(100vh - 92px);margin:14px auto 72px;display:grid}.chats-sidebar,.chats-center-column,.chat-character-panel,.chat-empty-panel{border:1px solid var(--line);background:#14141ad1;border-radius:12px}.chats-sidebar{height:calc(100vh - 92px);padding:14px;position:sticky;top:76px;overflow:auto}.chats-sidebar-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.chats-search{margin:12px 0}.create-group-row,.chat-thread-row{border:1px solid var(--line);background:#ffffff0b;border-radius:9px;align-items:center;gap:10px;padding:11px;display:flex}.create-group-row{color:var(--cyan);margin-bottom:12px;font-weight:900}.create-group-row span{background:#43d9d31f;border-radius:999px;margin-left:auto;padding:3px 7px;font-size:.7rem}.chats-thread-list{gap:8px;display:grid}.chat-thread-avatar{background:linear-gradient(135deg, var(--rose), var(--violet));border-radius:10px;flex:none;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.chat-thread-row span:nth-child(2){flex:1;min-width:0}.chat-thread-row strong,.chat-thread-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.chat-thread-row small{color:var(--muted);margin-top:3px}.chat-thread-row b{background:var(--rose);border-radius:999px;place-items:center;min-width:22px;height:22px;font-size:.72rem;display:grid}.chats-center-column{min-width:0;overflow:hidden}.chat-empty-panel{min-height:100%;padding:24px}.chat-starter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.chat-starter-card{border:1px solid var(--line);background:#ffffff0b;border-radius:8px;align-items:center;gap:9px;min-height:62px;padding:12px;display:flex}.rich-chat-panel{background:0 0;border:0;border-radius:0;min-height:calc(100vh - 92px)}.rich-chat-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;display:flex}.rich-chat-header h1{margin:0}.rich-chat-header p{color:var(--muted);margin:4px 0 0}.rich-chat-log{padding:18px 0}.date-separator{border:1px solid var(--line);color:var(--muted);border-radius:999px;align-self:center;padding:5px 10px;font-size:.74rem}.locked-media-message{border:1px dashed #ff4f8773;align-items:center;gap:9px;display:flex}.locked-media-message a{color:var(--cyan);margin-left:auto;font-weight:900}.gift-bar{border-top:1px solid var(--line);align-items:center;gap:8px;padding:10px 0;display:flex;overflow-x:auto}.gift-bar span,.gift-bar button{border:1px solid var(--line);min-height:34px;color:var(--text);background:#ffffff0d;border-radius:999px;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.rich-input-wrap{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.rich-input-actions{gap:6px;display:flex}.rich-input-actions button{border:1px solid var(--line);width:38px;height:38px;color:var(--text);background:#ffffff0d;border-radius:8px;place-items:center;display:grid}.free-model-toggle{white-space:nowrap;flex-direction:row;align-items:center;font-size:.78rem}.free-model-toggle input{width:auto}.chat-character-panel{flex-direction:column;height:calc(100vh - 92px);display:flex;position:sticky;top:76px;overflow:hidden}.chat-character-panel>img,.chat-character-panel>div:first-child{object-fit:cover;background:#ffffff0d;flex:1;place-items:center;width:100%;min-height:0;font-size:4rem;display:grid}.chat-character-panel section{padding:16px}.chat-character-panel p{color:var(--muted);line-height:1.55}.create-wizard-page{grid-template-columns:330px minmax(0,1fr);gap:18px;display:grid}.wizard-rail,.wizard-card{border:1px solid var(--line);background:#14141ad6;border-radius:12px}.wizard-rail{height:max-content;padding:20px;position:sticky;top:80px}.wizard-rail h1{font-size:clamp(2rem,3vw,3rem);line-height:.98}.wizard-rail p,.wizard-card p{color:var(--muted);line-height:1.6}.wizard-rail ol{gap:6px;margin:18px 0 0;padding:0;list-style:none;display:grid}.wizard-rail button{width:100%;min-height:36px;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:8px;padding:0 10px}.wizard-rail li.active button,.wizard-rail li.done button{color:var(--text);background:#ffffff12}.wizard-card{min-height:640px;padding:clamp(20px,4vw,42px)}.wizard-card h2{font-size:clamp(2rem,4vw,4rem);line-height:1}.wizard-chip-grid{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.wizard-chip-grid .chip{min-height:48px;padding:0 18px;font-weight:900}.wizard-personality{gap:16px;display:grid}.wizard-personality input[type=range]{accent-color:var(--rose)}.wizard-actions{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.wizard-summary{border:1px solid var(--line);background:#ffffff0b;border-radius:10px;padding:18px}.wizard-summary strong{font-size:2rem}.wizard-modal{z-index:110;background:#000000bd;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.wizard-modal>div{border:1px solid var(--line);text-align:center;background:#15151c;border-radius:12px;width:min(460px,100%);padding:28px}.wizard-loader{border:4px solid #ffffff1f;border-top-color:var(--rose);border-radius:50%;width:44px;height:44px;margin:18px auto 0;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1180px){.gallery-split,.chats-shell,.create-wizard-page{grid-template-columns:1fr}.gallery-create-column,.chats-sidebar,.chat-character-panel,.wizard-rail{height:auto;position:static}.chat-character-panel{max-height:520px}.chats-shell{margin-bottom:86px}}@media (max-width:760px){body{padding-bottom:86px}.site-footer{flex-direction:column;align-items:flex-start;padding-bottom:96px}.promo-pill{display:none}.explore-hero-wide,.faq-grid{grid-template-columns:1fr}.explore-filmstrip{grid-template-columns:repeat(3,150px);overflow-x:auto;transform:none}.explore-filter-row{flex-wrap:wrap;align-items:stretch}.explore-search{flex:1;width:calc(100% - 52px)}.gallery-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-starter-grid,.rich-input-wrap{grid-template-columns:1fr}.rich-chat-header{flex-direction:column;align-items:flex-start}.character-corner-stats{display:none}}