:root{--bg:#0d0b1b;--panel:#17132b;--panel2:#211a3b;--text:#fffdf4;--muted:#aaa5bd;--navy:#17112f;--gold:#ffd91a;--line:#342b55;--user:#30275b;--avai-yellow:#ffd91a;--avai-purple:#211744;--avai-purple-2:#34236c}html[data-theme=light]{--bg:#fffbea;--panel:#ffffff;--panel2:#f7f2ff;--text:#211744;--muted:#6f6880;--line:#ded5ef;--user:#eee7ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% 0,#17284b33,transparent 40%),var(--bg);color:var(--text);font-family:system-ui,'Noto Sans Thai',sans-serif}a{color:inherit;text-decoration:none}header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,70px);border-bottom:1px solid var(--line);position:sticky;top:0;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(15px);z-index:5}.brand{font-weight:800;letter-spacing:2px}.brand b,.eyebrow{color:var(--gold)}nav{display:flex;gap:22px;align-items:center}nav button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:50%;width:36px;height:36px}main{min-height:calc(100vh - 110px)}footer{text-align:center;color:var(--muted);font-size:11px;padding:18px}.hero{padding:90px clamp(22px,8vw,130px) 65px;max-width:1000px}.hero h1{font-size:clamp(38px,7vw,76px);line-height:1.02;margin:12px 0}.hero p{color:var(--muted);font-size:18px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px}.primary{background:linear-gradient(135deg,#c99c3c,#f1d27a);color:#111827;border:0;border-radius:12px;font-weight:800;padding:13px 20px;cursor:pointer}.btn{display:inline-block;margin-top:15px}.section{padding:10px clamp(22px,8vw,130px) 80px}.sectionhead{display:flex;justify-content:space-between;align-items:center}.sectionhead span{font-size:10px;color:var(--gold)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:22px;background:linear-gradient(145deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:20px;display:flex;gap:18px;transition:.2s}.card:hover{transform:translateY(-3px);border-color:var(--gold)}.avatar,.bigavatar{display:grid;place-items:center;background:linear-gradient(145deg,#14254a,#927128);color:#f7d979;border:1px solid #b8913f;border-radius:16px;font-size:34px;min-width:76px;height:90px}.card h3{margin:5px 0}.card p{color:var(--muted);font-size:13px}.pill{font-size:9px;padding:4px 8px;border:1px solid #7e6837;color:var(--gold);border-radius:99px}.profile{max-width:900px;margin:90px auto;display:grid;grid-template-columns:220px 1fr;gap:45px;padding:30px}.bigavatar{width:220px;height:280px;font-size:80px}.profile p{color:var(--muted);line-height:1.7}.auth{min-height:75vh;display:grid;place-items:center}.panel{width:min(420px,90vw);background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:35px;text-align:center}.sigil{margin:auto;width:62px;height:62px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:18px;color:var(--gold);font:800 32px serif}.panel input{width:100%;padding:14px;margin:15px 0 10px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--text)}.panel button{width:100%}.panel small{display:block;margin-top:18px;color:var(--muted)}.chatwrap{height:calc(100vh - 107px);display:grid;grid-template-columns:260px 1fr;max-width:1250px;margin:auto;border-left:1px solid var(--line);border-right:1px solid var(--line)}aside{padding:30px 22px;border-right:1px solid var(--line);background:var(--panel)}aside p{color:var(--muted);font-size:13px}aside>a{display:block;margin-top:30px;color:var(--gold)}.bigavatar.small{width:100%;height:150px}.chat{display:grid;grid-template-rows:65px 1fr auto;min-width:0}.chathead{padding:12px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.chathead small{display:block;color:var(--muted)}.chathead>span{font-size:11px;color:var(--muted)}.messages{overflow:auto;padding:25px;display:flex;flex-direction:column;gap:12px}.bubble{max-width:75%;padding:12px 15px;border-radius:16px;line-height:1.55;white-space:pre-wrap}.bubble.ai{background:var(--panel2);border:1px solid var(--line);align-self:flex-start}.bubble.me{background:var(--user);align-self:flex-end}.composer{display:flex;gap:10px;padding:15px;border-top:1px solid var(--line);background:var(--panel)}textarea{resize:none;flex:1;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--text);font:inherit}.widget{max-width:75%;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px;margin:8px 0}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:15px}.bar{height:9px;background:var(--line);border-radius:99px;overflow:hidden;margin:9px 0}.bar i{display:block;height:100%;background:linear-gradient(90deg,#b58b31,#f0d174)}.choices{display:grid;gap:7px;margin-top:10px}.choices button{padding:10px;text-align:left;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--text);cursor:pointer}.choices button:hover{border-color:var(--gold)}summary{cursor:pointer;color:var(--gold)}.fold p{color:var(--muted)}
@media(max-width:750px){.cards{grid-template-columns:1fr}.profile{grid-template-columns:1fr;margin:20px auto}.bigavatar{width:100%;height:200px}.chatwrap{grid-template-columns:1fr;height:calc(100vh - 107px)}aside{display:none}.bubble,.widget{max-width:88%}.hero{padding-top:55px}.sectionhead span{display:none}}

.creator{max-width:1100px;margin:auto}.panel{background:var(--panel,#171923);border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:22px;margin:18px 0}.panel label{display:flex;justify-content:space-between;font-weight:700;margin:14px 0 7px}.panel input,.panel textarea,.panel select{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px;background:rgba(255,255,255,.04);color:inherit}.panel textarea{min-height:180px;resize:vertical}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.counter{margin-top:8px;text-align:right;opacity:.75}.danger{color:#ff7070!important;opacity:1}.module-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.module{padding:18px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:inherit;text-align:left;cursor:pointer}.module b,.module span{display:block}.module span{opacity:.65;margin-top:5px}.entry-list{padding:10px 0}.entry{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06)}.modal{position:fixed;inset:0;background:rgba(0,0,0,.68);display:grid;place-items:center;padding:20px;z-index:99}.modal.hidden,.hidden{display:none!important}.modal-card{width:min(720px,95vw);max-height:90vh;overflow:auto;background:var(--panel,#171923);border-radius:22px;padding:24px;position:relative}.close{position:absolute;right:16px;top:12px;font-size:28px;background:none;border:0;color:inherit;cursor:pointer}.muted{opacity:.65}@media(max-width:720px){.grid2,.module-grid{grid-template-columns:1fr}.panel{padding:16px}.creator{padding:0 4px}}
/* v0.2.3 Character Creator workspace */
.creator-shell{max-width:1500px;margin:auto;display:grid;grid-template-columns:285px minmax(0,1fr);min-height:calc(100vh - 106px)}
.creator-nav{display:block!important;position:sticky;top:68px;height:calc(100vh - 68px);padding:28px 20px;border-right:1px solid var(--line);background:color-mix(in srgb,var(--panel) 94%,transparent);overflow:auto}
.creator-nav-head h2{margin:8px 0 10px;font-size:20px}.creator-menu{display:grid;gap:5px;margin-top:24px}.creator-menu a{display:grid;grid-template-columns:34px 1fr;gap:8px;align-items:center;padding:11px 10px;border-radius:11px;color:var(--muted);font-size:13px}.creator-menu a:hover{background:var(--panel2);color:var(--text)}.creator-menu b{color:var(--gold);font-size:11px}.creator-menu span{display:flex;justify-content:space-between;gap:8px}.creator-menu em{font-style:normal;font-size:10px;color:var(--gold)}.creator-back{display:block;margin:28px 10px;color:var(--gold);font-size:13px}
.creator-workspace{padding:42px clamp(24px,4vw,62px) 100px;min-width:0}.creator-top{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:28px}.creator-top h1{font-size:clamp(30px,4vw,48px);margin:7px 0}.creator-top p,.creator-section-title p{margin:4px 0;color:var(--muted)}
.creator-section{scroll-margin-top:88px;background:linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--panel2) 78%,var(--panel)));border:1px solid var(--line);border-radius:22px;padding:28px;margin:0 0 22px}.creator-section-title{display:grid;grid-template-columns:42px 1fr auto;gap:14px;align-items:center;margin-bottom:22px}.creator-section-title>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid #725f34;border-radius:12px;color:var(--gold);font-weight:900}.creator-section-title h2{margin:0;font-size:21px}
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field-grid.three{grid-template-columns:repeat(3,1fr)}.creator-section label,.entry-editor label{display:flex;justify-content:space-between;gap:10px;font-weight:750;margin:10px 0 7px}.creator-section label span,.creator-section label small{color:var(--muted);font-weight:500}.creator-section input,.creator-section textarea,.creator-section select,.entry-editor input,.entry-editor textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:13px;background:var(--bg);color:var(--text);font:inherit}.creator-section textarea{min-height:300px}.core-editors{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:10px}.budget,.savebar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:16px;padding:15px 17px;border-radius:14px;background:var(--bg);border:1px solid var(--line)}.budget small,.savebar small{display:block;color:var(--muted);margin-top:3px}.budget strong{color:var(--gold)}
.media-placeholder{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.media-placeholder>div{min-height:118px;border:1px dashed #59627a;border-radius:15px;padding:17px;display:flex;flex-direction:column;gap:7px;justify-content:center}.media-placeholder small{color:var(--muted)}.media-placeholder input{margin-top:4px}.ghost-btn,.add-btn{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:11px;padding:10px 14px;cursor:pointer}.add-btn{color:var(--gold);font-weight:800}.module-meta{display:flex;gap:12px;margin:-8px 0 14px;color:var(--muted);font-size:12px}.module-meta b{color:var(--gold)}.entry-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.entry-cards article{display:flex;justify-content:space-between;align-items:center;padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--bg)}.entry-cards article small{display:block;color:var(--muted);margin-top:4px}.entry-cards article>span{font-size:10px;color:var(--gold)}.empty-state{grid-column:1/-1;border:1px dashed var(--line);border-radius:13px;padding:22px;text-align:center;color:var(--muted)}.creator-lock{padding:30px;border:1px dashed var(--line);border-radius:18px;text-align:center;color:var(--muted)}.creator-lock b{color:var(--text)}
.feature-chips{display:flex;gap:9px;flex-wrap:wrap}.feature-chips span{padding:9px 12px;border:1px solid #62542e;border-radius:99px;color:var(--gold);background:var(--bg)}.feature-chips .soon{border-color:var(--line);color:var(--muted)}.info-split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.info-split>div{padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}.info-split p{color:var(--muted);margin-bottom:0}.entry-editor textarea{min-height:210px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.modal-actions .primary{width:auto}
@media(max-width:1000px){.creator-shell{grid-template-columns:1fr}.creator-nav{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:15px 20px}.creator-nav-head{display:flex;align-items:center;gap:10px}.creator-nav-head h2{margin:0}.creator-menu{display:flex;overflow:auto;margin-top:12px;padding-bottom:4px}.creator-menu a{min-width:max-content;grid-template-columns:25px 1fr}.creator-back{display:none}.creator-workspace{padding-top:28px}.field-grid.three,.media-placeholder{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.creator-workspace{padding:20px 12px 70px}.creator-top{align-items:flex-start}.creator-top .ghost-btn{display:none}.creator-section{padding:18px 14px;border-radius:16px}.field-grid,.field-grid.three,.core-editors,.media-placeholder,.entry-cards,.info-split{grid-template-columns:1fr}.creator-section textarea{min-height:230px}.creator-section-title{grid-template-columns:38px 1fr}.creator-section-title .add-btn{grid-column:1/-1;width:100%}.savebar{align-items:stretch;flex-direction:column}.savebar .primary{width:100%}}
/* v0.2.4 shared Scenario + First Message budget */
.scenario-budget{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:8px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:rgba(0,0,0,.12)}
.scenario-budget .counter{margin:0;white-space:nowrap}


/* v0.3.2 AVai Chat brand + production auth UI */
.avai-brand{display:flex;align-items:baseline;gap:0;letter-spacing:-.8px;font-size:20px}.brand-av{font-weight:950;color:var(--text)}.brand-ai{font-weight:950;color:var(--avai-yellow)}.brand-chat{font-weight:750;color:var(--text);margin-left:5px;font-size:15px;letter-spacing:0}
.auth-v2{position:relative;overflow:hidden;min-height:calc(100vh - 107px);padding:48px 24px}.auth-glow{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.auth-glow-a{width:430px;height:430px;left:-180px;top:-170px;background:radial-gradient(circle,rgba(255,217,26,.16),transparent 68%)}.auth-glow-b{width:560px;height:560px;right:-220px;bottom:-250px;background:radial-gradient(circle,rgba(94,66,183,.24),transparent 68%)}
.auth-shell{position:relative;z-index:1;width:min(1040px,100%);display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,440px);gap:72px;align-items:center}.auth-intro{padding:20px 0}.avai-mark{width:82px;height:82px;border-radius:24px;display:grid;place-items:center;position:relative;background:var(--avai-yellow);color:var(--avai-purple);font-weight:950;font-size:26px;letter-spacing:-2px;box-shadow:0 18px 50px rgba(255,217,26,.16);margin-bottom:26px}.avai-mark b{position:absolute;right:12px;bottom:9px;font-size:14px;letter-spacing:-1px}.auth-kicker{font-size:11px;font-weight:900;letter-spacing:2.5px;color:var(--avai-yellow)}.auth-intro h1{font-size:clamp(38px,5.5vw,68px);line-height:1.02;letter-spacing:-2.5px;margin:12px 0 20px}.auth-intro h1 em{font-style:normal;color:var(--avai-yellow)}.auth-intro>p{max-width:570px;color:var(--muted);font-size:16px;line-height:1.8}.auth-points{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.auth-points span{border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 76%,transparent);border-radius:99px;padding:8px 11px;color:var(--muted);font-size:12px}
.auth-card{width:100%;padding:32px;background:color-mix(in srgb,var(--panel) 94%,transparent);border:1px solid color-mix(in srgb,var(--line) 80%,var(--avai-yellow));border-radius:28px;box-shadow:0 28px 80px rgba(0,0,0,.28);backdrop-filter:blur(18px)}.auth-card-head{text-align:left}.mini-brand{color:var(--avai-yellow);font-size:12px;font-weight:900;letter-spacing:1px}.auth-card h2{font-size:28px;margin:8px 0 5px}.auth-card-head p{color:var(--muted);font-size:13px;margin:0 0 22px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:12px;background:var(--bg);border:1px solid var(--line);margin-bottom:20px}.auth-tab{border:0!important;border-radius:9px!important;background:transparent!important;color:var(--muted)!important;padding:10px!important;font-weight:800;cursor:pointer}.auth-tab.active{background:var(--panel2)!important;color:var(--text)!important;box-shadow:inset 0 0 0 1px var(--line)}.auth-form{text-align:left}.auth-form label{display:block;font-size:12px;font-weight:800;margin:13px 0 7px}.auth-form label small{display:inline;color:var(--muted);font-weight:500;margin:0}.auth-card .auth-form input{margin:0 0 3px;padding:13px 14px;background:var(--bg);outline:none;transition:.18s}.auth-card .auth-form input:focus{border-color:var(--avai-yellow);box-shadow:0 0 0 3px rgba(255,217,26,.09)}.auth-submit{margin-top:17px;background:var(--avai-yellow);color:var(--avai-purple);box-shadow:0 10px 30px rgba(255,217,26,.12)}.auth-submit:hover{filter:brightness(1.04)}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px;margin:22px 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line);flex:1}.google-btn{display:flex!important;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px 15px!important;border:1px solid #dadce0!important;border-radius:12px!important;background:#fff!important;color:#202124!important;font-weight:750;cursor:pointer;transition:.18s}.google-btn:hover{background:#f8f9fa!important;box-shadow:0 2px 8px rgba(0,0,0,.12)}.google-g{width:22px;height:22px;display:grid;place-items:center}.auth-status{min-height:20px;margin:14px 0 0;color:#ffcf4a;font-size:12px}.auth-note{margin:5px 0 0!important;color:var(--muted);font-size:10px!important;line-height:1.5}.auth-note b{color:var(--text)}
html[data-theme=light] .auth-card{box-shadow:0 28px 80px rgba(43,29,87,.12)}html[data-theme=light] .auth-glow-a{background:radial-gradient(circle,rgba(255,217,26,.3),transparent 68%)}html[data-theme=light] .auth-glow-b{background:radial-gradient(circle,rgba(92,62,179,.13),transparent 68%)}
@media(max-width:860px){.auth-v2{padding:34px 18px}.auth-shell{grid-template-columns:1fr;gap:28px;max-width:520px}.auth-intro{text-align:center;padding:0}.avai-mark{margin:0 auto 18px}.auth-intro h1{font-size:40px}.auth-intro>p{margin-left:auto;margin-right:auto}.auth-points{justify-content:center}.auth-card{padding:25px}.auth-kicker{font-size:10px}}
@media(max-width:520px){header{padding:0 16px}nav{gap:12px}nav>a:first-child{display:none}.auth-v2{padding:25px 12px}.auth-intro h1{font-size:34px;letter-spacing:-1.5px}.auth-intro>p{font-size:14px}.auth-points{display:none}.auth-card{padding:21px 17px;border-radius:21px}.auth-card h2{font-size:24px}}

/* v0.3.3 AV Creator Assist + Story Events */
.assist-strip{margin:14px 0 8px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--avai-yellow) 45%,var(--line));border-radius:14px;background:linear-gradient(100deg,rgba(255,217,26,.08),rgba(80,49,150,.08));display:flex;align-items:center;justify-content:space-between;gap:15px}.assist-strip b{color:var(--avai-yellow);display:block}.assist-strip span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.assist-btn{border:1px solid var(--avai-yellow);background:var(--avai-yellow);color:var(--avai-purple);font-weight:900;border-radius:11px;padding:10px 14px;cursor:pointer;white-space:nowrap}.assist-panel{margin:0 0 18px;padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--bg)}.assist-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 14px}.assist-panel label{display:block;font-size:12px}.assist-panel input{margin-top:6px}.assist-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:13px}.assist-panel>small{display:block;color:var(--muted);margin-top:10px}.story-mode-save{margin-top:18px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}.story-mode-save label{margin-top:0}.story-event-guide{display:grid;grid-template-columns:auto 1fr;gap:7px 16px;padding:14px 16px;margin-bottom:14px;border-radius:14px;background:linear-gradient(110deg,rgba(255,217,26,.08),rgba(80,49,150,.10));border:1px solid color-mix(in srgb,var(--avai-yellow) 35%,var(--line));font-size:12px;color:var(--muted)}.story-event-guide>b{grid-row:1/4;color:var(--avai-yellow);font-size:13px;padding-right:5px}.story-event-guide strong{color:var(--text)}.event-list{display:flex;flex-direction:column}.event-card{display:grid!important;grid-template-columns:28px 1fr auto;gap:10px;cursor:grab}.event-card.dragging{opacity:.45;border-color:var(--avai-yellow)}.drag-handle{font-size:19px!important;color:var(--muted)!important;letter-spacing:-4px}.event-status{padding:5px 8px;border-radius:99px;border:1px solid var(--line)}.event-status.pending{color:#ffd91a!important}.event-status.occurred{color:#8ee6b0!important}.event-footnote{color:var(--muted);font-size:11px;margin:10px 0 0}.event-help{margin-top:9px;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:rgba(255,217,26,.04)}.event-help b,.event-help span{display:block}.event-help b{color:var(--avai-yellow);font-size:12px}.event-help span{color:var(--muted);font-size:11px;margin-top:3px}
.auth-logo{width:150px;max-height:150px;object-fit:contain;display:block;margin:0 0 24px}.header-logo{width:38px;height:38px;object-fit:contain;vertical-align:middle;margin-right:8px}
@media(max-width:720px){.assist-strip{align-items:stretch;flex-direction:column}.assist-grid{grid-template-columns:1fr}.assist-actions{flex-direction:column}.story-event-guide{grid-template-columns:1fr}.story-event-guide>b{grid-row:auto}.event-card{grid-template-columns:24px 1fr}.event-status{grid-column:2;justify-self:start}.auth-logo{margin-left:auto;margin-right:auto}}
/* v0.3.4 multilingual foundation + invite-only alpha */
.lang-select{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:9px;padding:7px 8px;font-weight:800}.access-shell{grid-template-columns:minmax(0,1fr) minmax(340px,430px)}.context-legend{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 14px}.context-legend span{font-size:10px;color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:6px 9px;background:var(--bg)}.context-legend b{color:var(--avai-yellow);margin-right:3px}

/* v0.3.5 QA fixes */
.auth-card input,.entry-editor input,.creator-section input{color:var(--text)!important;caret-color:var(--avai-yellow)}.auth-card input::placeholder,.entry-editor input::placeholder,.creator-section input::placeholder{color:var(--muted)!important;opacity:.78}.entry-actions{display:flex;align-items:center;gap:8px}.mini-edit{border:1px solid var(--line);background:var(--panel2);color:var(--avai-yellow);border-radius:9px;padding:6px 9px;cursor:pointer}.danger-btn{border:1px solid #ff6b7a;background:transparent;color:#ff8c98;border-radius:10px;padding:10px 14px;cursor:pointer}.editable-card{cursor:default}.creator-menu a:focus{outline:2px solid var(--avai-yellow);outline-offset:2px}html{scroll-behavior:smooth}.creator-section{scroll-margin-top:86px}
/* v0.3.7 profile + creator draft/commit */
.variable-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0;padding:9px 11px;border:1px solid var(--line);border-radius:11px;background:var(--bg)}.variable-toolbar b{font-size:11px;color:var(--muted)}.variable-toolbar button{border:1px solid color-mix(in srgb,var(--avai-yellow) 55%,var(--line));background:var(--panel2);color:var(--avai-yellow);border-radius:8px;padding:6px 9px;font-weight:800;cursor:pointer}.variable-toolbar span{font-size:10px;color:var(--muted)}.variable-toolbar.compact{padding:6px 0;border:0;background:transparent}.final-commit{max-width:980px;margin:22px auto;padding:20px;border:1px solid var(--avai-yellow);border-radius:18px;background:linear-gradient(120deg,rgba(255,217,26,.08),var(--panel));display:flex;align-items:center;justify-content:space-between;gap:20px}.final-commit h2{margin:5px 0}.final-commit p{margin:0;color:var(--muted);font-size:12px}.final-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.profile-hub{width:min(1050px,92vw);margin:45px auto}.profile-hero{display:flex;align-items:center;gap:20px;margin-bottom:24px}.profile-avatar{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:var(--avai-yellow);color:var(--avai-purple);font-weight:950;font-size:28px}.profile-hero h1{margin:5px 0;font-size:34px}.muted{color:var(--muted)}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.profile-hub .creator-section{margin:0 0 18px}.profile-hub label{display:block;margin:12px 0 6px;font-size:12px;font-weight:800}.profile-hub input,.profile-hub textarea{width:100%;background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:12px;margin-bottom:8px}.account-actions{display:flex;justify-content:space-between;gap:12px;margin:24px 0}.ghost-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;padding:10px 14px;cursor:pointer}@media(max-width:760px){.profile-grid{grid-template-columns:1fr}.final-commit{align-items:stretch;flex-direction:column}.final-actions{justify-content:stretch}.final-actions>*{flex:1}.account-actions{flex-direction:column}}

