:root{--night:#0e121c;--night2:#1b2230;--bone:#f0eee8;--coral:#e88f89;--gold:#dfc889;--quiet:#9b9da2;--line:#f0eee833;--sans:"DM Sans",Arial,sans-serif;--serif:"Playfair Display",Georgia,serif;--mono:"DM Mono",monospace;color:var(--bone);font-family:var(--sans);background:var(--night)}*{box-sizing:border-box}body{min-width:320px;margin:0}.skip-link{background:var(--bone);color:var(--night);z-index:2;padding:.75rem;position:fixed;top:-4rem;left:1rem}.skip-link:focus{top:1rem}.auth-shell{grid-template-columns:minmax(0,1.12fr) minmax(25rem,.88fr);min-height:100svh;display:grid}.auth-nav,.auth-footer{font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase}.auth-nav{z-index:1;grid-column:1/-1;justify-content:space-between;align-items:center;width:100%;padding:1.5rem clamp(1.5rem,4vw,4rem);display:flex;position:absolute}.brand{color:var(--bone);font:500 1rem var(--sans);letter-spacing:-.03em;text-decoration:none}.brand span{color:var(--gold);font-family:var(--serif);font-size:1.25rem}.auth-nav>span{color:var(--quiet)}.auth-intro{background:radial-gradient(circle at 74% 35%,#e88f892b,transparent 22rem),linear-gradient(145deg,#171d2a,var(--night));flex-direction:column;justify-content:center;padding:clamp(7rem,14vw,12rem) clamp(2rem,8vw,9rem);display:flex}.overline{color:var(--coral);font:10px var(--mono);letter-spacing:.13em;text-transform:uppercase;margin:0 0 1.3rem}.auth-intro h1,.home-content h1{letter-spacing:-.08em;margin:0;font-size:clamp(4rem,8vw,8.3rem);font-weight:500;line-height:.82}.auth-intro em,.home-content em{font-family:var(--serif);font-weight:500}.auth-intro>p:last-child{color:#c7c7cb;max-width:23rem;margin:2.5rem 0 0;font-size:1.1rem;line-height:1.6}.auth-card{border-left:1px solid var(--line);align-self:center;width:100%;margin-left:-1px;padding:clamp(2rem,6vw,6rem)}.auth-card h2{letter-spacing:-.07em;margin:.1rem 0 1.5rem;font-size:clamp(2.7rem,4vw,4.6rem);font-weight:500;line-height:.9}.form-copy{color:#c7c7cb;max-width:26rem;line-height:1.55}.auth-card form{max-width:28rem;margin-top:3rem}.auth-card label{font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.7rem;display:block}.auth-card input{border:0;border-bottom:1px solid var(--bone);color:var(--bone);font:1.15rem var(--sans);background:0 0;border-radius:0;outline:none;width:100%;padding:.85rem 0}.auth-card input:focus{border-color:var(--gold)}.auth-card input::placeholder{color:#747985}.auth-card button{font-family:var(--sans)}.auth-card form button{background:var(--coral);color:#171511;cursor:pointer;border:0;border-radius:999px;justify-content:space-between;align-items:center;gap:2rem;width:100%;margin-top:1.5rem;padding:.9rem 1.2rem .9rem 1.4rem;font-weight:600;display:flex}.auth-card form button:hover{background:#f1a19b}.auth-card button:disabled{cursor:wait;opacity:.65}.auth-card button:focus-visible,.app-nav button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.help,.dev-code,.form-error,.resend,.back{font-size:.82rem;line-height:1.5}.help{color:var(--quiet);margin-top:1rem}.form-error{color:#f3aaa4;margin-top:1.25rem}.dev-code{color:var(--gold)}.resend,.back{color:var(--gold);cursor:pointer;text-underline-offset:4px;background:0 0;border:0;padding:0;text-decoration:underline}.resend{margin-top:1.5rem}.back{margin-bottom:2.5rem}.auth-footer{color:var(--quiet);position:absolute;bottom:1.5rem;left:clamp(2rem,8vw,9rem)}.auth-footer a{color:inherit}.home-shell{min-height:100svh}.app-nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:1.35rem clamp(1.5rem,5vw,5rem);display:flex}.app-nav button{color:var(--quiet);cursor:pointer;font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;background:0 0;border:0}.app-nav button:hover{color:var(--bone)}.home-content{padding:clamp(5rem,13vw,11rem) clamp(1.5rem,13vw,14rem)}.home-content h1{max-width:58rem;font-size:clamp(3.8rem,7vw,7.5rem)}.home-content>p:last-of-type{color:#c7c7cb;max-width:35rem;margin:2.5rem 0 4rem;font-size:1.1rem;line-height:1.6}.coming-soon{border-top:1px solid var(--line);grid-template-columns:3rem 1fr auto;align-items:start;gap:1rem;max-width:52rem;padding-top:1.5rem;display:grid}.coming-soon>span{color:var(--gold);font:1.4rem var(--serif)}.coming-soon h2{margin:0;font-size:1.5rem;font-weight:500}.coming-soon p{color:var(--quiet);margin:.35rem 0 0;line-height:1.5}@media (width<=760px){.auth-shell{display:block}.auth-nav{position:relative}.auth-intro{min-height:42svh;padding:4rem 1.5rem 3rem}.auth-intro h1{font-size:clamp(3.8rem,16vw,5.8rem)}.auth-card{border-left:0;border-top:1px solid var(--line);padding:3rem 1.5rem}.auth-footer{display:none}.home-content{padding:5rem 1.5rem}.coming-soon{grid-template-columns:2rem 1fr auto}}.app-shell,.app-screen,.onboard-wrap{background:var(--night)}.loading-shell{justify-content:center;align-items:center;min-height:100svh;display:flex}.app-screen{padding:2rem}.text-quiet{color:var(--quiet)}.app-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:2;background:#0e121ce6;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.5rem;display:flex;position:sticky;top:0}.header-actions{gap:.5rem;display:flex}.btn-primary{background:var(--coral);color:#1a0f12;cursor:pointer;font:600 .95rem var(--sans);letter-spacing:.01em;border:0;border-radius:.5rem;padding:.8rem 1.3rem}.btn-primary:hover{filter:brightness(1.07)}.btn-primary:disabled{opacity:.55;cursor:default}.btn-secondary{border:1px solid var(--line);color:var(--bone);cursor:pointer;font:.9rem var(--sans);background:0 0;border-radius:.5rem;align-items:center;padding:.55rem 1rem}.btn-secondary:hover{border-color:var(--gold)}.onboard-wrap{flex-direction:column;justify-content:center;align-items:center;gap:1.6rem;max-width:44rem;min-height:100svh;margin:0 auto;padding:2rem;display:flex;position:relative}.onboard-progress{background:var(--gold);height:3px;transition:width .35s;position:fixed;top:0;left:0}.onboard-title{letter-spacing:-.05em;text-align:center;margin:0;font-size:clamp(2rem,4vw,3rem);font-weight:500}.onboard-options{grid-template-columns:1fr;gap:.8rem;width:100%;max-width:32rem;display:grid}.onboard-opt{border:1px solid var(--line);color:var(--bone);cursor:pointer;font:inherit;text-align:left;background:0 0;border-radius:.8rem;padding:1rem 1.2rem;font-size:1rem}.onboard-opt:hover{border-color:var(--coral)}.onboard-opt.selected{border-color:var(--gold);background:#dfc88914}.onboard-nav{justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:32rem;display:flex}.chat-thread{flex-direction:column;flex:1;gap:.7rem;padding:1.5rem max(1rem,50% - 23rem);display:flex;overflow-y:auto}.bubble{max-width:min(30rem,80%)}.bubble.user{align-self:flex-end}.bubble.assistant{align-self:flex-start}.bubble p{margin:0;font-size:.98rem;line-height:1.55}.bubble.user p{background:var(--coral);color:#1a0f12;border-radius:.9rem .9rem .25rem;padding:.7rem 1rem}.bubble.assistant p{border:1px solid var(--line);background:#1b2230;border-radius:.9rem .9rem .9rem .25rem;padding:.7rem 1rem}.bubble .chat-photo{object-fit:cover;border-radius:.8rem;max-height:18rem;margin-top:.5rem}.chat-composer{border-top:1px solid var(--line);align-items:flex-end;gap:.8rem;padding:1rem max(1rem,50% - 23rem);display:flex}.chat-composer textarea{border:1px solid var(--line);color:var(--bone);font:inherit;resize:none;background:#121828;border-radius:1rem;flex:1;padding:.75rem 1rem}.chat-composer textarea:focus{outline:1px solid var(--gold)}.chat-photo-link{cursor:zoom-in;background:0 0;border:0;margin-top:.5rem;padding:0;font-size:0;display:block}.chat-photo-link:hover .chat-photo{filter:brightness(1.06)}.photo-viewer{bottom:0;z-index:80;background:#000;place-items:center;animation:.18s photo-fade;display:grid;position:fixed;inset:0}.photo-viewer-img{object-fit:contain;max-width:100vw;max-height:100svh;padding:1.25rem;display:block}.photo-viewer-close{color:var(--bone);cursor:pointer;background:#ffffff14;border:1px solid #ffffff40;border-radius:999px;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;font-size:.9rem;line-height:1;transition:background .16s,border-color .16s,color .16s;display:inline-flex;position:fixed;top:1.25rem;right:1.25rem}.photo-viewer-close:hover{color:#fff;background:#ffffff2e;border-color:#fff}.companion-shell{background:var(--night);flex-direction:column;height:100svh;display:flex}.companion-layout{flex:1;grid-template-columns:minmax(16rem,20rem) minmax(0,1fr);min-height:0;display:grid}.companion-sidebar{background:var(--night2);border-right:1px solid var(--line);flex-direction:column;align-items:center;gap:1rem;padding:2rem 1.5rem 1.5rem;display:flex;overflow-y:auto}.companion-name{font-family:var(--serif);letter-spacing:-.03em;text-align:center;margin:0;font-size:1.5rem;font-weight:600}.companion-photo{aspect-ratio:4/5;object-fit:cover;border-radius:.9rem;width:100%;height:auto;max-height:min(40svh,320px);display:block}.companion-tagline{color:var(--quiet);text-align:center;margin:0;font-size:.88rem;line-height:1.45}.affection-pill{color:var(--gold);font:600 .65rem var(--mono);letter-spacing:.14em;text-transform:uppercase;border:1px solid #dfc88973;border-radius:999px;padding:.25rem .7rem}.companion-icons{border-top:1px solid var(--line);justify-content:center;align-items:center;gap:1.6rem;width:100%;margin-top:auto;padding:1.2rem 0 1rem;display:flex}.companion-icon{border:1px solid var(--line);color:var(--quiet);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;width:2.6rem;height:2.6rem;transition:background .16s,border-color .16s,color .16s;display:inline-flex}.companion-icon:hover{border-color:var(--gold);color:var(--gold)}.companion-icon.active{border-color:var(--coral);color:var(--coral)}.companion-icon.active:hover{background:#e88f8914}.companion-icon.disabled{cursor:not-allowed;opacity:.5}.companion-icon.disabled:hover{border-color:var(--line);color:var(--quiet);background:0 0}.companion-chat{flex-direction:column;min-height:0;display:flex}.gallery-shell{background:radial-gradient(1200px 600px at 70% -10%,#dfc88914,transparent 60%),var(--night);min-height:100svh}.gallery-head{text-align:center;max-width:640px;margin-inline:auto;padding:clamp(2.5rem,8vh,5.5rem) 2rem 2rem}.gallery-head h1{font-family:var(--serif);letter-spacing:-.03em;margin:0 0 1rem;font-size:clamp(2rem,5.4vw,3.1rem);font-weight:500;line-height:1.1}.gallery-sub{color:var(--quiet);margin:0;font-size:1.02rem;line-height:1.6}.gallery{padding:0 2rem 3rem}.gallery .gallery-grid{width:min(1080px,100%);margin-inline:auto}.filter-bar{background:var(--night2);border:1px solid var(--line);border-radius:999px;flex-wrap:wrap;justify-content:center;gap:.4rem;width:fit-content;max-width:100%;margin:0 auto 2rem;padding:.3rem;display:flex}.filter-bar button{color:var(--quiet);cursor:pointer;font:inherit;letter-spacing:.04em;background:0 0;border:0;border-radius:999px;padding:.45rem .9rem;font-size:.8rem;transition:background .16s,color .16s}.filter-bar button:hover{color:var(--bone)}.filter-bar button[aria-pressed=true]{background:var(--gold);color:var(--night)}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:clamp(1rem,2.5vw,1.5rem);display:grid}.character-card{background:var(--night2);border:1px solid var(--line);border-radius:1rem;flex-direction:column;transition:border-color .18s,transform .18s;display:flex;overflow:hidden}.character-card:hover{border-color:#dfc88980;transform:translateY(-2px)}.character-art{aspect-ratio:4/5;background:linear-gradient(180deg,#141a2800 55%,#141a288c),var(--night2);object-fit:cover;object-position:center top;width:100%;display:block}.character-body{flex-direction:column;flex:1;gap:.45rem;padding:1rem 1rem 1.1rem;display:flex}.character-name{font-family:var(--serif);margin:0;font-size:1.18rem;font-weight:600}.character-tagline{color:var(--quiet);margin:0;font-size:.88rem;line-height:1.45}.character-style{color:var(--gold);font:10px var(--mono);letter-spacing:.16em;text-transform:uppercase;border:1px solid #dfc88966;border-radius:999px;align-self:flex-start;margin-top:.15rem;padding:.15rem .55rem}.character-vote{border:1px solid var(--line);color:var(--bone);cursor:pointer;font:inherit;letter-spacing:.03em;background:0 0;border-radius:999px;align-self:stretch;margin-top:auto;padding:.55rem 1rem;font-size:.85rem;font-weight:500;transition:background .16s,border-color .16s,color .16s}.character-vote:hover{border-color:var(--gold);color:var(--gold)}.character-vote:disabled{opacity:.55;cursor:default}.filter-empty{color:var(--quiet);text-align:center;padding:1rem 0 3rem;font-size:.95rem}.character-art-link{background:0 0;border:0;width:100%;padding:0;text-decoration:none;display:block;position:relative}.character-art-link:hover .character-art{filter:brightness(1.08)saturate(1.05)}.character-photo-count{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:var(--gold);font:600 .6rem var(--mono);letter-spacing:.14em;text-transform:uppercase;background:#0e121ccc;border:1px solid #dfc88973;border-radius:999px;align-items:center;padding:.28rem .6rem;transition:filter .18s,transform .18s;display:inline-flex;position:absolute;bottom:.6rem;right:.6rem}.character-art-link:hover .character-photo-count{filter:brightness(1.15)}.photo-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);bottom:0;z-index:60;background:#0a0d16b8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.photo-dialog{background:var(--night2);border:1px solid var(--line);border-radius:1.1rem;flex-direction:column;width:min(780px,100%);max-height:min(92svh,900px);animation:.18s photo-pop;display:flex;overflow:hidden}@keyframes photo-pop{0%{opacity:0;transform:scale(.97)translateY(6px)}to{opacity:1;transform:none}}.photo-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:.9rem 1.1rem;display:flex}.photo-title{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.photo-title h3{font-family:var(--serif);margin:0;font-size:1.2rem;font-weight:600}.photo-close{background:var(--night);border:1px solid var(--line);color:var(--quiet);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;width:2.1rem;height:2.1rem;font-size:.9rem;line-height:1;transition:color .16s,border-color .16s;display:inline-flex}.photo-close:hover{border-color:var(--gold);color:var(--gold)}.photo-stage{background:var(--night);border-radius:.8rem;justify-content:center;align-items:center;margin:0 1rem 1rem;animation:.16s photo-fade;display:flex;position:relative;overflow:hidden}.photo-stage-img{object-fit:contain;width:auto;max-width:100%;max-height:min(52svh,560px);display:block}@keyframes photo-fade{0%{opacity:.55}to{opacity:1}}.photo-stage-btn{color:var(--gold);cursor:pointer;background:#0e121cb3;border:1px solid #dfc88966;border-radius:999px;justify-content:center;align-items:center;width:2.6rem;height:2.6rem;font-size:1.3rem;line-height:1;transition:background .16s;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.photo-stage-btn:hover{background:#0e121cf2}.photo-stage-btn.prev{left:.7rem}.photo-stage-btn.next{right:.7rem}.photo-thumbs{gap:.55rem;padding:.2rem 1rem 1rem;display:flex;overflow-x:auto}.photo-thumb{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:.55rem;flex:none;padding:2px;transition:border-color .16s}.photo-thumb[aria-current=true]{border-color:var(--gold)}.photo-thumb img{aspect-ratio:3/4;object-fit:cover;border-radius:.4rem;width:57px;height:76px;display:block}.photo-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:.8rem 1.1rem;display:flex}.photo-foot .character-vote{align-self:auto;margin:0;padding:.55rem 1.5rem}.photo-counter{color:var(--quiet);font:600 .78rem var(--mono);letter-spacing:.12em}