*{box-sizing:border-box} :root{color-scheme:dark;--bg:#101015;--panel:#1a1a22;--line:#2d2c37;--text:#f7f3f7;--muted:#ada9bc;--accent:#f3a2be}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button,input,textarea,select{border:1px solid var(--line);border-radius:12px;color:var(--text);background:#14141c}button{padding:11px 18px}input,textarea,select{padding:13px;width:100%}textarea{resize:vertical}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.shell{display:flex;min-height:100vh}aside{width:246px;position:fixed;inset:0 auto 0 0;padding:30px 23px;background:#15151b;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:30;overflow-y:auto}.brand{display:flex;align-items:center;gap:8px;font-size:36px;letter-spacing:-2px;font-weight:750}.brand-icon{color:var(--accent);font-size:34px}.brand-dot{color:var(--accent)}.nav-label,.eyebrow,.kicker{font-size:10px;letter-spacing:2px;color:var(--muted)}.nav-label{margin:48px 14px 14px}nav{display:grid;gap:8px}nav a{display:flex;gap:15px;padding:13px 15px;color:var(--muted);border-radius:12px;font-size:18px}nav a span{font-size:14px}nav a.active{background:#382632;color:#ffc5d8}nav a:hover{background:#24232d}.side-note{margin-top:45px;border:1px solid #4a303e;background:radial-gradient(at top left,#35212f,#1d1b25);padding:22px;border-radius:19px}.spark{font-size:26px;color:var(--accent)}h3{font-weight:650;line-height:1.3}.side-note p{font-size:13px;color:var(--muted)}.side-note a{font-size:13px;color:var(--accent)}.side-bottom{margin-top:auto;padding-top:30px;display:grid;gap:10px;font-size:10px;color:var(--muted)}.workspace{margin-left:246px;width:calc(100% - 246px)}header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;padding:19px 42px;background:#101015f5;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}header strong{display:block;font-size:16px}.header-right{margin-left:auto;display:flex;align-items:center;gap:18px}.balance{border:1px solid #513340;background:#29202a;border-radius:30px;padding:7px 14px;color:#f7b4ce;white-space:nowrap;font-size:14px}.balance small{font-size:10px}.avatar{width:36px;height:36px;border:1px solid #514050;border-radius:50%;display:grid;place-items:center;background:#322a3b}.icon-button,.close-menu{display:none}main{max-width:1300px;margin:auto;padding:38px 42px 60px;min-height:75vh}.hero{border:1px solid #493242;border-radius:25px;padding:35px 38px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 92% 20%,#56334c 0,transparent 58%),linear-gradient(110deg,#24202d,#1b1c26);margin-bottom:30px}.hero:after{content:'✦';position:absolute;right:55px;top:10px;font-size:175px;font-weight:200;color:#dc9aba22;pointer-events:none}.kicker{color:#f2b0cc}h1{font-size:clamp(28px,3.5vw,46px);letter-spacing:-1.6px;font-weight:700;line-height:1.13;margin:15px 0 16px}h1 em{font-style:normal;color:#f5aec9}.hero p{color:#c2b6cc;max-width:540px;font-size:15px}.hero .pill{margin-top:12px}.pill{display:inline-flex;align-items:center;gap:6px;font-size:10px;letter-spacing:.6px;border:1px solid #705063;color:#ffd1e1;border-radius:30px;padding:4px 10px;background:#271f2b}.section-head{display:flex;align-items:center;justify-content:space-between;margin:26px 0 16px;gap:20px}.section-head h2{font-size:20px;margin:0;letter-spacing:-.5px}.muted{color:var(--muted)}.search{max-width:400px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.filters button{border-radius:30px;padding:8px 16px;color:var(--muted);font-size:12px}.filters .selected{border-color:#a26388;color:#ffc1d9;background:#372532}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.character{background:var(--panel);border:1px solid var(--line);border-radius:21px;overflow:hidden;transition:transform .2s,border-color .2s}.character:hover{transform:translateY(-4px);border-color:#835a78}.portrait{position:relative;height:235px;overflow:hidden;background:radial-gradient(circle at 60% 30%,var(--glow),transparent 70%),var(--scene)}.portrait svg{width:100%;height:100%;display:block}.portrait .pill{position:absolute;left:14px;top:14px;background:#15131de8;font-size:9px}.favorite{position:absolute;right:14px;top:14px;background:#16141bcc;border:1px solid #ffffff35;width:34px;height:34px;display:grid;place-items:center;padding:0;border-radius:50%;font-size:21px}.favorite.on{color:#ff9fbf}.character-body{padding:20px}.character h3{font-size:22px;margin:0 0 7px}.character h3 small{color:var(--muted);font-size:13px;font-weight:400}.character p{font-size:13px;color:var(--muted);min-height:44px;margin:0 0 14px}.tags{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}.tags span{font-size:10px;color:#c6bed0;background:#262531;padding:4px 8px;border-radius:6px}.primary{background:linear-gradient(110deg,#dcb4ef,#f4a5c5);color:#211323;border:0;font-weight:650}.character .primary{width:100%;font-size:13px}.secondary{background:#252431;color:#e6dce9}.panel{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:26px;margin-bottom:20px}.panel h2{margin:0 0 12px;font-size:22px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px}.packages{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.package strong{display:block;font-size:35px}.package .primary{width:100%;margin-top:15px}.package.popular{border-color:#ba7699}.small{font-size:12px;color:var(--muted)}label{display:block;margin:13px 0;font-size:13px}label input,label textarea,label select{margin-top:6px}.row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid var(--line)}.empty{text-align:center;padding:50px 20px;border:1px dashed var(--line);border-radius:20px}.empty h2{font-size:23px}.empty p{color:var(--muted)}.empty a{display:inline-block;margin-top:15px}.chat-layout{display:grid;grid-template-columns:260px 1fr;gap:22px}.chat-detail .portrait{height:250px;border-radius:14px}.chat-detail h2{margin-bottom:0}.chat-box{display:flex;flex-direction:column;min-height:580px}.chat-heading{border-bottom:1px solid var(--line);padding-bottom:15px}.chat-heading h2{margin:0;font-size:19px}.messages{display:flex;flex-direction:column;gap:15px;padding:25px 0;flex:1;max-height:440px;overflow-y:auto;scroll-behavior:smooth}.bubble{max-width:85%;padding:13px 17px;border-radius:16px 16px 16px 4px;background:#282534;font-size:14px}.bubble.user{align-self:flex-end;background:#473246;border-radius:16px 16px 4px 16px}.composer{display:flex;gap:10px;align-items:flex-end}.composer textarea{min-height:54px;max-height:130px}.composer button{white-space:nowrap}.notice{border-left:3px solid #d19cbb;background:#28212c;padding:12px 16px;font-size:12px;color:#e5c7d8;border-radius:5px;margin:16px 0}.chat-list a{display:flex;align-items:center;gap:16px}.chat-list .initial{width:44px;height:44px;background:#3e293d;display:grid;place-items:center;border-radius:50%}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap}.admin-tabs button.selected{color:var(--accent);border-color:#9b617f}footer{padding:25px 42px;color:var(--muted);font-size:10px;border-top:1px solid var(--line)}footer span{display:block;margin-top:5px}dialog{border:1px solid #7d506b;background:#1c1925;color:var(--text);border-radius:24px;padding:35px;max-width:460px;width:calc(100% - 35px)}dialog::backdrop{background:#07060cdb;backdrop-filter:blur(8px)}dialog p{color:#c4b9cc;font-size:14px}dialog button{display:block;width:100%;margin-top:12px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:60;max-width:90vw;width:max-content;padding:15px 22px;background:#3c2a3a;color:#ffe3ed;border:1px solid #925c7e;border-radius:15px;display:none}main>section{animation:enter .28s ease-out}@keyframes enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){.cards{grid-template-columns:repeat(4,1fr)}}@media(max-width:1050px){aside{width:210px;padding:25px 16px}.workspace{margin-left:210px;width:calc(100% - 210px)}main,footer{padding-left:25px;padding-right:25px}header{padding:18px 25px}.cards{grid-template-columns:repeat(2,1fr)}.chat-layout{grid-template-columns:1fr}.chat-detail{display:none}.packages{grid-template-columns:1fr}.two-col{grid-template-columns:1fr}}@media(max-width:700px){aside{transform:translateX(-100%);width:270px;transition:transform .23s}.workspace{margin:0;width:100%}body.menu-open aside{transform:translateX(0)}.icon-button{display:block;border:0;background:none;padding:5px;font-size:22px}.close-menu{display:block;position:absolute;right:16px;top:30px;font-size:22px;padding:2px 10px}.backdrop{position:fixed;inset:0;border:0;border-radius:0;background:#0009;z-index:25;width:100%;height:100%}header{padding:15px 18px;gap:12px}.header-right{gap:10px}.balance{padding:6px 10px;font-size:12px}.balance small{display:none}.eyebrow{font-size:8px}.avatar{width:31px;height:31px}main{padding:24px 18px 35px}.hero{padding:26px 22px;border-radius:20px}.hero:after{right:-15px;font-size:130px}.hero p{font-size:13px}.section-head{align-items:stretch;flex-direction:column;gap:12px}.search{max-width:none}.cards{gap:13px}.portrait{height:180px}.character-body{padding:13px}.character h3{font-size:18px}.character p{font-size:11px;min-height:54px}.tags span{font-size:9px}.character .primary{font-size:11px;padding:11px 6px}.portrait .pill{left:8px;top:8px;font-size:8px;padding:3px 6px}.favorite{right:8px;top:36px;width:29px;height:29px}.panel{padding:20px}.chat-box{min-height:65vh}.bubble{font-size:13px}.composer button{padding:14px 12px;font-size:12px}.row{flex-wrap:wrap}footer{padding:22px 18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.avatar{overflow:hidden}.avatar img,.profile-photo img{width:100%;height:100%;object-fit:cover}.avatar>span{display:grid;place-items:center}.stories-area{margin:20px 0 28px}.story-strip{display:flex;gap:22px;overflow-x:auto;padding:6px 3px 14px;align-items:center}.story-entry{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:85px;border:0;background:none;padding:0;gap:6px}.story-entry strong{font-size:12px;max-width:85px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-entry small{font-size:9px;color:var(--muted)}.story-ring{display:grid;place-items:center;position:relative;width:72px;height:72px;border:2px solid #e5a0c6;padding:4px;border-radius:50%;background:#302334;font-size:24px}.story-ring img{height:100%;width:100%;object-fit:cover;border-radius:50%}.story-ring b{position:absolute;right:-2px;bottom:-2px;background:#e9acc9;color:#251625;border:3px solid var(--bg);border-radius:50%;width:25px;height:25px;font-size:17px;line-height:19px}.story-empty{font-size:13px;color:#dfc6d9;margin-left:8px}.story-empty span{font-size:11px;color:var(--muted)}.profile-photo{display:flex;align-items:center;gap:20px;margin:24px 0}.profile-photo>img,.profile-photo>span{width:84px;height:84px;border:2px solid #b880a6;border-radius:50%;background:#392a3e;display:grid;place-items:center;font-size:30px;flex-shrink:0}.upload-button{cursor:pointer;background:#302738;border:1px solid #67506a;padding:8px 14px;border-radius:10px;display:inline-block;margin:0}.upload-button input,.story-upload input{display:block;font-size:11px;max-width:240px;margin-top:8px;padding:5px}.gender{border:1px solid var(--line);border-radius:14px;padding:12px 16px;margin:20px 0;display:flex;gap:24px}.gender legend{font-size:13px;color:var(--muted)}.gender label{display:flex;gap:8px;align-items:center;margin:0}.gender input{width:auto;margin:0;accent-color:#e8a1ca}.inline-button{display:inline-block;padding:11px 18px;border-radius:12px}.registration{max-width:580px;margin:0 auto}.registration>.primary{width:100%}.story-upload{display:block;padding:25px;border:1px dashed #8a6382;text-align:center;background:#28212e;border-radius:16px;cursor:pointer}.story-upload input{margin:12px auto 0}#story-preview img{max-height:320px;width:100%;object-fit:contain;margin:15px 0;border-radius:12px}#story-viewer{max-width:440px;padding:20px}#story-viewer .story-view-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}#story-close{font-size:23px;padding:0 10px}.story-full{width:100%;max-height:60vh;object-fit:contain;border-radius:12px}#story-viewer p{overflow-wrap:anywhere}@media(max-width:700px){.story-strip{gap:14px}.profile-photo{gap:12px}.profile-photo>img,.profile-photo>span{width:65px;height:65px}.story-empty{max-width:160px;flex-shrink:0}}

/* Compact discovery feed */
.stories-area{margin:0 0 22px}.stories-area .section-head{margin:0 0 14px;flex-direction:row;align-items:center;gap:12px}.stories-area .section-head h2{font-size:18px}.stories-area .section-head>a{white-space:nowrap;color:#edb1d0}.story-ring{overflow:hidden;isolation:isolate}.story-ring img{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);object-fit:cover}.add-story .story-ring{overflow:visible}.story-ring b{z-index:1}.stories-area>p{margin:4px 0 0;font-size:10px}.story-strip{padding-bottom:8px}.story-entry{gap:3px}@media(max-width:700px){.stories-area{margin-bottom:20px}.story-ring{width:62px;height:62px}.story-entry{width:73px}.stories-area .section-head{margin-bottom:12px}.stories-area .section-head h2{font-size:17px}.story-strip{gap:12px}.story-entry strong{font-size:11px}.story-entry small{font-size:8px}main{padding-top:20px}}
.security-panel{margin-top:30px;padding-top:25px;border-top:1px solid var(--line)}.security-panel fieldset{padding:0;border:0}.security-panel fieldset:disabled{opacity:.55}.public-profile{max-width:720px}.profile-cover{max-width:250px;margin-bottom:20px;border-radius:18px;overflow:hidden}.profile-cover .portrait{height:245px}.public-avatar{width:90px;height:90px;display:grid;place-items:center;background:#3c293e;border-radius:50%;overflow:hidden;font-size:30px;margin-bottom:20px}.public-avatar img{width:100%;height:100%;object-fit:cover}.profile-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.story-actions{display:flex;gap:10px}#story-viewer .story-actions button{width:50%;margin:0}.story-view-head a{font-size:15px}.reply-context{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;background:#362638;color:#f8cae1;border-left:3px solid #dd9cc5;padding:8px 12px;margin-bottom:12px;border-radius:7px}.reply-context button{padding:2px 9px}.reply-context span{overflow-wrap:anywhere}