/* v0.3.9 contextual help */
.section-help{margin:14px 0;border:1px solid rgba(255,217,26,.22);border-radius:12px;background:rgba(255,217,26,.035);overflow:hidden}.section-help summary{cursor:pointer;padding:11px 14px;font-weight:800;color:var(--gold,#ffd91a);list-style:none}.section-help summary::-webkit-details-marker{display:none}.section-help summary:after{content:"＋";float:right;opacity:.7}.section-help[open] summary:after{content:"−"}.help-body{padding:0 14px 14px;color:var(--muted,#aaa);line-height:1.6}.help-body p{margin:0 0 9px}.help-example{display:flex;gap:8px;align-items:flex-start;padding:9px 11px;border-radius:9px;background:rgba(255,255,255,.035)}.help-example b{color:var(--text,#fff);white-space:nowrap}.module-help{margin:10px 0 12px}

/* v0.3.9 Home refresh */
.home-hero{max-width:1180px;margin:0 auto;padding:70px 34px 54px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:42px;align-items:center;min-height:520px}.home-copy h1{font-size:clamp(44px,6vw,78px);line-height:1.02;margin:16px 0 18px;max-width:780px}.home-copy>p{font-size:18px;max-width:650px}.home-logo-wrap{display:flex;align-items:center;justify-content:center;position:relative}.home-logo-wrap:before{content:'';position:absolute;width:82%;aspect-ratio:1;border-radius:50%;background:rgba(255,217,26,.10);filter:blur(36px)}.home-logo{width:min(100%,460px);position:relative;filter:drop-shadow(0 20px 45px rgba(75,28,150,.35))}.hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.hero-tags span{border:1px solid rgba(255,217,26,.28);padding:7px 11px;border-radius:999px;font-size:12px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.discover-panel{max-width:1180px;margin:0 auto 80px;padding:0 34px}@media(max-width:800px){.home-hero{grid-template-columns:1fr;padding-top:42px}.home-logo-wrap{order:-1}.home-logo{max-width:270px}.home-copy h1{font-size:44px}}
/* AVai v0.4.0 Home / Discover */
.topbar{height:72px;position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:22px;padding:0 26px;background:rgba(11,8,30,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,217,26,.12)}.brand-logo{display:flex;align-items:center;gap:10px;min-width:180px;font-size:20px;font-weight:900;color:#fff}.brand-logo img{width:38px;height:38px;object-fit:contain;border-radius:10px}.top-search{flex:1;max-width:620px;display:flex;align-items:center;gap:9px;padding:10px 14px;background:#17122f;border:1px solid #302654;border-radius:14px}.top-search input{width:100%;border:0!important;background:transparent!important;padding:0!important}.top-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.top-create{background:#ffd91a;color:#251b00!important;padding:10px 15px;border-radius:12px;font-weight:900}.icon-btn{width:40px;height:40px;border-radius:12px}.account-chip{display:flex;align-items:center;gap:8px;padding:5px 10px 5px 5px;border-radius:14px;background:#17122f;border:1px solid #302654}.mini-avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#ffd91a;color:#2c1b00;font-size:11px;font-weight:900}.site-footer{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;padding:28px;border-top:1px solid #292044;color:#8f89a8}.app-shell{display:grid;grid-template-columns:220px minmax(0,1fr);max-width:1500px;margin:auto}.side-nav{min-height:calc(100vh - 72px);border-right:1px solid #292044;padding:24px 14px;position:sticky;top:72px;height:calc(100vh - 72px)}.side-main,.side-cats{display:grid;gap:6px}.side-main a,.side-cats a{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:12px;color:#aaa3bf}.side-main a:hover,.side-main a.active,.side-cats a:hover{background:#20183d;color:#fff}.side-main a.active{box-shadow:inset 3px 0 #ffd91a}.side-main em{margin-left:auto;background:#ffd91a;color:#251b00;border-radius:20px;padding:1px 7px;font-style:normal;font-size:11px}.side-cats{margin-top:28px;padding-top:20px;border-top:1px solid #292044}.side-cats small{padding:0 13px 7px;color:#6f6985;text-transform:uppercase}.home-content{padding:28px;min-width:0}.discover-hero{min-height:390px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;overflow:hidden;border-radius:28px;border:1px solid rgba(255,217,26,.18);background:radial-gradient(circle at 75% 40%,rgba(115,65,255,.28),transparent 35%),linear-gradient(120deg,#181034,#0b091c);position:relative}.hero-copy{padding:52px;z-index:2}.hero-copy h1{font-size:clamp(40px,5vw,72px);line-height:.98;margin:12px 0 20px;max-width:760px}.hero-copy p{font-size:18px;max-width:650px;color:#b9b2cb}.hero-art{height:100%;display:grid;place-items:center}.hero-art img{width:min(480px,88%);filter:drop-shadow(0 24px 50px rgba(0,0,0,.45))}.discover-sections{padding-top:26px}.discover-row{margin:34px 0}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.sectionhead h2{font-size:25px;margin:0}.character-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.character-card{overflow:hidden;border-radius:18px;background:#15112a;border:1px solid #292044;transition:.2s;color:inherit}.character-card:hover{transform:translateY(-4px);border-color:#6d55aa;box-shadow:0 16px 40px rgba(0,0,0,.24)}.character-cover{aspect-ratio:4/5;position:relative;background:#20183d;overflow:hidden}.character-cover img{width:100%;height:100%;object-fit:cover}.cover-fallback{height:100%;display:grid;place-items:center;font-size:64px;background:radial-gradient(circle,#5d3bc5,#1b1238)}.save-character{position:absolute;right:10px;top:10px;width:36px;height:36px;border-radius:50%;background:rgba(8,6,20,.72);font-size:20px}.character-info{padding:14px}.character-info h3{margin:0 0 5px;font-size:18px}.character-info p{margin:0 0 10px;color:#a9a2bb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.character-info small{color:#716a85}.tagline-tags{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}.tagline-tags span,.tag-cloud span{font-size:11px;padding:5px 8px;border-radius:999px;background:#241a45;color:#d8cdf8}.tag-cloud{padding:25px;border-radius:20px;background:#131027;border:1px solid #292044}.tag-cloud>div{display:flex;gap:9px;flex-wrap:wrap}.tag-cloud span{font-size:13px}.character-profile{max-width:1280px;margin:28px auto;padding:0 22px}.profile-hero{height:min(66vh,660px);min-height:430px;border-radius:28px;overflow:hidden;position:relative;background:#17112d}.profile-hero>img,.profile-hero>video{width:100%;height:100%;object-fit:cover}.profile-fallback{height:100%;display:grid;place-items:center;font-size:120px}.profile-gradient{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(8,6,20,.9) 95%)}.profile-title{position:absolute;left:42px;right:42px;bottom:36px}.profile-title h1{font-size:52px;margin:7px 0}.profile-title p{font-size:19px}.profile-body{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:26px;margin-top:26px}.profile-main,.start-panel{background:#15112a;border:1px solid #292044;border-radius:20px;padding:24px}.long-copy{white-space:pre-wrap;line-height:1.75}.start-panel{height:max-content;position:sticky;top:96px}.start-panel form{display:grid;gap:9px}.start-panel select{margin-bottom:8px}.start-chat{padding:14px;margin-top:8px}.full{display:block;text-align:center;margin-top:10px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.gallery img,.gallery video{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px}.media-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload-box{min-height:110px;border:1px dashed #6e5aa4;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;background:#17122f}.upload-box:hover{border-color:#ffd91a}.media-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.media-item{background:#161129;border:1px solid #302654;border-radius:13px;overflow:hidden}.media-item img,.media-item video{width:100%;aspect-ratio:1;object-fit:cover}.media-item>div{display:flex;gap:5px;align-items:center;padding:6px}.media-item span{font-size:10px;margin-right:auto}.media-item button{font-size:10px;padding:5px}.expand-trigger{margin-top:5px;padding:5px 9px;font-size:11px;border-radius:8px;background:#211940;color:#bfb5dc;border:1px solid #3b3060}.expand-card{width:min(1000px,94vw);height:min(82vh,850px);display:flex;flex-direction:column}.expand-card #expandArea{flex:1;min-height:420px;font-size:16px;line-height:1.7}
@media(max-width:1000px){.top-search{display:none}.app-shell{grid-template-columns:76px minmax(0,1fr)}.side-nav b,.side-cats span,.side-cats small{display:none}.side-main a,.side-cats a{justify-content:center}.side-main em{position:absolute;margin:0 0 25px 25px}.character-grid{grid-template-columns:repeat(2,1fr)}.discover-hero{grid-template-columns:1fr}.hero-art{position:absolute;right:-60px;opacity:.22}.profile-body{grid-template-columns:1fr}.start-panel{position:static}}
@media(max-width:650px){.topbar{padding:0 10px;height:62px}.brand-logo{min-width:0}.brand-logo span{display:none}.top-create{font-size:0;padding:10px}.top-create:after{content:'＋';font-size:18px}.account-chip>span:last-child{display:none}.app-shell{display:block}.side-nav{position:fixed;z-index:45;bottom:0;top:auto;left:0;right:0;width:auto;height:62px;min-height:0;background:#0d0a20;border:0;border-top:1px solid #292044;padding:6px;display:flex}.side-main{display:flex;width:100%;justify-content:space-around}.side-main a{padding:8px}.side-main a:nth-child(n+5){display:none}.side-cats{display:none}.home-content{padding:14px 14px 80px}.discover-hero{min-height:380px}.hero-copy{padding:28px}.hero-copy h1{font-size:42px}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.character-info{padding:10px}.character-info h3{font-size:15px}.profile-hero{min-height:520px}.profile-title{left:22px;right:22px}.profile-title h1{font-size:38px}.media-upload-grid{grid-template-columns:1fr}.media-gallery{grid-template-columns:repeat(2,1fr)}}