:root{color-scheme:dark;--bg:#14121b;--surface:#1c1924;--raised:#25212f;--line:#ffffff12;--muted:#918a9f;--text:#eeeaf4;--purple:#b7a0ef;--lime:#d4e6aa;--serif:'Noto Serif SC','Songti SC',SimSun,serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,'Segoe UI','Microsoft YaHei',sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:4px}input:focus,textarea:focus,select:focus{outline:1px solid var(--purple)}a{color:inherit;text-decoration:none}button:disabled{opacity:.45;cursor:not-allowed}svg{display:block}button svg{width:19px;height:19px}h1,h2,h3,p{margin:0}button,input{transition:background .18s,border-color .18s,transform .18s}.sidebar{width:216px;position:fixed;inset:0 auto 0 0;padding:36px 22px 20px;border-right:1px solid var(--line);background:#17141f;display:flex;flex-direction:column;z-index:10}.logo{display:flex;align-items:center;gap:11px;padding:0 10px 36px}.logomark{font-family:var(--serif);font-size:32px;color:var(--purple);transform:rotate(-9deg)}.brand{font-family:var(--serif);font-size:24px;letter-spacing:4px}.brand small{display:block;font:8px 'Segoe UI',sans-serif;letter-spacing:3px;color:var(--muted);margin-top:4px}.navlabel{font-size:10px;color:#645c73;letter-spacing:2px;padding:10px 16px}.navbtn{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border-radius:10px;margin-bottom:6px;color:var(--muted);text-align:left}.navbtn:hover{background:#ffffff05;color:var(--text)}.navbtn.active{background:#b7a0ef12;color:#d1bdf7}.navbtn.active:after{content:'';width:5px;height:5px;background:var(--purple);border-radius:50%;margin-left:auto}.sidebar .newbtn{margin:28px 0 0;width:100%;border:1px solid #b7a0ef42;padding:12px;border-radius:9px;color:#d6c5f6;display:flex;align-items:center;justify-content:center;gap:8px}.sidebottom{margin-top:auto}.sidequote{font:13px/1.9 var(--serif);color:#817589;margin:24px 10px}.account{border-top:1px solid var(--line);padding:20px 0 0;display:flex;align-items:center;gap:10px;text-align:left;width:100%}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(140deg,#b6a1e0,#4b3b64);display:grid;place-items:center;color:white;font-family:var(--serif)}.account small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.appmain{margin-left:216px;padding:0 42px;max-width:1690px}.topbar{height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px;justify-content:space-between}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb span{color:#e6dff2;margin-left:12px}.topright{display:flex;align-items:center;gap:16px}.searchbox{display:flex;align-items:center;gap:9px;background:#ffffff04;border:1px solid var(--line);border-radius:8px;padding:9px 13px;width:240px}.searchbox svg{width:16px;color:var(--muted)}.searchbox input{width:100%;background:none;border:0;color:var(--text);font-size:12px;outline:0}.keyhint{font-size:9px;color:#6c6579;border:1px solid var(--line);padding:2px 4px;border-radius:4px}.demo{font-size:10px;letter-spacing:.8px;color:#b4a293;border:1px solid #b4a29336;border-radius:20px;padding:6px 9px;white-space:nowrap}.iconbtn{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:8px;color:var(--muted)}.iconbtn:hover{background:#ffffff09;color:var(--text)}.hero{display:grid;grid-template-columns:1fr 350px;align-items:center;gap:30px;padding:38px 0 36px}.eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--purple);display:flex;align-items:center;gap:10px;margin-bottom:14px}.eyebrow:before{content:'';width:23px;height:1px;background:var(--purple)}.hero h1{font-family:var(--serif);font-weight:500;font-size:36px;line-height:1.6;letter-spacing:2px}.hero h1 em{font-style:normal;color:#c4afe9}.hero p{color:var(--muted);font-size:12px;line-height:2.1;margin-top:10px}.feature{position:relative;overflow:hidden;min-height:161px;background:linear-gradient(115deg,#34283f,#211d2b);border:1px solid #b7a0ef1e;border-radius:13px;padding:22px;text-align:left;width:100%}.feature .orbit{position:absolute;border:1px solid #b7a0ef26;border-radius:50%;width:190px;height:190px;right:-60px;top:-24px}.feature .orbit:after{content:'✦';position:absolute;left:20px;top:20px;font-size:84px;color:#b4a0d849;transform:rotate(20deg)}.feature small{font-size:9px;color:#cfbde2;letter-spacing:2px}.feature h3{font-family:var(--serif);font-weight:500;font-size:22px;margin:14px 0 9px}.feature p{font-size:10px;color:#9d8eab;margin:0}.feature .arrow{position:absolute;bottom:20px;right:24px;color:var(--purple);font-size:23px}.sectionhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.sectiontabs{display:flex;gap:26px}.sectiontabs button{padding:0 0 12px;color:var(--muted);font-size:17px}.sectiontabs button.active{color:var(--text);border-bottom:2px solid var(--purple)}.subtle{font-size:11px;color:var(--muted)}.sortbtn{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:25px}.chip{padding:7px 13px;font-size:11px;border-radius:6px;color:#a79eb6;background:#ffffff03;border:1px solid var(--line)}.chip:hover{border-color:#b7a0ef50}.chip.selected{background:var(--lime);color:#263020;border-color:var(--lime)}.rolegrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 21px;padding-bottom:35px}.rolecard{display:block;text-align:left;padding:0;min-width:0;position:relative}.portrait{position:relative;overflow:hidden;border-radius:11px;background:#292432;aspect-ratio:4/4.8}.portrait>svg{width:100%;height:100%;transition:transform .5s}.rolecard:hover .portrait>svg{transform:scale(1.035)}.portrait:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#0c0b12e6)}.authorpill{position:absolute;z-index:1;top:12px;left:12px;font-size:9px;color:#f3e9f5;background:#1d182c65;padding:5px 8px;border:1px solid #ffffff17;border-radius:20px;backdrop-filter:blur(10px)}.portraitbottom{position:absolute;z-index:1;left:17px;right:17px;bottom:15px;display:flex;align-items:end;justify-content:space-between}.portraitbottom h3{font-family:var(--serif);font-size:24px;font-weight:500;letter-spacing:2px}.portraitbottom p{font-size:10px;color:#bcb2c9;margin-top:5px}.cardcount{font-size:9px;display:flex;gap:4px;align-items:center;color:#d5c9df}.cardcount svg{width:11px;height:11px;color:var(--purple)}.cardcopy{font-size:12px;color:#d7cfdf;margin-top:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cardtags{display:flex;gap:7px;margin-top:8px;font-size:9px;color:#867c96}.cardtags span+span:before{content:'·';margin-right:7px;color:#5d556c}.footerline{display:flex;gap:14px;justify-content:space-between;padding:22px 0 28px;font-size:10px;color:#625b6d;border-top:1px solid var(--line)}.empty{padding:70px 25px;text-align:center;color:var(--muted);line-height:2}.primary{background:var(--lime);color:#24301d;padding:12px 21px;border-radius:8px;font-weight:600;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary:hover{background:#e1f1bc}.secondary{border:1px solid #b7a0ef37;background:#b7a0ef09;color:#d0bee8;padding:11px 17px;border-radius:8px;font-size:12px}.danger{color:#e8a7a7}.mobilebar{display:none}.shade{position:fixed;inset:0;z-index:40;background:#08070dbd;backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:24px}.modal{width:min(820px,100%);max-height:90vh;overflow:auto;background:#211d2b;border:1px solid #c5b1e328;border-radius:16px;box-shadow:0 30px 100px #0008;position:relative}.close{position:absolute;right:15px;top:15px;z-index:3;background:#13111999;border-radius:50%;color:#ddd;width:33px;height:33px;font-size:21px}.detailgrid{display:grid;grid-template-columns:300px 1fr}.detailart{height:100%;min-height:480px;background:#292330;overflow:hidden}.detailart svg{width:100%;height:100%;object-fit:cover}.detailbody{padding:36px 32px}.detailbody h2{font:32px var(--serif);letter-spacing:3px;margin:13px 0 8px}.tagrow{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0}.tagrow span{font-size:10px;color:#bca7d4;background:#b7a0ef0c;border:1px solid #b7a0ef25;padding:5px 8px;border-radius:5px}.detailbody p{font-size:12px;line-height:2;color:#b7adbf}.smalltitle{font-size:10px;letter-spacing:2px;color:#8f819f;margin:25px 0 12px}.opening{font-family:var(--serif);border-left:2px solid #b7a0ef50;padding:0 0 0 13px;font-size:12px;color:#d9cce4;line-height:2}.actionrow{display:flex;gap:10px;margin-top:25px;flex-wrap:wrap}.notice{font-size:10px;color:#9b8caa;line-height:1.8;margin-top:14px}.forminput{background:#15121d;border:1px solid #ffffff13;border-radius:8px;width:100%;padding:12px;color:var(--text);line-height:1.8;font-size:12px}.formlabel{display:block;font-size:12px;color:#c7bdd3;margin:18px 0 8px}.formlabel small{color:var(--muted);font-weight:400;margin-left:8px}.pageheading{padding:34px 0 25px}.pageheading h1{font:29px var(--serif);letter-spacing:2px}.pageheading p{font-size:12px;color:var(--muted);margin-top:10px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:25px}.storylist{display:grid;gap:13px}.storyitem{display:flex;align-items:center;gap:18px;text-align:left;width:100%;padding:15px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.tinyart{width:61px;height:77px;overflow:hidden;border-radius:7px;flex-shrink:0}.tinyart svg{width:100%;height:100%}.storyitem h3{font:18px var(--serif);margin-bottom:7px}.storyitem p{font-size:11px;color:var(--muted);line-height:1.8}.storyitem .go{margin-left:auto;color:var(--purple);font-size:23px}.chatlayout{height:calc(100dvh - 86px);display:flex;flex-direction:column;max-width:850px;margin:auto}.chathead{display:flex;align-items:center;padding:20px 0;border-bottom:1px solid var(--line);gap:13px}.chathead h2{font:20px var(--serif)}.chathead .subtle{margin-top:5px;font-size:10px}.chathead .right{margin-left:auto;display:flex;gap:6px}.smallbtn{font-size:10px;color:#afa0c1;border:1px solid var(--line);padding:7px 10px;border-radius:6px;display:flex;align-items:center;gap:5px}.smallbtn:hover{background:#ffffff05}.smallbtn svg{width:13px;height:13px}.chatflow{overflow-y:auto;flex:1;min-height:0;padding:20px 12px 10px;scroll-behavior:smooth}.chatintro{text-align:center;color:#70657e;font-size:10px;margin:4px 0 24px;line-height:1.8}.scene{background:#b7a0ef07;border:1px solid #b7a0ef16;border-radius:8px;margin-bottom:25px;font-size:10px;color:#a295b1}.scene summary{padding:11px 14px;cursor:pointer}.scene p{padding:0 14px 12px;line-height:2}.message{margin-bottom:26px}.msglabel{font-size:9px;letter-spacing:1.5px;color:#a28db8;margin-bottom:10px;display:flex;align-items:center;gap:8px}.msglabel:before{content:'✦';font-size:12px;color:var(--purple)}.message.user{margin-left:14%;text-align:right}.message.user .msglabel{justify-content:flex-end;color:#a5ab94}.message.user .msglabel:before{display:none}.message .body{font:15px/2.05 var(--serif);color:#d7cede;white-space:pre-wrap;overflow-wrap:anywhere}.message.user .body{display:inline-block;text-align:left;font:13px/1.85 'Microsoft YaHei',sans-serif;background:#292432;padding:12px 17px;border-radius:12px 3px 12px 12px;color:#c9c1d3}.msgtools{display:flex;gap:14px;margin-top:10px;flex-wrap:wrap}.message.user .msgtools{justify-content:flex-end}.msgtools button{font-size:10px;color:#756881;padding:2px 0}.msgtools button:hover{color:var(--purple)}.composer{padding:14px 0 22px;border-top:1px solid var(--line);background:var(--bg)}.inspiration{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.inspiration button{font-size:10px;color:var(--purple);display:flex;align-items:center;gap:6px}.suggestions{display:flex;gap:7px;margin-bottom:10px;flex-wrap:wrap}.suggestions button{font-size:10px;text-align:left;padding:8px 10px;border:1px solid #b7a0ef30;border-radius:7px;color:#b8a8cd;flex:1;min-width:130px}.inputwrap{display:flex;align-items:end;background:#211c2b;border:1px solid #b7a0ef30;border-radius:11px;padding:11px 12px;gap:10px}.inputwrap textarea{resize:none;flex:1;min-height:43px;max-height:120px;background:none;border:0;outline:0;color:var(--text);font-size:12px;line-height:1.8}.sendbtn{width:34px;height:34px;background:var(--lime);color:#24301d;display:grid;place-items:center;border-radius:8px}.sendbtn svg{width:15px}.composerfoot{font-size:9px;text-align:center;color:#675d73;margin-top:10px}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(440px,100%);background:#221d2d;padding:30px 27px;overflow:auto;border-left:1px solid #b7a0ef2b}.drawer h2{font:24px var(--serif);margin-bottom:10px}.drawertabs{display:flex;gap:5px;margin:25px 0 18px;border-bottom:1px solid var(--line)}.drawertabs button{flex:1;padding:12px 0;font-size:11px;color:var(--muted)}.drawertabs button.active{color:var(--purple);border-bottom:2px solid var(--purple)}.memoryitem{padding:18px;background:#b7a0ef07;border:1px solid #b7a0ef14;border-radius:9px;margin-bottom:12px}.memoryitem small{font-size:9px;letter-spacing:1px;color:var(--purple)}.memoryitem p{font-size:12px;line-height:1.9;color:#c7bad4;margin-top:10px;white-space:pre-wrap}.memoryitem textarea{margin-top:10px;min-height:110px}.branchrow{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line);gap:10px}.branchrow p{font-size:12px}.branchrow small{font-size:10px;color:var(--muted);display:block;margin-top:7px}.creatorlayout{display:grid;grid-template-columns:1fr 270px;gap:24px;padding-bottom:40px}.creatortabs{display:flex;gap:10px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:15px}.creatortabs button{padding:9px 13px;color:var(--muted);font-size:12px;border-radius:6px}.creatortabs button.active{background:#b7a0ef16;color:var(--purple)}.fieldgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.worldentry{padding:17px;background:#15121b;border:1px solid var(--line);border-radius:9px;margin:16px 0}.savebar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}.previewlabel{font-size:9px;color:var(--muted);letter-spacing:2px;margin-bottom:15px}.sticky-preview{position:sticky;top:25px;align-self:start}.smallportrait{max-height:290px}.preview-note{font-size:11px;color:var(--muted);line-height:1.9;margin-top:15px}.balancegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}.balance{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.balance small{font-size:11px;color:var(--muted)}.balance strong{display:block;font:33px var(--serif);margin-top:10px;color:#d0bae8}.balance.lime strong{color:var(--lime)}.walletgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.walletgrid h3{font:20px var(--serif);margin-bottom:15px}.days{display:flex;gap:6px;margin:20px 0}.day{flex:1;text-align:center;background:#ffffff04;border:1px solid var(--line);border-radius:7px;padding:12px 3px;font-size:10px;color:var(--muted)}.day b{display:block;color:#bcadd0;font-size:12px;margin-bottom:7px}.day.active{border-color:#c3d7a653;background:#d4e6aa0a}.day.active b{color:var(--lime)}.packages{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.package{border:1px solid var(--line);border-radius:8px;padding:14px 5px;text-align:center}.package strong{display:block;color:var(--purple);font:22px var(--serif)}.package span{font-size:10px;color:var(--muted);display:block;margin:7px 0}.ledger{margin-top:20px}.ledgerrow{display:flex;gap:10px;padding:13px 0;border-bottom:1px solid var(--line);font-size:11px;color:#b0a4bf}.ledgerrow small{margin-left:auto;color:#796d86}.ledgerrow b{min-width:50px;text-align:right;font-weight:400;color:var(--lime)}.statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.statgrid div{background:#ffffff03;border-radius:7px;padding:15px;font-size:10px;color:var(--muted)}.statgrid strong{display:block;font:22px var(--serif);color:#ddd1e9;margin-bottom:6px}#toast{position:fixed;z-index:80;left:50%;bottom:35px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#d9e8bb;color:#25311e;padding:13px 22px;border-radius:9px;font-size:12px;box-shadow:0 10px 40px #0004;transition:all .2s;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}.dialogbody{padding:32px;max-width:520px;margin:auto}.dialogbody h2{font:24px var(--serif);margin-bottom:15px}.dialogbody p{color:var(--muted);font-size:12px;line-height:1.9}.dialogbody textarea{min-height:150px}.prototype-note{padding:12px 15px;border:1px solid #b7a0ef20;background:#b7a0ef07;border-radius:8px;color:#9f90af;font-size:11px;line-height:1.8}.themechoices{display:flex;gap:9px;margin-top:10px}.swatch{width:30px;height:30px;border:2px solid transparent;border-radius:50%}.swatch.active{border-color:var(--lime)}.draftitem{padding:15px 0;border-bottom:1px solid var(--line);display:flex;gap:10px;align-items:center}.draftitem .name{flex:1;font-size:12px}.pill{font-size:9px;padding:4px 7px;border:1px solid #b7a0ef30;border-radius:20px;color:var(--purple)}
@media(min-width:1450px){.rolegrid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1100px){.sidebar{width:180px;padding:30px 14px}.appmain{margin-left:180px;padding:0 26px}.hero{grid-template-columns:1fr 280px}.hero h1{font-size:29px}.rolegrid{gap:21px 15px}.creatorlayout{grid-template-columns:1fr 210px}}@media(max-width:800px){.sidebar{width:76px;padding:25px 10px}.logo{padding:0 0 24px;justify-content:center}.brand,.navlabel,.navbtn span,.sidequote,.account>div:not(.avatar),.sidebar .newbtn span{display:none}.navbtn{justify-content:center;padding:14px 0}.navbtn.active:after{display:none}.sidebar .newbtn{padding:12px 0}.account{justify-content:center}.appmain{margin-left:76px;padding:0 22px}.hero{grid-template-columns:1fr;gap:24px;padding:28px 0}.feature{display:none}.creatorlayout{grid-template-columns:1fr}.sticky-preview{display:none}.walletgrid{grid-template-columns:1fr}.searchbox{width:200px}.topbar{height:74px}.chatlayout{height:calc(100dvh - 74px)}.rolegrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.sidebar{display:none}.appmain{margin-left:0;padding:0 18px 70px}.topbar{height:64px}.breadcrumb{font-family:var(--serif);font-size:19px;color:var(--text)}.breadcrumb span{display:none}.topright{gap:6px}.searchbox{width:137px;padding:8px 10px;background:#ffffff05}.searchbox input{font-size:10px}.keyhint{display:none}.demo{font-size:8px;padding:4px 7px;letter-spacing:0}.hero{padding:29px 0}.eyebrow{font-size:8px;margin-bottom:10px}.hero h1{font-size:29px;line-height:1.6;letter-spacing:1px}.hero p{font-size:11px}.sectiontabs{gap:22px}.sectiontabs button{font-size:16px}.filters{gap:7px;flex-wrap:nowrap;overflow:auto;padding-bottom:7px;margin-bottom:16px}.chip{white-space:nowrap;padding:7px 11px;font-size:10px}.rolegrid{gap:22px 12px}.portrait{aspect-ratio:4/5.4;border-radius:9px}.portraitbottom{left:11px;right:10px;bottom:12px}.portraitbottom h3{font-size:21px}.portraitbottom p{font-size:9px}.authorpill{font-size:8px;top:10px;left:9px;padding:4px 6px}.cardcount{font-size:8px}.cardcopy{font-size:11px;margin-top:10px}.cardtags{font-size:8px;gap:4px;white-space:nowrap;overflow:hidden}.cardtags span+span:before{margin-right:4px}.mobilebar{display:flex;position:fixed;bottom:0;left:0;right:0;height:65px;padding:5px 15px max(6px,env(safe-area-inset-bottom));background:#19151feF;backdrop-filter:blur(20px);border-top:1px solid var(--line);z-index:20;justify-content:space-around;align-items:center}.mobilebar button{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:9px;color:#8e819d;padding:5px 15px}.mobilebar button.active{color:#c3a4ed}.mobilebar svg{width:20px;height:20px}.mobilebar .createcircle{width:47px;height:47px;transform:translateY(-12px);background:#b09acb;color:#241c30;border-radius:50%;border:5px solid var(--bg);padding:8px}.footerline{font-size:8px;line-height:1.8}.shade{padding:10px}.detailgrid{grid-template-columns:1fr}.detailart{height:220px;min-height:0}.detailart svg{object-fit:cover;transform:translateY(-12%);height:150%}.detailbody{padding:24px}.detailbody h2{font-size:28px}.chatmode .appmain{padding:0 15px}.chatmode .topbar,.chatmode .mobilebar{display:none}.chatlayout{height:100dvh}.chathead{padding:16px 0}.chathead h2{font-size:18px}.chathead .right{gap:4px}.smallbtn{padding:7px;font-size:9px}.chatflow{padding:20px 2px}.message .body{font-size:14px}.composer{padding-bottom:max(12px,env(safe-area-inset-bottom))}.suggestions button{min-width:90px;font-size:9px}.fieldgrid{grid-template-columns:1fr}.panel{padding:19px}.balancegrid{gap:8px}.balance{padding:17px 10px}.balance strong{font-size:26px}.balance small{font-size:9px}.pageheading h1{font-size:27px}.savebar{align-items:flex-start;flex-direction:column}.drawer{padding:28px 20px}.dialogbody{padding:27px 22px}.storyitem{gap:12px}.storyitem h3{font-size:16px}.statgrid{gap:5px}.statgrid div{padding:12px 8px}.demo-hidden-mobile{display:none}}
*{scrollbar-width:thin;scrollbar-color:#4c405e transparent}.filters{scrollbar-width:none}.filters::-webkit-scrollbar{display:none}
.dialogbody,.detailbody{overflow-wrap:anywhere}.privateplay{display:flex;gap:7px;flex-wrap:wrap}
.backendbar{display:flex;align-items:center;gap:12px;min-height:40px;font-size:10px;color:#b5aa9b;border-bottom:1px solid var(--line)}.backendbar span{flex:1}.backendbar button{font-size:9px;color:var(--purple)}.backend-test{margin:20px 0}.backend-test h3{font:20px var(--serif);margin-bottom:12px}.backend-test>p{color:var(--muted);font-size:11px;line-height:1.8}.boot-screen{max-width:600px;margin:20vh auto;padding:25px;color:var(--muted)}.boot-screen p{margin-top:20px;line-height:1.8}.servermode .chatlayout{height:calc(100dvh - 126px)}
.ageconfirm{display:flex;align-items:flex-start;gap:9px;color:var(--muted);font-size:11px;line-height:1.9;margin-top:19px}.ageconfirm input{accent-color:var(--purple);margin-top:4px}.review-card{margin:20px 0;padding:20px;border:1px solid var(--line);border-radius:10px;background:#ffffff03}.review-card p{margin:10px 0}.review-card h3{font:20px var(--serif)}.review-card summary{font-size:11px;color:var(--purple);cursor:pointer;padding:10px 0}.review-card pre{font:11px/1.9 monospace;white-space:pre-wrap;overflow-wrap:anywhere;color:#aaa0b7}.review-dialog{max-width:780px}.review-reason{flex-basis:100%;font-size:10px;color:#b7a0b0;line-height:1.7}.draftitem{flex-wrap:wrap}#account-panel .eyebrow{font-size:8px;margin-bottom:10px}
@media(max-width:540px){.backendbar{gap:8px;font-size:9px}.backendbar button{font-size:8px;white-space:nowrap}.servermode.chatmode .chatlayout{height:calc(100dvh - 40px)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
:root .reply-options{display:grid;gap:10px;margin:14px 0 24px}
.role-public-metrics{font-size:10px;line-height:1.8;color:var(--muted);margin-top:9px}.discovery-scope{margin:0 0 20px}.role-detail-metrics{font-size:11px!important;color:#b5a7c8!important;margin:12px 0 20px!important}.creator-link{margin:12px 0 15px}.public-creator-page{max-width:900px}.public-creator-page .rolegrid{margin-top:28px;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.creator-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:25px}.creator-grid>.empty{grid-column:1/-1}.creator-tile{display:flex;align-items:flex-start;flex-direction:column;gap:10px;padding:23px;text-align:left;background:#ffffff03;border:1px solid var(--line);border-radius:13px}.creator-tile:hover{border-color:#b7a0ef66}.creator-tile strong{font-weight:400;font-size:15px;overflow-wrap:anywhere}.creator-tile small{font-size:10px;line-height:1.8;color:var(--muted)}.creator-avatar{display:grid;place-items:center;width:49px;height:49px;border-radius:15px;background:linear-gradient(145deg,#736085,#352b45);font:23px var(--serif);color:#e6d7f2;flex-shrink:0}.creator-heading{display:flex;align-items:center;gap:17px;margin:10px 0 24px}.creator-heading h2{margin-bottom:7px}.creator-stats{display:flex;gap:28px;padding:19px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:20px}.creator-stats span{font-size:11px;color:var(--muted)}.creator-stats b{display:block;font:28px var(--serif);color:var(--lime);margin-bottom:8px}@media(max-width:600px){.creator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-tile{padding:17px}.role-public-metrics{font-size:8px}.public-creator-page .rolegrid{gap:18px 12px}}
.cover-picture{position:relative;width:100%;height:100%;overflow:hidden}.cover-picture>svg{width:100%;height:100%;display:block}.cover-picture>img.role-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.cover-picture>img.role-cover[hidden]{display:none}.cover-editor{display:flex;gap:20px;align-items:center;margin:24px 0 15px;padding:20px;background:#17131f;border:1px solid var(--line);border-radius:12px}.cover-editor-preview{width:120px;height:150px;flex-shrink:0;border-radius:9px;overflow:hidden}.cover-editor .formlabel{margin-top:0}.cover-editor .actionrow{flex-wrap:wrap}.default-cover-options{font-size:11px;color:var(--muted);margin:15px 0}.default-cover-options summary{cursor:pointer}.cover-crop-dialog canvas{display:block;width:min(240px,100%);height:auto;margin:18px auto;border-radius:9px;background:#17131f}.cover-crop-dialog input[type=range]{width:100%;accent-color:var(--lime)}.cover-crop-dialog .formlabel{margin-top:12px}.review-cover{width:128px;height:160px;overflow:hidden;border-radius:9px;margin:0 0 16px}@media(max-width:540px){.cover-editor{align-items:flex-start;gap:14px;padding:15px}.cover-editor-preview{width:88px;height:110px}.cover-editor .primary,.cover-editor .secondary{font-size:10px;padding:9px 11px}}
:root .reply-choice{text-align:left;width:100%;border:1px solid var(--line,#393243);border-radius:12px;background:rgba(255,255,255,.025);color:inherit;padding:15px 17px;cursor:pointer;display:grid;gap:8px;line-height:1.65}
:root .reply-choice:hover,:root .reply-choice:focus-visible{border-color:#c9e78a;background:rgba(201,231,138,.06);outline:none}
:root .reply-choice small{color:#c9e78a;font-size:11px;letter-spacing:.05em}
:root .reply-choice span{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}
:root .reply-draft-preview{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #393243;border-radius:12px;padding:14px;max-height:180px;overflow:auto;color:#c5bdd2;background:#17131f}
.opening-editor{padding-top:23px}.opening-editor h3{font:20px var(--serif)}.opening-entry{border:1px solid var(--line);border-radius:12px;background:#17131f;padding:20px;margin:20px 0}.opening-entry header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.opening-entry header b{font-size:12px;color:var(--purple)}.opening-entry header .actionrow{margin:0}.opening-options{margin:22px 0 14px;padding:0;border:0;display:grid;gap:9px}.opening-options legend{font-size:12px;color:var(--muted);margin-bottom:12px}.opening-option{display:flex;gap:12px;align-items:center;background:#ffffff03;border:1px solid var(--line);border-radius:10px;padding:13px 15px;cursor:pointer}.opening-option:has(input:checked){border-color:#c9e78a66;background:#c9e78a09}.opening-option input{accent-color:var(--lime)}.opening-option b{font-weight:400;font-size:12px}.opening-option small{display:block;margin-top:6px;color:var(--muted);font-size:10px;line-height:1.6}.opening-start-preview{white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto;padding:17px;border:1px solid var(--line);border-radius:10px;background:#17131f;color:#d6ccdf;font:13px/1.95 var(--serif);margin:15px 0}
/* Personal library */
.creator-review-dialog{max-width:1080px}.creator-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.creator-review-cover{width:180px;height:225px;border-radius:14px;overflow:hidden;margin:18px 0}.creator-review-copy,.creator-preview-opening{white-space:pre-wrap;overflow-wrap:anywhere}.creator-preview-opening{max-height:350px;overflow:auto}.creator-checks{padding-left:20px}.creator-checks li{margin:14px 0;line-height:1.8}.creator-checks button{display:block;margin:5px 0}.creator-review-grid section{min-width:0}@media(max-width:650px){.creator-review-grid{grid-template-columns:1fr}}
.backup-guide{margin-bottom:24px}.backup-guide h3{margin-top:8px}.backup-steps{padding-left:24px;line-height:1.9}.backup-steps li{margin:12px 0}
.story-export-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:290px;overflow:auto;background:#14121b;border:1px solid #383140;border-radius:12px;padding:18px;font:13px/1.8 system-ui,sans-serif;color:#d1c8dc}.story-export-dialog details{margin:20px 0}.story-export-dialog summary{cursor:pointer;color:#bbb0c8}
.library-row.story-managed-row>div.tinyart{flex:0 0 64px;width:64px;height:80px;border-radius:10px;overflow:hidden}.story-managed-row>div:nth-child(2){flex:1;min-width:0}.story-managed-row small{white-space:pre-wrap;overflow-wrap:anywhere}.story-managed-row .tagrow{margin:4px 0}@media(max-width:650px){.story-managed-row>.tinyart{display:none}}
.personal-library{margin-bottom:28px}.personal-library h1{font-size:32px;margin:10px 0}.library-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.library-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;border-bottom:1px solid var(--line,#393440)}.library-row>div:first-child{min-width:0;flex:1}.library-row h3{margin:0 0 10px;overflow-wrap:anywhere}.library-row p{white-space:pre-wrap;overflow-wrap:anywhere;max-height:5em;overflow:hidden}.library-row .actionrow{flex-wrap:wrap;flex-shrink:0;max-width:45%}.library-row small{color:#aaa1b3}@media(max-width:650px){.library-row{align-items:flex-start;flex-direction:column}.library-row .actionrow{max-width:100%}.personal-library .sectionhead{flex-wrap:wrap}}

/* v0.19 — readable, character-led discovery and explicit model selection. */
:root{--bg:#121117;--surface:#1b1922;--raised:#26222e;--line:#ffffff14;--muted:#aaa3b5;--text:#f1edf5;--purple:#c6b3f2;--lime:#d8e9b5}
html{scroll-padding-top:24px}body{line-height:1.6}button{touch-action:manipulation}button:focus-visible,a:focus-visible{outline-width:2px;outline-offset:4px}input,textarea{caret-color:var(--purple)}
.sidebar{background:#17151e;border-right-color:#ffffff0b;padding-top:30px}.logo{padding-bottom:30px}.navlabel{color:#93879e}.navbtn{font-size:14px;padding:15px 16px;margin-bottom:8px}.navbtn.active{background:#c6b3f216;color:#e4d8ff}.sidebar .newbtn{min-height:47px;background:#c6b3f20a}.sidequote{font-size:13px;color:#a296ae}.account{gap:12px}.account small{font-size:11px}
.appmain{padding-left:38px;padding-right:38px;max-width:1800px}.topbar{height:84px}.breadcrumb{font-size:13px}.searchbox{width:290px;border-radius:12px;min-height:43px;background:#ffffff05}.searchbox input{font-size:13px}.keyhint{white-space:nowrap;font-size:10px}.demo{font-size:11px;padding:6px 11px;color:#c5b2e6;border-color:#c6b3f22b;background:#c6b3f209}
.public-beta .backendbar:not(.needs-attention){display:none}.backendbar.needs-attention{font-size:12px;line-height:1.7;padding:12px;flex-wrap:wrap;background:#c6b3f20b;border-radius:10px;margin-top:10px}
.hero{padding:35px 0 29px;gap:28px;grid-template-columns:1fr minmax(250px,330px)}.hero h1{font-size:34px;line-height:1.5;letter-spacing:1px}.hero p{font-size:13px;line-height:1.95;margin-top:12px}.eyebrow{font-size:10px;letter-spacing:2px}.feature{border-radius:18px;padding:24px;background:linear-gradient(125deg,#3c304b,#262130);min-height:158px}.feature h3{font-size:22px}.feature p{font-size:12px}.feature:hover{border-color:#c6b3f260}.feature small{letter-spacing:1.3px}
.sectionhead{margin-bottom:17px}.sectiontabs{gap:26px;align-items:center}.sectiontabs button{font-size:18px;font-weight:500;display:flex;gap:9px;align-items:center;padding-bottom:12px}.section-count{font:11px/1.5 system-ui,sans-serif;background:#ffffff08;padding:1px 7px;border-radius:20px;color:var(--muted)}.sortbtn{font-size:12px;min-height:40px}.filters{gap:9px;margin-bottom:16px}.chip{font-size:12px;min-height:35px;padding:7px 15px;border-radius:20px;background:#ffffff03}.chip.selected{font-weight:600}.discovery-scope{font-size:11px;line-height:1.7;margin-bottom:20px;color:#938b9d}
.rolegrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:27px 20px}.rolecard{border-radius:16px;transition:transform .2s}.rolecard:hover{transform:translateY(-4px)}.portrait{aspect-ratio:4/5;border-radius:15px;background:#26212e;isolation:isolate}.portrait:after{inset:42% 0 0;background:linear-gradient(transparent,rgba(10,9,15,.89))}.portraitbottom{left:18px;right:15px;bottom:18px}.portraitbottom h3{font-size:26px;font-weight:600;letter-spacing:1px;text-shadow:0 2px 12px #0008}.portraitbottom p{font-size:11px;color:#e0d8e6;margin-top:4px}.authorpill{font-size:10px;top:13px;left:13px;padding:5px 9px;border-radius:20px;background:#16121c66}.cardcount{font-size:10px}.cardcopy{font-size:14px;margin-top:13px;color:#ebe3f0}.cardtags{font-size:11px;gap:6px;color:#a69aae;margin-top:7px}.role-public-metrics{font-size:11px;color:#82788e;margin-top:7px}.footerline{font-size:11px;line-height:1.8;flex-wrap:wrap;gap:5px 20px;color:#91879c}
.story-illustration{width:100%;height:100%;background-image:url('character-covers-v019.png');background-repeat:no-repeat;background-size:300% 200%;transition:transform .45s ease;aspect-ratio:4/5}.cover-art-0{background-position:0 0}.cover-art-1{background-position:50% 0}.cover-art-2{background-position:100% 0}.cover-art-3{background-position:0 100%}.cover-art-4{background-position:50% 100%}.cover-art-5{background-position:100% 100%}.rolecard:hover .story-illustration{transform:scale(1.035)}.cover-picture>.story-illustration{position:absolute;inset:0}.detailart{min-height:500px}.detailart .story-illustration{height:100%;aspect-ratio:auto}.tinyart>.story-illustration,.creator-review-cover>.story-illustration{height:100%}.detailbody p{font-size:14px;line-height:1.95}.detailbody .opening{font-size:14px;line-height:2}.notice{font-size:12px;line-height:1.85}.primary,.secondary{font-size:13px;min-height:44px}.forminput{font-size:14px;padding:12px 14px}.formlabel{font-size:13px}.dialogbody>p{font-size:14px;line-height:1.95}.ageconfirm{font-size:12px;line-height:1.8}.ageconfirm input{width:17px;height:17px;accent-color:var(--lime)}
.chathead{padding:17px 0;min-height:80px}.chathead h2{font-size:22px}.chathead .subtle{font-size:12px}.chathead .right{flex-wrap:wrap;justify-content:flex-end}.smallbtn{font-size:12px;min-height:36px;padding:8px 11px}.public-beta.chatmode .chatlayout{height:calc(100dvh - 84px)}.chatflow{padding:24px 14px 10px}.chatintro{font-size:12px;line-height:1.9;color:#9d90ac;white-space:pre-line}.message .body{font-size:16px;line-height:2.05;color:#e4dce9}.message.user .body{font-size:14px;line-height:1.85;background:#30283b;padding:13px 18px}.msglabel{font-size:11px}.msgtools{gap:16px}.msgtools button{font-size:11px;min-height:29px;color:#9d8cab}.composer{padding-top:16px}.inputwrap{border-radius:15px;padding:13px 15px;border-color:#c6b3f22b;background:#211d29}.inputwrap:focus-within{border-color:#c6b3f27a;box-shadow:0 0 0 3px #c6b3f208}.inputwrap textarea{font-size:15px;line-height:1.75;min-height:50px;max-height:170px}.sendbtn{min-width:43px;min-height:43px;border-radius:12px}.composerfoot{font-size:11px;line-height:1.8}.inspiration button{font-size:12px;min-height:30px}#ai-mode{background:#c6b3f218;border-color:#c6b3f23d;color:#e6d7ff}
.model-dialog{max-width:660px}.model-grid{display:grid;gap:10px;margin:24px 0 20px}.model-option{display:flex;align-items:center;gap:14px;width:100%;padding:16px;text-align:left;border:1px solid var(--line);border-radius:13px;background:#ffffff03;min-height:78px}.model-option:not(:disabled):hover,.model-option.selected{border-color:#c6b3f27a;background:#c6b3f20c}.model-option:disabled{opacity:.65}.model-symbol{width:40px;height:40px;display:grid;place-items:center;background:#c6b3f211;border:1px solid #c6b3f224;color:#d3bdf5;border-radius:12px;font-size:20px;flex-shrink:0}.model-option-copy{display:grid;gap:4px;min-width:0;flex:1}.model-option-copy strong{font-size:15px;font-weight:500}.model-option-copy small{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.model-state{font-size:11px;color:var(--muted);white-space:nowrap}.model-option:not(:disabled) .model-state{color:var(--lime)}.available-models{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.model-pill{display:flex;gap:7px;align-items:center;font-size:12px;border:1px solid var(--line);padding:6px 10px;border-radius:8px;color:var(--muted)}.model-pill small{font-size:10px}.model-pill.ready{border-color:#d8e9b535;color:var(--lime);background:#d8e9b507}
@media(min-width:1450px){.rolegrid{grid-template-columns:repeat(4,minmax(0,1fr))}.appmain{padding-left:48px;padding-right:48px}}
@media(max-width:1100px){.appmain{padding-left:26px;padding-right:26px}.hero h1{font-size:30px}.hero{grid-template-columns:1fr 260px}.rolegrid{gap:24px 16px}}
@media(max-width:800px){.appmain{padding-left:22px;padding-right:22px}.hero{grid-template-columns:1fr;padding-top:28px}.rolegrid{grid-template-columns:repeat(2,minmax(0,1fr))}.searchbox{width:230px}.public-beta.chatmode .chatlayout{height:calc(100dvh - 84px)}}
@media(max-width:540px){
  .appmain{padding:0 18px calc(88px + env(safe-area-inset-bottom))}.topbar{height:72px;gap:12px}.breadcrumb{font-size:23px;letter-spacing:2px;white-space:nowrap}.topright{flex:1;gap:8px;justify-content:flex-end;min-width:0}.searchbox{width:min(100%,190px);min-height:39px;padding:8px 11px;border-radius:11px}.searchbox input{font-size:12px}.demo{font-size:9px;padding:5px 8px}.hero{padding:26px 0 27px;gap:0}.eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:12px}.hero h1{font-size:31px;line-height:1.5;letter-spacing:0}.hero p{font-size:12px;line-height:1.9;margin-top:10px}.sectiontabs button{font-size:17px}.sectiontabs{gap:22px}.section-count{font-size:10px}.filters{gap:8px;margin-bottom:11px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.chip{font-size:12px;min-height:36px;padding:7px 13px}.discovery-scope{font-size:10px;margin-bottom:16px;line-height:1.8}.rolegrid{gap:24px 12px}.portrait{aspect-ratio:4/5;border-radius:13px}.portraitbottom{left:12px;right:10px;bottom:13px}.portraitbottom h3{font-size:23px}.portraitbottom p{font-size:9px}.authorpill{font-size:9px;top:10px;left:9px;padding:4px 7px}.cardcount{font-size:9px}.cardcopy{font-size:12px;line-height:1.7;margin-top:10px}.cardtags{font-size:10px;margin-top:5px;gap:4px}.role-public-metrics{font-size:9px;margin-top:5px}.footerline{font-size:10px;padding-bottom:20px}.mobilebar{height:calc(68px + env(safe-area-inset-bottom));padding:5px 12px calc(6px + env(safe-area-inset-bottom));background:#19161ff5;box-shadow:0 -10px 35px #00000018}.mobilebar button{font-size:11px;min-width:64px;min-height:52px;gap:5px;padding:6px 14px;border-radius:12px}.mobilebar button.active{color:#e0cdfd;background:#c6b3f20d}.mobilebar svg{width:21px;height:21px}.shade{padding:12px;align-items:center}.modal{border-radius:20px;max-height:calc(100dvh - 24px)}.dialogbody{padding:29px 22px}.dialogbody h2{font-size:25px;line-height:1.5;padding-right:20px}.dialogbody>p{font-size:13px}.forminput{font-size:16px;min-height:47px}.formlabel{font-size:13px;margin-top:18px}.actionrow{gap:10px}.actionrow .primary,.actionrow .secondary{flex-grow:1;padding:12px 14px}.detailgrid{grid-template-columns:1fr}.detailart{height:310px;min-height:0}.detailart .story-illustration{height:100%;width:100%;max-width:248px;margin:auto;aspect-ratio:4/5}.detailbody{padding:26px 22px}.detailbody h2{font-size:29px}.detailbody p,.detailbody .opening{font-size:13px}.model-option{padding:13px;gap:12px;min-height:77px}.model-option-copy strong{font-size:14px}.model-state{font-size:10px}.model-symbol{width:37px;height:37px}.public-beta.chatmode .chatlayout,.chatmode .chatlayout{height:100dvh}.chatmode .appmain{padding:0 15px}.chathead{min-height:81px;padding:12px 0;gap:7px}.chathead h2{font-size:19px}.chathead .subtle{font-size:10px;max-width:150px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chathead .right{gap:5px;max-width:54%}.chathead .smallbtn{font-size:10px;min-height:32px;padding:6px 8px}.chatflow{padding:19px 1px 8px}.message .body{font-size:15px;line-height:2}.message.user .body{font-size:14px}.message.user{margin-left:9%}.msgtools button{font-size:11px}.composer{padding:11px 0 max(12px,env(safe-area-inset-bottom))}.inputwrap textarea{font-size:16px;min-height:44px}.composerfoot{font-size:10px}.suggestions button{font-size:11px;min-width:105px}.inspiration button{font-size:11px}.cover-editor{gap:13px}.cover-editor-preview{width:90px;height:113px}
}
@media(max-width:370px){.demo{display:none}.topright{max-width:200px}.hero h1{font-size:28px}.cardcount{display:none}.portraitbottom p{font-size:8px}.model-state{max-width:40px;white-space:normal}.chathead .smallbtn{padding:6px}.chathead .subtle{max-width:115px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.portraitbottom>div{min-width:0}.portraitbottom{gap:8px}.portraitbottom h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cardcount{flex-shrink:0}