@charset "UTF-8";
:root{color-scheme:light;--bg:#fff0f6;--surface:#ffffff;--surface2:#fff7fb;--line:#e9d5e2;--muted:#856b7e;--text:#523347;--pink:#c84881;--pinkdark:#f9d7e7;--blue:#997cc7;--radius:18px;font-family:Inter,"Microsoft YaHei","PingFang SC",system-ui,sans-serif;font-size:16px;line-height:1.65}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}a:hover{color:var(--pink)}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--pink);outline-offset:4px}input,textarea,select{width:100%;background:#ffffffaa;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:11px 13px;min-width:0}input:focus,textarea:focus,select:focus{outline:2px solid #c8488180;border-color:var(--pink)}input::placeholder,textarea::placeholder{color:#997f91}textarea{resize:vertical}h1,h2,h3,p{margin:0 0 .65em}h1{font-size:2rem;line-height:1.45;letter-spacing:.02em}h2{font-size:1.5rem;line-height:1.5}h3{font-size:1.08rem}small{font-size:.8125rem}label{display:grid;gap:7px;font-size:.875rem;color:#604255}label small{font-weight:400}form{margin:0}summary{cursor:pointer;font-weight:600}details[open]>summary{margin-bottom:18px}dt{color:var(--pink);font-size:.875rem}dd{margin:4px 0 15px;white-space:pre-wrap;overflow-wrap:anywhere}
.sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:#ffffff80;border-right:1px solid #efdbe6;padding:32px 20px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;font-size:1.25rem;letter-spacing:.08em;font-weight:700;color:#6c3756}.brand small{display:block;color:#a77894;font-size:.625rem;letter-spacing:.17em}.brand-icon{font-size:2.2rem;font-weight:400;color:var(--pink);text-shadow:0 0 30px #e8a8c444}.nav-label{font-size:.75rem;color:#9b7b91;margin:40px 12px 14px}.sidebar nav{display:grid;gap:7px}.sidebar nav a{display:flex;align-items:center;gap:15px;padding:12px 16px;border-radius:10px;color:#826176;font-size:.9375rem}.sidebar nav a span{font-size:1.3rem;width:22px;text-align:center}.sidebar nav a.active{background:linear-gradient(100deg,#f8cce1,#ffe8f2);color:#ad3d71;box-shadow:inset 3px 0 #da6ca2}.sidebar nav a:hover{background:#fff2f8}.sidebar-bottom{margin-top:auto;padding-top:28px}.note-card{border:1px solid #edd3e2;border-radius:14px;padding:18px;background:linear-gradient(130deg,#ffe5f1,#fff8fb);margin-bottom:24px}.note-card .spark{font-size:1.5rem;display:block;margin-bottom:10px}.note-card strong{font-size:.8125rem;font-weight:500}.note-card p{font-size:.75rem;color:#97758b;margin:8px 0 0}.account{display:flex;align-items:center;gap:12px;font-size:.875rem}.account small{display:block;color:var(--muted)}.avatar-letter{display:grid;place-items:center;background:#f8d4e5;color:#a84473;border-radius:50%;width:38px;height:38px}.sidebar-bottom>form{margin:9px 0 0 50px}.legal-link{font-size:.75rem;color:#9b7b91;display:block;margin-top:20px}.workspace{margin-left:232px}.topbar{height:78px;border-bottom:1px solid #f0dce7;padding:0 38px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.8125rem}.top-actions{display:flex;align-items:center;gap:13px}.tiny-star{color:var(--pink);font-size:1.3rem}.balance{border:1px solid #eed2e1;border-radius:999px;background:#fff5fa;padding:6px 14px;color:var(--pink);margin-left:12px}.page{padding:32px 38px 20px;max-width:1580px;margin:auto}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:1px solid #eac9dc;border-radius:9px;background:#fffaff;color:#79556e;white-space:nowrap;font-size:.875rem;min-height:43px;transition:background .15s,transform .15s}.button:hover{background:#fbe3ef;color:#fff;transform:translateY(-1px)}.button.primary{background:linear-gradient(115deg,#e280ac,#c780b3);color:#ffffff;border-color:transparent;font-weight:600;box-shadow:0 4px 18px #d4a0d017}.button.primary:hover{background:#d56a9c}.button.small{min-height:34px;font-size:.8125rem;padding:5px 12px}.full{width:100%}.link{background:none;border:0;padding:0;color:inherit;font-size:.8125rem}.muted{color:var(--muted)}.spark,.text-accent{color:var(--pink)}.danger{color:#c53765!important}.eyebrow{font-size:.6875rem;letter-spacing:.16em;color:#a36688;display:block;margin-bottom:12px}.hero{height:292px;border-radius:20px;position:relative;overflow:hidden;margin-bottom:35px;border:1px solid #ffffff;background:#f8dfea}.hero-art{width:100%;height:100%;object-fit:cover;object-position:center 42%;position:absolute;inset:0;opacity:.75}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff1f8 0%,#fff1f8f2 20%,#fff1f89c 47%,#fff1f810 76%)}.hero-copy{position:relative;z-index:1;padding:30px 36px;max-width:560px}.hero h1{font-size:1.85rem;color:#66334f;line-height:1.6;margin-bottom:9px;font-weight:600}.hero p{font-size:.8125rem;color:#8a637a;margin-bottom:20px}.hero .eyebrow{color:#b66490}.hero-caption{position:absolute;z-index:2;bottom:18px;right:22px;font-size:.6875rem;letter-spacing:.1em;color:#f1d7de;background:#18142280;padding:3px 10px;border-radius:5px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.section-heading h2{margin-bottom:5px}.section-heading p{font-size:.875rem;color:var(--muted);margin:0}.section-heading .eyebrow{font-size:.625rem;margin-bottom:5px;letter-spacing:.14em;color:#a77a94}.count{font-size:.75rem;vertical-align:middle;background:#fff5fa;border:1px solid #f0d8e6;border-radius:6px;padding:2px 8px;margin-left:8px;color:#a66a8e;font-weight:400}.catalog-toolbar{display:flex;align-items:center;gap:18px;margin-bottom:22px}.catalog-toolbar>.muted{font-size:.8125rem}.pill{font-size:.8125rem;border-radius:8px;padding:7px 16px}.pill.selected{background:#ffe6f1;color:#b44779;border:1px solid #edc4d9}.search{display:flex;position:relative;max-width:300px;width:100%;margin-left:auto}.search input{font-size:.8125rem;padding-right:43px;background:#ffffffaa}.search button{position:absolute;right:0;height:100%;width:40px;border:0;background:transparent;color:var(--muted);font-size:1.5rem}.character-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.character-card{background:var(--surface);border:1px solid #ffffff;border-radius:16px;overflow:hidden;transition:transform .2s,border .2s}.character-card:hover{transform:translateY(-3px);border-color:#e4a8c8}.portrait{position:relative;height:256px;background-image:url('/tavern-art.png');background-repeat:no-repeat;background-size:310% auto;background-position-y:26%}.portrait-0{background-position-x:0%}.portrait-1{background-position-x:50%}.portrait-2{background-position-x:100%}.portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,#ffffffd9)}.tag{position:absolute;z-index:1;top:15px;left:15px;font-size:.6875rem;letter-spacing:.03em;color:#f5e8f4;background:#211f37bb;border:1px solid #bdb1cb40;backdrop-filter:blur(8px);padding:3px 10px;border-radius:6px}.portrait-name{position:absolute;bottom:12px;left:20px;font-size:1.625rem;letter-spacing:.18em;color:#ffedf8;z-index:1}.character-body{padding:17px 20px 20px}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.card-heading h3{margin:0;font-size:1rem}.badge{font-size:.6875rem;border:1px solid #ecd2e1;color:#987086;padding:2px 7px;border-radius:5px;white-space:nowrap;font-weight:400}.character-body p{font-size:.8125rem;line-height:1.85;color:#896b7f;min-height:48px;margin-bottom:20px;overflow-wrap:anywhere}.card-actions{display:flex;gap:8px}.card-actions form{flex:1}.character-card .primary{background:#ffe8f3;color:#b3487b;border:1px solid #f0c6dc;box-shadow:none}.character-card .primary:hover{background:#fbd2e6}.page-footer{display:flex;justify-content:space-between;gap:16px;margin-top:36px;padding:22px 0 5px;border-top:1px solid #ead4e1;color:#9a7b8f;font-size:.75rem}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px;margin-bottom:24px}.panel>p{font-size:.875rem}.notice{background:#fff4f9;border:1px solid #ead0df;padding:14px 18px;border-radius:10px;margin-bottom:20px;font-size:.875rem;overflow-wrap:anywhere}.notice a{text-decoration:underline;color:var(--pink)}.notice.success{background:#f0fbf6;border-color:#cce8d9;color:#39785c}.notice.error{background:#fff0f4;border-color:#f0bfd2;color:#ae4267}.notice ul{margin:8px 0 0;padding-left:20px}.form-stack{display:grid;gap:18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.checkbox{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.checkbox input{width:17px;height:17px;accent-color:var(--pink)}.compact-form{max-width:540px;margin-top:20px}.inline-form{display:flex;align-items:center;gap:10px}.inline-form input{min-width:70px}.auth-layout{display:grid;grid-template-columns:1fr 1fr;max-width:1040px;margin:30px auto;gap:35px;align-items:stretch}.auth-art{position:relative;border-radius:20px;overflow:hidden;min-height:600px}.auth-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:26% center}.auth-art:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#101320ed)}.auth-art>div{position:absolute;bottom:38px;left:30px;right:25px;z-index:1}.auth-art p{color:#ffedf6;font-size:.875rem}.auth-form{margin:0;padding:34px}.auth-form>.spark{font-size:2.25rem}.auth-form>.form-stack{margin:28px 0}.auth-form>p{font-size:.875rem}.studio-layout{display:grid;grid-template-columns:280px 1fr;gap:25px;align-items:start}.portrait-options{display:grid;gap:15px}.portrait-options label{display:grid;grid-template-columns:20px 75px 1fr;align-items:center;font-size:.875rem;cursor:pointer}.portrait-options input{accent-color:var(--pink)}.portrait-options .portrait{height:80px;border-radius:10px;background-size:340% auto}.studio-layout aside .notice{margin:25px 0 0;font-size:.8125rem}.wallet-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:24px}.balance-card{border:1px solid #fffaff;border-radius:18px;background:radial-gradient(ellipse at top right,#f6c7df,transparent),#ffe3f0;padding:28px;margin-bottom:24px}.balance-card>span{font-size:.875rem;color:#9c5e82}.balance-card strong{display:block;font-size:2.5rem;color:#b9447a;font-weight:500;margin:10px 0}.balance-card p{font-size:.8125rem;color:#967187}.table-wrap{overflow-x:auto;max-width:100%}table{border-collapse:collapse;width:100%;font-size:.8125rem;text-align:left}th{color:#91667f;font-weight:500;background:#fff3f9}th,td{padding:14px 16px;border-bottom:1px solid #f0deea;vertical-align:middle}td small{display:block;color:var(--muted)}td input{font-size:.8125rem;padding:6px 9px}td .inline-form{min-width:290px}td .inline-form input:first-of-type{max-width:90px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.stats .panel>span{font-size:.875rem;color:var(--muted)}.stats strong{display:block;font-size:2rem;font-weight:500;color:var(--pink);margin-top:5px}.model-detail{border-top:1px solid var(--line);padding:20px 0 6px;margin-top:14px}.model-detail summary{font-size:.9375rem}.model-detail .badge{margin-left:10px}.model-form{padding:8px 0 15px}.prose{max-width:900px;margin:20px auto}.prose h2{margin-top:30px;font-size:1.2rem}.prose p{color:#816176;line-height:1.9}.pagination{display:flex;justify-content:center;gap:20px;align-items:center;margin:24px 0;font-size:.8125rem}.empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 20px;background:#ffffff99;border:1px dashed #eac6dc;border-radius:18px;gap:10px}.empty>span{font-size:3rem;color:var(--pink)}.empty p{color:var(--muted);font-size:.875rem}.chat-page{height:calc(100dvh - 78px);display:flex;flex-direction:column}.chat-page>.notice{margin:10px 20px}.chat-layout{display:flex;min-height:0;flex:1}.conversation-list{width:246px;flex-shrink:0;background:#fff7fbaa;border-right:1px solid #ead7e4;padding:26px 16px;overflow-y:auto}.conversation-list .section-heading{padding:0 8px}.conversation-list .section-heading h3{font-size:.875rem;margin:0}.conversation-link{display:flex;gap:12px;padding:14px 12px;border-radius:10px;margin-bottom:7px;font-size:.8125rem}.conversation-link.active{background:#ffe2f0;color:#ac3d73}.conversation-link>span{font-size:1.375rem;color:var(--pink)}.conversation-link strong{font-weight:500;display:block;overflow-wrap:anywhere}.conversation-link small{display:block;color:#a08396;margin-top:5px;font-size:.6875rem}.chat-main{display:flex;flex-direction:column;flex:1;min-width:0;background:radial-gradient(ellipse at top,#f4d6e855,transparent 60%),#fff8fc66}.chat-header{min-height:91px;display:flex;align-items:center;gap:14px;padding:15px 28px;border-bottom:1px solid #eedbe7}.chat-header h2{font-size:1.15rem;margin:0}.chat-header .muted{font-size:.75rem}.mini-portrait{width:46px;height:46px;border-radius:50%;background-image:url('/tavern-art.png');background-size:350% auto;background-position-y:25%;border:1px solid #ecc5da}.chat-menu{margin-left:auto;position:relative;font-size:.8125rem}.chat-menu summary{color:var(--muted)}.chat-menu[open]>summary{margin:0}.menu-panel{position:absolute;right:0;top:32px;width:165px;background:#fffaff;border:1px solid #eacbde;border-radius:10px;padding:17px;z-index:5;display:grid;gap:12px}.messages{padding:24px 36px;flex:1;overflow-y:auto;scroll-behavior:smooth}.chat-start{text-align:center;color:#ae88a0;font-size:.6875rem;margin:0 0 32px;letter-spacing:.12em}.message{max-width:88%;margin-bottom:26px;display:flex;flex-direction:column;align-items:flex-start}.message-author{font-size:.75rem;color:#91677f;margin:0 0 8px 2px}.bubble{padding:16px 20px;background:#ffffffba;border:1px solid #ffffff;border-radius:3px 16px 16px 16px;font-size:.9375rem;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.message.user{margin-left:auto;align-items:flex-end}.message.user .bubble{background:#f9dbe9;border-color:#eabed5;border-radius:16px 3px 16px 16px}.composer-area{padding:18px 28px 20px;border-top:1px solid #edd6e4;background:#ffffff99}.composer-settings{display:flex;align-items:center;gap:12px;margin-bottom:12px}.composer-settings label{font-size:.75rem;white-space:nowrap;color:#96738a}.composer-settings select{font-size:.75rem;padding:8px 12px;background:#fff7fbaa;max-width:530px}.composer{display:flex;gap:15px;align-items:flex-end;background:#fff7fbaa;border:1px solid #ecc9dd;border-radius:12px;padding:12px}.composer textarea{border:0;background:transparent;resize:none;padding:3px 6px;min-height:70px;font-size:.9375rem}.composer textarea:focus{outline:0}.composer .button{min-width:75px}.composer-foot{display:flex;justify-content:space-between;gap:15px;color:#9e8094;font-size:.6875rem;margin-top:10px}.chat-empty{border:0;border-radius:0;flex:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;left:240px;top:-80px;z-index:100;background:#c84881;color:#6e3a56;padding:10px}.skip:focus{top:10px}
@media(min-width:1600px){.hero{height:330px}.hero-copy{padding:45px}.portrait{height:320px}}
@media(max-width:1200px){.sidebar{width:205px;padding:25px 14px}.workspace{margin-left:205px}.page{padding:25px}.topbar{padding:0 25px}.character-grid{gap:15px}.portrait{height:215px}.character-body{padding:15px}.card-heading{display:block}.card-heading .badge{display:inline-block;margin-top:5px}.conversation-list{width:205px}.messages{padding:24px}.auth-layout{gap:22px}.auth-form{padding:25px}.hero-copy{max-width:510px}}
@media(max-width:980px){.sidebar{width:82px;padding:24px 12px}.brand{justify-content:center}.brand>span:last-child,.nav-label,.sidebar-bottom{display:none}.sidebar nav{margin-top:30px}.sidebar nav a{font-size:0;justify-content:center;padding:12px;gap:0}.sidebar nav a span{font-size:1.5rem}.workspace{margin-left:82px}.character-grid{gap:16px}.portrait{height:230px;background-size:360% auto}.card-actions{flex-wrap:wrap}.character-body p{min-height:72px}.studio-layout{grid-template-columns:220px 1fr}.wallet-grid{grid-template-columns:1fr}.wallet-grid .panel{margin-top:-4px}.conversation-list{width:180px;padding:22px 10px}.composer-foot>span:last-child{display:none}.auth-layout{grid-template-columns:1fr}.auth-art{min-height:240px}.auth-art>img{object-position:center 35%}.auth-art>div{bottom:20px}.auth-form{max-width:560px;width:100%;margin:auto}.top-actions>span{display:none}}
@media(max-width:700px){.sidebar{position:sticky;top:0;width:100%;height:auto;padding:12px 16px;border-right:0;border-bottom:1px solid #efcfdf;flex-direction:row;align-items:center;justify-content:space-between}.brand-icon{font-size:1.8rem}.brand>span:last-child{display:block;font-size:.875rem}.brand small{font-size:.5rem}.sidebar nav{display:flex;margin:0;gap:2px}.sidebar nav a{padding:6px 10px}.sidebar nav a span{font-size:1.25rem}.workspace{margin:0}.topbar{height:54px;padding:0 18px}.top-actions{gap:0}.balance{padding:4px 10px;font-size:.75rem}.page{padding:20px 16px}.hero{height:285px;margin-bottom:28px}.hero-copy{padding:28px 22px}.hero:after{background:linear-gradient(90deg,#fff1f8f5,#fff1f899 60%,#fff1f840)}.hero h1{font-size:1.5rem}.hero p{max-width:255px}.hero-caption{display:none}.hero-art{object-position:65% center}.section-heading{gap:10px}.section-heading h1{font-size:1.5rem}.section-heading h2{font-size:1.3rem}.section-heading>.button{padding:8px 12px;font-size:.8125rem}.catalog-toolbar{flex-wrap:wrap;gap:10px}.search{max-width:none;flex-basis:100%}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.portrait{height:200px;background-size:390% auto}.portrait-name{font-size:1.25rem;left:14px;letter-spacing:.08em}.tag{top:10px;left:10px;padding:2px 6px;font-size:.625rem}.character-body{padding:12px}.character-body p{font-size:.75rem;min-height:66px;margin-bottom:13px}.card-heading h3{font-size:.9375rem}.card-heading .badge{font-size:.625rem}.card-actions .button{padding:8px 10px;min-height:38px;font-size:.8125rem}.page-footer{flex-direction:column;gap:8px;font-size:.6875rem}.panel{padding:20px}.form-grid{grid-template-columns:1fr}.studio-layout{grid-template-columns:1fr;gap:0}.portrait-options{grid-template-columns:repeat(3,1fr)}.portrait-options label{display:flex;flex-direction:column}.portrait-options .portrait{width:75px}.inline-form{flex-wrap:wrap}.inline-form>.button{flex:1}.stats{gap:10px}.stats .panel{padding:15px}.stats .panel>span{font-size:.75rem}.stats strong{font-size:1.5rem}.chat-page{height:calc(100dvh - 120px)}.conversation-list{width:145px;padding:15px 7px}.conversation-link{padding:10px 6px;gap:5px}.conversation-link>span{display:none}.conversation-link strong{font-size:.75rem}.conversation-list .section-heading{padding:0 4px}.chat-header{padding:12px 15px;min-height:80px;gap:9px}.chat-header h2{font-size:1rem}.chat-header .muted{font-size:.6875rem}.mini-portrait{width:36px;height:36px}.chat-menu{font-size:.6875rem}.messages{padding:20px 14px}.message{max-width:96%}.bubble{padding:12px;font-size:.875rem}.composer-area{padding:12px}.composer-settings{display:block}.composer-settings label{margin-bottom:5px}.composer{gap:5px;padding:8px}.composer .button{min-width:58px;padding:8px}.composer-foot{font-size:.6875rem}.auth-layout{margin:0;gap:20px}.auth-art{min-height:220px}.auth-art h1{font-size:1.625rem}.notice{padding:12px;font-size:.8125rem}.skip{left:10px}}
@media(max-width:470px){.brand{gap:6px}.sidebar{padding:10px}.sidebar nav a{padding:6px 8px}.character-grid{grid-template-columns:1fr}.portrait{height:285px;background-size:310% auto}.character-body p{min-height:0;font-size:.875rem}.card-heading{display:flex}.card-heading .badge{margin:0}.conversation-list{display:none}.chat-main{width:100%}.chat-header .mini-portrait{width:40px;height:40px}.bubble{font-size:.9375rem}.composer-settings select{max-width:100%}.chat-page{height:calc(100dvh - 115px)}.stats{grid-template-columns:1fr}.stats .panel{margin-bottom:0}.stats{margin-bottom:24px}.topbar{font-size:.75rem}.hero h1{font-size:1.4rem}}
@media(prefers-reduced-motion:reduce){html,.messages{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:470px){.conversation-overview .conversation-list{display:block;width:100%}.conversation-overview .conversation-link{padding:16px}.conversation-overview .conversation-link strong{font-size:1rem}.conversation-overview .conversation-link small{font-size:.8125rem}.conversation-overview .chat-empty{display:none}}

/* Pink glass surfaces: shared by the public site and the operator workspace. */
:root { --surface: rgba(255,255,255,.62); --radius: 24px; }
body { background: radial-gradient(ellipse at 8% 8%,#ffd9eb 0,transparent 38%),radial-gradient(ellipse at 85% 35%,#eedff7 0,transparent 38%),radial-gradient(ellipse at 42% 90%,#ffe3ed 0,transparent 46%),#fff4f9; background-attachment:fixed; }
.sidebar { inset:20px auto 20px 20px; width:228px; border:1px solid #ffffffec; border-radius:28px; background:#ffffff70; backdrop-filter:blur(28px) saturate(130%); -webkit-backdrop-filter:blur(28px) saturate(130%); box-shadow:0 12px 48px #a5527910,inset 0 1px 0 #fff; padding:28px 18px; }
.brand { gap:10px; }.brand-icon { width:46px;height:46px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#ffe4f1,#f3b8d4);color:#b5437c;box-shadow:inset 0 1px 0 #fff;font-size:2rem; }
.brand small { font-size:.6rem; }.brand { font-size:1.17rem; }.nav-label { margin-top:36px; }
.sidebar nav a { border:1px solid transparent; }.sidebar nav a.active { background:#ffffffc7;border:1px solid #fff;box-shadow:0 6px 20px #b9689112;color:#b7477f; }.sidebar nav a.active span { color:#d477a5; }
.note-card { background:linear-gradient(135deg,#ffe3f18c,#ffffff80);border-color:#ffffffda;border-radius:20px; }.note-card .spark { color:#c778a4; }
.workspace { margin-left:268px; }.topbar { margin:0 34px;padding:0 4px;height:90px;border-bottom:1px solid #eecddc70; }.page { padding:26px 38px; }
.balance { background:#ffffff90;border-color:#fff;box-shadow:0 4px 16px #b5608110;padding:8px 17px; }
.button { border-radius:13px;background:#ffffffbd;border:1px solid #eed3e1;box-shadow:0 3px 12px #a6618210;min-height:44px;padding:10px 19px; }.button:hover { color:#9c356a; background:#fff7fb; }
.button.primary { background:linear-gradient(115deg,#d86c9f,#c776b0);color:#fff;box-shadow:0 7px 17px #c46e9b30;border:1px solid #d984af; }.button.primary:hover { background:linear-gradient(115deg,#ca578f,#b962a3);color:#fff; }
input,textarea,select { border-color:#edd6e3;border-radius:13px;background:#ffffffa3; } input:focus,textarea:focus,select:focus { outline:3px solid #e7a5c534;border-color:#d992b7; } input[type=checkbox],input[type=radio] { accent-color:#cf6a9d; }
.hero { border-radius:28px;height:280px;border:1px solid #fff;box-shadow:0 16px 40px #ae557a13; }.hero-art { opacity:.95;object-position:center 40%; }.hero:after { background:linear-gradient(90deg,#fff4fb 0%,#fff0f9f5 22%,#ffe8f4c4 43%,#edbfdb20 72%); }.hero-copy { padding:30px 34px; }.hero h1 { font-size:1.9rem;font-weight:650;letter-spacing:.04em; }.hero .eyebrow { background:#ffffff80;border:1px solid #ffffff;padding:5px 12px;border-radius:99px;display:inline-block;letter-spacing:.1em;font-size:.75rem; }.hero-caption { background:#fff4fad6;color:#85516e;backdrop-filter:blur(14px);border:1px solid #ffffff66;border-radius:10px; }
.section-heading .eyebrow { color:#ad7e9c; }.count { background:#ffffffa1;border-color:#fff;color:#ad6890; }.pill.selected { border-color:#f1c7dc;background:#fff7fbbd;box-shadow:0 3px 12px #ac5c8210; }.catalog-toolbar { margin-top:24px; }.search input { background:#ffffff9c; }
.character-card,.panel { background:#ffffff9c;backdrop-filter:blur(22px) saturate(120%);-webkit-backdrop-filter:blur(22px) saturate(120%);border:1px solid #ffffffed;box-shadow:0 10px 32px #a75d7f0d,inset 0 1px 0 #fff; }.character-card { border-radius:24px;padding:8px; }.character-card:hover { box-shadow:0 18px 40px #b362891f;border-color:#fff; }.character-card .portrait { border-radius:18px; }.portrait:after { background:linear-gradient(transparent 55%,#50304dba); }.portrait-name { color:#fff5fc;text-shadow:0 2px 10px #35213866; }.tag { background:#fff3fae0;border-color:#fff;color:#864566;backdrop-filter:blur(16px);border-radius:9px; }
.character-body { padding:18px 14px 14px; }.character-body p { font-size:.875rem; }.character-card .primary { background:linear-gradient(115deg,#fbe0ef,#f6d6ea);color:#a64073;border:1px solid #fff;box-shadow:0 4px 12px #b4618b14; }.character-card .primary:hover { background:#f1c7de; }.badge { background:#fff4f9;color:#9d6485;border-color:#efd4e3;border-radius:7px;font-size:.75rem; }
.panel { border-radius:24px;padding:28px; }.page-footer { border-color:#e9cedd;font-size:.8125rem; }.notice { background:#fff7fbcc;border-color:#ecd0df; }.notice.success { background:#f0fbf6d9;color:#39745a;border-color:#c7e4d5; }.notice.error { background:#fff0f5;color:#ac3f68;border-color:#ebc1d3; }
.auth-form { background:#ffffffb0; }.auth-art { border:6px solid #ffffff9c;border-radius:28px;box-shadow:0 12px 35px #a25b7917; }.auth-art:after { background:linear-gradient(transparent,#61405acc); }.auth-art h1,.auth-art .eyebrow { color:#fff5fa; }.auth-art p { color:#ffe9f4; }
.balance-card { background:linear-gradient(125deg,#fce1efb3,#e8d7f3aa);border-color:#fff;box-shadow:0 12px 32px #b7799914;border-radius:24px; }.balance-card strong { color:#ae477c; }.empty { background:#ffffff70;border-color:#e8cddd; }.table-wrap { border:1px solid #f0dfe9;border-radius:16px; }.table-wrap table th { background:#fff5fa;color:#926580;white-space:nowrap;font-size:.8125rem; }.table-wrap table td { background:#ffffff24;border-color:#f0e0e9; }.table-wrap tr:last-child td { border-bottom:0; }.table-wrap tr:hover td { background:#fff7fa; }table { font-size:.875rem; }
.chat-page { height:calc(100dvh - 90px);padding:20px 32px 24px; }.chat-layout { border:1px solid #fff;border-radius:26px;overflow:hidden;background:#ffffff7d;backdrop-filter:blur(22px);box-shadow:0 12px 36px #a5638110; }.chat-main { background:radial-gradient(ellipse at top,#ffe6f36b,transparent 70%),#ffffff66; }.conversation-list { background:#fff3fa80;border-color:#efdae6; }.conversation-link.active { background:#ffffffc9;box-shadow:0 4px 16px #c48fa61a;color:#a24673; }.chat-header { background:#ffffff6b;border-color:#efdbe7; }.bubble { border:1px solid #fff;background:#ffffffb3;box-shadow:0 5px 17px #a85e800a; }.message.user .bubble { background:linear-gradient(120deg,#f9d9e9,#f1d8ee);border-color:#fff; }.composer-area { background:#ffffff70;border-color:#efdae6; }.composer { background:#fffdfeca;border-color:#e9cadd;box-shadow:0 5px 18px #b17d9610; }.composer-settings select { background:#fff8fca8; }.menu-panel { background:#fff9fdea;border-color:#efd1e1;backdrop-filter:blur(20px);box-shadow:0 12px 32px #a56a8529; }
.admin-heading { display:flex;align-items:center;justify-content:space-between;gap:18px;margin:8px 0 28px; }.admin-heading h1 { font-size:1.9rem;margin-bottom:7px;font-weight:650; }.admin-heading p { color:var(--muted);font-size:.9375rem;margin:0; }.admin-heading .eyebrow { font-size:.6875rem;letter-spacing:.18em; }.heading-flower { display:inline-block;color:#ce85ad;font-weight:400;margin-left:10px; }.admin-stats { grid-template-columns:repeat(4,minmax(0,1fr));gap:18px; }.stats .panel { position:relative;padding:23px 24px;margin-bottom:20px; }.stats strong { color:#8e5077;font-size:2rem;font-weight:600;letter-spacing:-.03em;margin:9px 0 5px; }.stats small { color:#aa8c9f;font-size:.75rem; }.stat-icon { position:absolute;right:18px;top:18px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #fff;border-radius:12px;background:#fae1ef9c;color:#bb71a0!important;font-size:1.2rem!important; }.admin-tabs { display:flex;align-items:center;gap:6px;padding:7px;margin:0 0 25px;width:fit-content;max-width:100%;overflow-x:auto;background:#ffffff73;backdrop-filter:blur(20px);border:1px solid #fff;border-radius:17px; }.admin-tabs a { padding:10px 19px;font-size:.875rem;white-space:nowrap;border-radius:12px;color:#937189; }.admin-tabs a.active { background:linear-gradient(120deg,#e899bb,#ce92bd);box-shadow:0 5px 15px #c781a530;color:white; }.admin-tabs a:hover:not(.active) { background:#fff5fa; }.admin-users .section-heading { margin-bottom:24px; }.admin-users .section-heading p { font-size:.875rem; }.section-symbol { color:#d0a2bd;font-size:2.3rem; }.admin-filter { display:flex;gap:12px;margin-bottom:22px; }.admin-filter>input:not([type=hidden]) { max-width:390px; }.admin-filter select { max-width:210px; }.admin-filter .button { min-width:76px; }.user-cell { display:flex;align-items:center;gap:12px; }.user-cell .avatar-letter { border-radius:13px;width:39px;height:39px;flex-shrink:0;background:linear-gradient(140deg,#f7d1e4,#eddef7);color:#a56890;border:1px solid #fff; }.user-cell strong { font-weight:600; }.user-cell small { font-size:.75rem;color:#a68a9c;margin-top:3px; }.credit-number { color:#aa4d7f;font-size:1.15rem;font-weight:600;font-variant-numeric:tabular-nums; }.status-ok { background:#eef8f3;color:#558970;border-color:#d5e8dc; }.status-paused { background:#fceaf1;color:#b16180; }.admin-tip { display:flex;align-items:center;gap:12px;margin-top:22px;padding:13px 16px;background:#fff3fa85;border:1px solid #fff;border-radius:14px;color:#a28097; }.admin-tip>span { font-size:1.4rem;color:#c780a6; }.admin-tip p { font-size:.8125rem;margin:0; }.table-empty { text-align:center;padding:30px;color:#ab8b9f; }.back-link { display:block;font-size:.875rem;color:#b27497;margin-bottom:14px; }.quota-grid { display:grid;grid-template-columns:1.15fr 1fr;gap:24px;align-items:start; }.quick-amounts { display:flex;gap:9px; }.quick-amounts button { background:#fff5fa;border:1px solid #efd0e1;border-radius:10px;padding:5px 16px;color:#aa628a;font-size:.875rem; }.quick-amounts button:hover { background:#f9e0ef; }.adjustment-preview { padding:13px 16px;border-radius:12px;background:#fff3f9;border:1px dashed #e8bfd7;color:#9a6a87;font-size:.875rem; }.adjustment-preview strong { color:#b14e82;font-size:1.05rem; }.model-detail { border-color:#efd9e6;padding:20px 4px 8px; }.model-detail[open] { padding-bottom:18px; }.model-detail summary { color:#84516f; }.prose p { color:#7d6174; }
@media(min-width:1600px){.hero{height:310px}}
@media(max-width:1200px){.sidebar{width:200px;inset:16px auto 16px 16px;padding:24px 14px}.workspace{margin-left:232px}.brand{font-size:1rem}.brand-icon{width:38px;height:38px}.topbar{margin:0 24px}.page{padding:24px}.admin-stats{gap:12px}.stats .panel{padding:20px}.stat-icon{display:none}.admin-filter>input:not([type=hidden]){max-width:300px}.admin-tabs a{padding:9px 14px}.quota-grid{grid-template-columns:1fr}}
@media(max-width:980px){.sidebar{width:76px;padding:22px 10px}.workspace{margin-left:108px}.brand-icon{width:42px;height:42px}.sidebar nav a{padding:11px}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-tabs{width:100%}.chat-page{padding:16px 24px 22px}.hero h1{font-size:1.7rem}.admin-heading h1{font-size:1.6rem}}
@media(max-width:700px){.sidebar{position:sticky;inset:auto;top:10px;width:calc(100% - 24px);margin:10px 12px 0;height:64px;padding:10px 12px;border-radius:22px;background:#fff9fcd9}.brand{font-size:.875rem}.brand-icon{width:33px;height:33px;font-size:1.5rem;border-radius:11px}.brand>span:last-child{font-size:.8125rem}.brand small{font-size:.5rem}.sidebar nav a{padding:6px 9px;border-radius:10px}.sidebar nav a span{font-size:1.2rem}.workspace{margin:0}.topbar{height:62px;margin:0 19px;padding:0}.page{padding:18px 16px}.hero{height:295px;border-radius:23px}.hero-copy{padding:24px 20px}.hero:after{background:linear-gradient(90deg,#fff4fbf5,#fff0f9cc 55%,#f5d3e559)}.hero h1{font-size:1.45rem}.hero p{max-width:260px}.hero .eyebrow{font-size:.6875rem}.hero-art{object-position:68% center}.character-card{border-radius:22px;padding:7px}.portrait{border-radius:16px}.panel{padding:20px}.admin-heading{margin-top:2px;align-items:flex-start}.admin-heading h1{font-size:1.5rem}.admin-heading p{font-size:.8125rem}.admin-heading>.button{padding:8px 12px;font-size:.75rem}.admin-heading .eyebrow{font-size:.625rem}.admin-stats{gap:12px}.stats .panel{padding:18px;margin-bottom:0}.stats{margin-bottom:22px}.stats small{font-size:.6875rem}.stats strong{font-size:1.8rem}.admin-tabs{padding:5px;gap:3px;border-radius:14px}.admin-tabs a{padding:9px 14px;font-size:.8125rem}.admin-filter{flex-wrap:wrap;gap:10px}.admin-filter>input:not([type=hidden]){max-width:none;flex-basis:100%}.admin-filter select{max-width:none;flex:1;width:150px}.admin-users .section-heading p{font-size:.8125rem}.section-symbol{display:none}.admin-tip{padding:12px}.admin-tip p{font-size:.75rem}.quick-amounts{flex-wrap:wrap}.quota-grid{gap:0}.chat-page{height:calc(100dvh - 136px);padding:8px 12px 12px}.chat-layout{border-radius:21px}.chat-header{padding:12px}.composer-area{padding:10px}.composer-foot{font-size:.625rem}.balance{font-size:.75rem;padding:5px 11px}.auth-layout{margin-top:0}.studio-layout .panel{margin-bottom:20px}}
@media(max-width:470px){.sidebar nav a{padding:6px 7px}.brand{gap:6px}.sidebar{padding:10px}.character-grid{gap:18px}.portrait{height:275px}.card-heading h3{font-size:1rem}.character-body p{font-size:.875rem}.card-actions .button{font-size:.875rem;padding:9px}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-stats .panel>span{font-size:.75rem}.stats:not(.admin-stats){grid-template-columns:1fr}.chat-page{height:calc(100dvh - 136px)}.hero h1{font-size:1.4rem}}
@supports not (backdrop-filter:blur(1px)){.sidebar,.panel,.character-card,.admin-tabs,.chat-layout{background:#fff7fc}}

/* Dedicated management workspace. */
.studio-preview{padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid #ead7e3;overflow-wrap:anywhere}.studio-preview h2{margin:12px 0}.studio-preview p{color:#94778a}.studio-preview .bubble{white-space:pre-wrap;font-size:.85rem}.studio-quick{padding:20px;border-radius:18px;background:#fff1f8;border:1px solid #f1dbe8}.studio-quick h2{font-size:1.1rem;margin:0 0 8px}.studio-quick p{font-size:.8rem}.studio-extra summary{cursor:pointer;color:#a05786;padding:12px 0}.studio-extra label{margin-top:12px}.studio-save{display:flex;gap:12px;flex-wrap:wrap}.chat-back{font-size:2rem;color:#ae6b95;padding:0 8px}.chat-tools{display:flex;align-items:center;gap:16px;margin-bottom:10px;font-size:.8rem;color:#9b6084}.stream-choice{display:flex;align-items:center;gap:6px;margin-left:auto;white-space:nowrap}.stream-choice input{width:auto}.message-copy{align-self:flex-start;border:0;background:transparent;color:#a18496;font-size:.7rem;padding:4px 0;cursor:pointer}.message.user .message-copy{align-self:flex-end}.reply-pending .bubble{border-style:dashed}.studio-layout>aside{align-self:start}.chat-tools [hidden]{display:none}@media(max-width:700px){.studio-layout{display:flex;flex-direction:column}.studio-layout>aside{width:100%}.studio-preview{display:none}.studio-save .button{flex:1;white-space:nowrap}.chat-tools{gap:12px;font-size:.75rem}.composer-foot>span:last-child{display:none}.chat-header{gap:8px}.chat-header h2{font-size:1rem}.chat-back{padding:0 4px}}
.conversation-memory{flex-shrink:0;padding:10px 20px;background:#fff7fbc9;border-bottom:1px solid #efdbe7;font-size:.82rem}.conversation-memory summary{cursor:pointer;color:#9d527f}.conversation-memory summary span{color:#a28598;margin-left:8px;font-size:.75rem}.conversation-memory form{display:grid;gap:8px;padding-top:12px;max-height:35dvh;overflow:auto}.conversation-memory textarea{min-height:90px;resize:vertical}.conversation-memory form>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.conversation-memory small{color:#94778a;max-width:75%;font-size:.7rem}.context-note{flex-shrink:0;padding:7px 20px;font-size:.7rem;color:#94778a;background:#fff9fc90}.chat-main>.messages{min-height:80px}.chat-main{min-height:0}
.console-sidebar{position:fixed;inset:20px auto 20px 20px;width:238px;padding:30px 22px;display:flex;flex-direction:column;border:1px solid #fff;border-radius:26px;background:#fff8fbbb;backdrop-filter:blur(24px);box-shadow:0 12px 40px #ad789514;z-index:20}.console-sidebar .brand{font-size:1.05rem}.console-sidebar .brand small{display:block;font-size:.58rem;letter-spacing:.15em;margin-top:5px;color:#ab849d}.console-label{font-size:.72rem;color:#ac8c9f;margin:38px 14px 14px;letter-spacing:.12em}.console-nav{display:grid;gap:8px}.console-nav a{display:flex;align-items:center;gap:14px;padding:13px 15px;border-radius:14px;color:#87657c;font-size:.9rem;white-space:nowrap}.console-nav a>span{font-size:1.25rem;width:22px;text-align:center}.console-nav a.active{color:#fff;background:linear-gradient(115deg,#de8db4,#c18fbc);box-shadow:0 6px 18px #bd76a22b}.console-nav a:hover:not(.active){background:#fff;color:#9c4f7f}.console-foot{margin-top:auto;padding:25px 12px 0;font-size:.8rem;color:#9b788f}.console-foot p{line-height:1.8;margin:13px 0 22px}.console-foot a{color:#9f5c85}.console-workspace{margin-left:278px;min-width:0}.console-topbar{min-height:88px;margin:0 34px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #e9d4e2;color:#99798e;font-size:.82rem}.console-topbar>div{display:flex;align-items:center;gap:16px}.console-topbar form{margin:0}.console-identity{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-shell .page{max-width:1600px;margin:auto}.admin-shell .table-wrap{max-width:100%;overflow:auto}.admin-shell .admin-heading h1{overflow-wrap:anywhere}.console-login{min-height:100dvh;display:grid;place-items:center;padding:28px 18px}.console-login-card{width:min(460px,100%);padding:40px!important;margin:0!important;box-shadow:0 22px 80px #aa678b20}.console-seal{display:grid;place-items:center;width:66px;height:66px;font-size:2.3rem;color:#bc79a2;border-radius:22px;background:linear-gradient(135deg,#f9d7e8,#eaddf5);border:1px solid #fff;margin-bottom:25px}.console-login-card .eyebrow{font-size:.65rem;letter-spacing:.15em}.console-login-card h1{font-size:1.75rem;margin:12px 0}.console-login-card>.muted{line-height:1.8;font-size:.875rem;margin-bottom:28px}.console-login-note{text-align:center;color:#a58b9c;font-size:.75rem;margin:22px 0}.console-login-card .back-link{text-align:center;margin:0}.console-login-card .form-stack{gap:20px}
@media(max-width:1100px){.console-sidebar{width:210px;padding:24px 15px}.console-workspace{margin-left:246px}.console-topbar{margin:0 24px}.console-sidebar .brand{gap:8px;font-size:.95rem}}
@media(max-width:760px){.console-sidebar{position:relative;inset:auto;width:auto;margin:12px;padding:16px;border-radius:22px}.console-sidebar .brand{margin:0;font-size:1rem}.console-sidebar .brand>span:last-child{display:block}.console-label,.console-foot{display:none}.console-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:16px}.console-nav a{justify-content:center;padding:10px 4px;gap:6px;font-size:.76rem}.console-nav a>span{font-size:1rem;width:auto}.console-workspace{margin:0}.console-topbar{min-height:60px;margin:0 18px;font-size:.73rem;gap:10px}.console-topbar>div{gap:8px;flex-shrink:0}.console-identity{max-width:70px}.console-topbar .button{padding:7px 10px;font-size:.75rem}.admin-shell .page{padding:20px 16px}.admin-shell .admin-heading>.badge{display:none}.console-login-card{padding:28px!important}}
@supports not (backdrop-filter:blur(1px)){.console-sidebar{background:#fff7fc}}

@media(max-width:700px){#character-studio>aside{padding:14px}#character-studio>aside>h3{font-size:.9rem;margin:0 0 8px}#character-studio>aside>p,#character-studio>aside>.notice{display:none}#character-studio .portrait-options{margin:0;gap:8px}#character-studio .portrait-options label{font-size:.7rem;gap:4px}#character-studio .portrait-options .portrait{height:48px;width:56px}#character-studio .studio-quick{padding:14px}#character-studio .studio-quick h2{font-size:1rem}#character-studio .studio-quick .quick-amounts{gap:6px}#character-studio .studio-quick button{font-size:.75rem;padding:6px 10px}}

.upload-preview{width:140px;height:160px;object-fit:cover;border-radius:18px;margin:12px 0}.upload-preview[hidden]{display:none}.identity-form{max-width:720px}.character-upload{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mini-portrait{position:relative;overflow:hidden}.portrait .tag,.portrait-name{z-index:1}.message-avatar{width:32px;height:32px;object-fit:cover;border-radius:50%}.studio-layout input[type=file]{max-width:100%;font-size:.75rem}

.portrait-3{background-image:url(/portraits/3.webp);background-size:cover;background-position:50% 30%}.portrait-4{background-image:url(/portraits/4.webp);background-size:cover;background-position:50% 30%}.portrait-5{background-image:url(/portraits/5.webp);background-size:cover;background-position:50% 30%}.portrait-6{background-image:url(/portraits/6.webp);background-size:cover;background-position:50% 30%}.portrait-7{background-image:url(/portraits/7.webp);background-size:cover;background-position:50% 30%}.portrait-8{background-image:url(/portraits/8.webp);background-size:cover;background-position:50% 30%}.portrait-9{background-image:url(/portraits/9.webp);background-size:cover;background-position:50% 30%}.portrait-10{background-image:url(/portraits/10.webp);background-size:cover;background-position:50% 30%}.portrait-11{background-image:url(/portraits/11.webp);background-size:cover;background-position:50% 30%}.portrait-12{background-image:url(/portraits/12.webp);background-size:cover;background-position:50% 30%}
.portrait-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:580px;overflow:auto;padding:4px}.portrait-library label{display:flex;flex-direction:column;align-items:center;text-align:center;font-size:.7rem;gap:5px;cursor:pointer}.portrait-library .portrait{width:100%;height:100px;border-radius:12px}.portrait-library label:has(input:checked){color:#a63479;font-weight:700}.portrait-library label:has(input:checked) .portrait{outline:3px solid #db87b4;outline-offset:1px}@media(max-width:700px){#character-studio .portrait-library{grid-template-columns:repeat(3,minmax(0,1fr));max-height:280px;margin-top:12px}#character-studio .portrait-library .portrait{width:100%;height:78px}#character-studio .portrait-library label{font-size:.65rem}}

/* Each conversation uses its character portrait as the scene behind readable glass panels. */
.chat-main{position:relative;isolation:isolate;background:#fff4fa}
.chat-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 28%;opacity:.65;z-index:0;pointer-events:none}
.chat-main::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fff7fb72,#fff7fb48 45%,#fff7fb75);z-index:1;pointer-events:none}
.chat-main>:not(.chat-background){position:relative;z-index:2}
.chat-main .chat-header,.chat-main .composer-area{background:#fff8fbd6;backdrop-filter:blur(18px)}
.chat-main .conversation-memory,.chat-main .context-note{background:#fff8fbe6;backdrop-filter:blur(12px)}
.chat-main .bubble{background:#fffaf5ed;box-shadow:0 6px 20px #57334b20}
.chat-main .message.user .bubble{background:#f8dbebf0}
@media(max-width:700px){
  body.chat-open .sidebar,body.chat-open .topbar{display:none}
  body.chat-open .workspace{margin:0}
  body.chat-open .chat-page{height:100vh;height:100dvh;padding:0}
  body.chat-open .chat-layout{border:0;border-radius:0;box-shadow:none;min-height:0}
  body.chat-open .conversation-list{display:none}
  body.chat-open .chat-main{width:100%;min-width:0}
  body.chat-open .chat-header{min-height:64px;padding:8px 12px;gap:10px}
  body.chat-open .chat-header .mini-portrait{width:40px;height:40px;flex-shrink:0}
  body.chat-open .chat-header h2{font-size:1.05rem}
  body.chat-open .conversation-memory{padding:7px 14px}
  body.chat-open .context-note{padding:5px 14px}
  body.chat-open .messages{padding:18px 14px;overscroll-behavior:contain}
  body.chat-open .message{max-width:94%;margin-bottom:18px}
  body.chat-open .bubble{font-size:.9375rem;line-height:1.75}
  body.chat-open .composer-area{padding:9px 12px max(9px,env(safe-area-inset-bottom))}
  body.chat-open .composer-settings{margin-bottom:7px}
  body.chat-open .composer textarea{min-height:48px;max-height:22dvh}
  body.chat-open .composer-foot{margin-top:5px}
}

/* The image picker is also a usable starting point for character creation. */
.character-studio-side{display:flex;flex-direction:column;gap:12px}
.character-studio-side>h2,.character-studio-side>p{margin:0}
.studio-side-title{font-size:1.08rem}
.chosen-character{display:grid;gap:8px;text-align:center;color:#935575;font-size:.8rem}
.chosen-character>.portrait{height:210px;width:100%;border-radius:16px;overflow:hidden;background-size:cover}
.chosen-character>.portrait-0,.chosen-character>.portrait-1,.chosen-character>.portrait-2{background-size:310% auto}
.portrait-library{margin-top:4px}
.portrait-library label{position:relative}
.portrait-library input[type=radio]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.portrait-library label:has(input:focus-visible) .portrait{outline:3px solid #a44b86;outline-offset:2px}
.preset-status{min-height:42px;font-size:.76rem;line-height:1.5}
.avatar-upload{margin-top:10px}
.character-fields .studio-section{display:grid;gap:14px;padding:4px 0 20px;border-bottom:1px solid var(--line)}
.character-fields .studio-section>h2{font-size:1.12rem;margin:2px 0 0}
.character-fields label small{color:var(--muted);font-weight:400}
.character-danger-zone{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:16px}
.character-danger-zone strong{color:#a83c68}
.character-danger-zone p{margin:4px 0 0;color:var(--muted);font-size:.8rem}
.character-card .card-actions{flex-wrap:wrap}
.character-card .card-actions>*{flex:1 1 85px}
@media(max-width:700px){
  .character-studio-side{gap:10px}
  .chosen-character{display:flex;align-items:center;text-align:left;gap:12px}
  .chosen-character>.portrait{width:76px;height:86px;flex-shrink:0}
  .character-danger-zone{align-items:stretch;flex-direction:column}
  .character-danger-zone .button{width:100%}
}

/* Story worlds keep the protagonist's actions separate from the narrator's reply. */
.hero-links{display:flex;gap:10px;flex-wrap:wrap}
.world-intro{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:30px;align-items:center;padding:34px 40px;margin-bottom:34px;border:1px solid #fff;border-radius:26px;background:linear-gradient(115deg,#fff9fdde,#f5d9eeaa);box-shadow:0 12px 38px #b2759b16;overflow:hidden}
.world-intro h1{font-size:2rem;margin:0 0 10px}.world-intro p{color:#826279;max-width:690px;font-size:.9rem;margin:0 0 20px}
.world-persona{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.8rem;color:#906e83}.world-persona strong{color:#9f4578}.world-persona a{color:#b44e83;text-decoration:underline;margin-left:8px}
.world-intro-art{height:180px;border-radius:24px;display:grid;place-content:center;text-align:center;gap:4px;background:radial-gradient(circle at 30% 25%,#fff8fc,#f2bdda 70%,#dbafda);color:#a4497c;font-size:3.4rem;box-shadow:inset 0 0 35px #fff9}.world-intro-art span{font-size:.85rem;letter-spacing:.1em;color:#8f5277}
.world-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.world-card{display:grid;grid-template-columns:minmax(170px,38%) minmax(0,1fr);background:#fffafd;border:1px solid #f1dbe9;border-radius:22px;overflow:hidden;box-shadow:0 12px 30px #9e63820d}
.world-cover{height:100%;min-height:335px;border-radius:0;background-size:cover;background-position:center 30%}.world-cover:after{background:linear-gradient(transparent 50%,#371b31aa)}
.world-cover-icon{position:absolute;z-index:2;top:14px;left:16px;color:#fff;font-size:1.3rem;text-shadow:0 2px 10px #38233f}
.world-cover-name{position:absolute;z-index:2;bottom:20px;left:20px;color:#fff;font-weight:700;font-size:1.25rem;letter-spacing:.06em;text-shadow:0 2px 10px #38233f}
.world-card-body{padding:23px;display:flex;flex-direction:column;align-items:flex-start}.world-card-body .eyebrow{font-size:.6rem}.world-card-body h3{font-size:1.23rem;margin:0 0 10px}.world-card-body>p{color:#8a6e81;font-size:.82rem;line-height:1.7;margin:0 0 14px}
.world-goal{display:grid;gap:4px;background:#fff0f8;border-radius:11px;padding:11px 13px;font-size:.76rem;color:#8d6380;width:100%}.world-goal strong{color:#b24d81}
.world-guide{font-size:.74rem;color:#96788b;margin:12px 0}.world-card-body form{width:100%;margin-top:auto}
.world-recent{margin-top:38px}.world-recent-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.world-recent-list a{display:flex;justify-content:space-between;gap:15px;border:1px solid #efd9e6;border-radius:14px;background:#fff9fc;padding:13px 17px;font-size:.83rem}.world-recent-list span{color:#a08096;white-space:nowrap}
.story-world-info{flex-shrink:0;background:#fff8fbe6;border-bottom:1px solid #efdbe7;padding:8px 20px;font-size:.78rem;color:#895f7c}.story-world-info[open]{padding-bottom:12px}.story-world-info[open] summary{margin-bottom:8px}.story-world-info p{margin:0 0 6px}.story-world-info strong,.story-world-info small{display:block}.story-world-info small{margin-top:5px}.story-world-info a{color:#ad4d81;text-decoration:underline}
.story-actions{flex-shrink:0;padding:10px 18px;background:#fff9fce8;border-top:1px solid #f0dce8;display:grid;gap:6px}.story-actions>span{font-size:.76rem;font-weight:600;color:#99577d}.story-actions small{font-size:.65rem;color:#a18a99}.story-action-buttons{display:flex;gap:7px;overflow-x:auto;scrollbar-width:thin}.story-action-buttons button{flex:0 0 auto;border:1px solid #ebc6dc;border-radius:999px;background:#fff4fa;color:#a84b7d;padding:6px 12px;font-size:.75rem;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-action-buttons button:hover{background:#f6d8e9}
@media(max-width:1100px){.world-grid{grid-template-columns:1fr}}
@media(max-width:700px){.world-intro{grid-template-columns:1fr;padding:24px;margin-bottom:24px}.world-intro h1{font-size:1.55rem}.world-intro-art{display:none}.world-card{grid-template-columns:125px minmax(0,1fr)}.world-cover{min-height:300px}.world-card-body{padding:16px}.world-card-body h3{font-size:1.08rem}.world-card-body>p{font-size:.76rem}.world-goal{font-size:.72rem}.world-recent-list{grid-template-columns:1fr}.story-world-info{padding:7px 14px}.story-actions{padding:8px 12px}.story-actions small{display:none}}
@media(max-width:390px){.world-card{grid-template-columns:100px minmax(0,1fr)}.world-cover-name{font-size:1rem;left:10px}.world-card-body{padding:12px}.sidebar nav a{padding:6px 3px}.sidebar .brand{gap:3px}.sidebar .brand small{display:none}.sidebar .brand-icon{width:29px;height:29px}}