:root{--sun:#ffd43b;--sun-2:#ffb703;--ink:#141414;--ink-soft:#2a251a;--cream:#fff8df;--paper:#fffdf3;--line:rgba(20,20,20,0.11);--muted:#73684f;--mint:#63d6ad;--pink:#ff88a6;--blue:#76a9ff;--vip-gold:#ffd84a;--vip-gold-deep:#d89a00;--vip-ink:#11100c;--vip-soft:#fff2a8;--shadow:0 18px 50px rgba(35,25,2,0.14);--content-max:1200px;color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;}*{box-sizing:border-box;}html{scroll-behavior:smooth;}body{margin:0;min-width:320px;color:var(--ink);background:radial-gradient( circle at 12% 4%,rgba(255,212,59,0.48),transparent 24rem ),linear-gradient(180deg,#fff5b9 0%,#fffaf0 34%,#f8f4e8 100%);}a{color:inherit;text-decoration:none;}button,input,textarea,select{font:inherit;}button{border:0;cursor:pointer;}.app-shell{min-height:100vh;}.topbar{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;width:min(var(--content-max),calc(100% - 32px));margin:14px auto 0;padding:10px;border:1px solid rgba(20,20,20,0.1);border-radius:8px;background:rgba(255,253,243,0.86);box-shadow:0 12px 40px rgba(44,33,3,0.1);backdrop-filter:blur(18px);}.brand{position:relative;display:inline-flex;align-items:center;gap:10px;min-width:148px;padding-right:16px;}.brand::after{content:"";position:absolute;top:8px;right:0;width:1px;height:calc(100% - 16px);background:rgba(20,20,20,0.16);}.brand-mark{display:block;width:46px;height:46px;flex:0 0 auto;}.brand strong,.brand small{display:block;line-height:1.05;}.brand small{margin-top:3px;color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase;}.main-nav{display:flex;justify-content:flex-start;gap:5px;}.main-nav a{position:relative;min-height:42px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(20,20,20,0.08);border-radius:8px;background:rgba(255,255,255,0.42);color:#3c3423;box-shadow:0 6px 16px rgba(35,25,2,0.05);font-size:15px;font-weight:850;}.main-nav a:hover{border-color:rgba(20,20,20,0.18);background:rgba(255,235,116,0.52);color:var(--ink);}.main-nav a.is-active{border-color:var(--ink);background:var(--ink);color:var(--sun);box-shadow:4px 4px 0 rgba(20,20,20,0.18);}.topbar-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;}.mobile-tabbar{display:none;}.mobile-tabbar-link{text-decoration:none;}.benefit-link{display:inline-flex;min-height:42px;min-width:122px;align-items:center;justify-content:center;gap:8px;padding:0 14px;border:1px solid rgba(255,216,74,0.45);border-radius:8px;background:radial-gradient( circle at 28% 18%,rgba(255,255,255,0.14),transparent 26% ),linear-gradient(135deg,#0f0e0b 0%,#241b08 100%);color:#ffe36d;box-shadow:0 8px 22px rgba(35,25,2,0.14);font-size:15px;font-weight:950;}.benefit-link::after{content:"VIP";display:inline-grid;min-height:20px;place-items:center;padding:0 6px;border-radius:999px;background:var(--vip-gold);color:var(--vip-ink);font-size:10px;font-weight:950;}.benefit-link:hover,.benefit-link.is-active{border-color:rgba(17,16,12,0.8);background:linear-gradient( 135deg,#fff0a4 0%,var(--vip-gold) 54%,#f4b11f 100% );color:var(--vip-ink);box-shadow:4px 4px 0 var(--vip-ink);}.benefit-link:hover::after,.benefit-link.is-active::after{background:var(--vip-ink);color:var(--vip-gold);}.locale-control{position:relative;display:inline-grid;grid-template-columns:22px auto;align-items:center;gap:7px;min-height:40px;padding:0 10px;border:1px solid rgba(20,20,20,0.18);border-radius:8px;background:rgba(255,255,255,0.72);box-shadow:0 6px 18px rgba(35,25,2,0.08);}.locale-icon{display:block;width:20px;height:20px;fill:none;stroke:#4b4027;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;}.locale-control select{min-width:66px;height:38px;border:0;background:transparent;color:#3c3423;font-size:14px;font-weight:850;outline:0;cursor:pointer;}.locale-control:focus-within{border-color:rgba(20,20,20,0.36);background:#fffdf3;box-shadow:0 0 0 4px rgba(255,212,59,0.24);}.auth-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:8px;padding:0 22px;border:2px solid var(--ink);border-radius:8px;background:var(--sun);color:var(--ink);box-shadow:5px 5px 0 var(--ink);font-size:17px;font-weight:950;}.auth-button:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--ink);}.auth-button[data-auth-state="signed"]{min-height:40px;padding:4px 10px 4px 6px;border:1px solid rgba(20,20,20,0.14);background:rgba(255,255,255,0.68);box-shadow:0 6px 18px rgba(35,25,2,0.08);color:#2f2819;font-size:14px;font-weight:850;}.auth-button[data-auth-state="signed"]:hover{transform:none;border-color:rgba(20,20,20,0.26);background:#fffdf3;box-shadow:0 8px 22px rgba(35,25,2,0.12);}.auth-button i{display:grid;width:28px;height:28px;place-items:center;border:1px solid rgba(20,20,20,0.24);border-radius:999px;background:var(--ink);color:var(--sun);font-size:13px;font-style:normal;font-weight:950;}.auth-button[data-auth-state="signed"] i{width:30px;height:30px;border:1px solid rgba(20,20,20,0.18);background:radial-gradient( circle at 30% 20%,rgba(255,255,255,0.45),transparent 24% ),var(--ink);color:var(--sun);font-size:12px;}.topbar-cta,.primary-btn,.secondary-btn,.ghost-btn,.mini-action{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:40px;overflow:hidden;border-radius:8px;font-weight:800;text-overflow:ellipsis;white-space:nowrap;}.topbar-cta,.primary-btn{padding:0 18px;border:2px solid var(--ink);background:var(--sun);box-shadow:4px 4px 0 var(--ink);}.primary-btn:hover,.topbar-cta:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink);}.primary-btn.is-member-locked{background:var(--ink);color:var(--sun);}.secondary-btn{padding:0 16px;border:1px solid rgba(20,20,20,0.22);background:#ffffff;color:var(--ink);box-shadow:none;}.ghost-btn{padding:0 14px;border:1px solid rgba(20,20,20,0.18);background:rgba(255,255,255,0.54);color:#4d442f;box-shadow:none;}.secondary-btn:hover,.ghost-btn:hover{border-color:var(--ink);background:#fffaf0;}.vip-badge{display:inline-flex;width:fit-content;min-height:28px;align-items:center;justify-content:center;padding:0 10px;border:1px solid rgba(255,216,74,0.54);border-radius:8px;background:var(--vip-ink);color:var(--vip-gold);font-size:12px;font-weight:950;letter-spacing:0.08em;}.vip-action{border-color:var(--vip-ink);background:linear-gradient( 135deg,#ffe977 0%,var(--vip-gold) 48%,#f3aa16 100% );color:var(--vip-ink);box-shadow:4px 4px 0 var(--vip-ink);}.vip-secondary-action{border-color:rgba(255,216,74,0.54);background:var(--vip-ink);color:var(--vip-gold);}.primary-btn.renewal-warning-action{border:2px solid #b3261e;background:linear-gradient(135deg,#ffc247 0%,#ff7a2f 58%,#f04a2f 100%);color:#241000;box-shadow:5px 5px 0 #4a0d08;text-shadow:none;}.primary-btn.renewal-warning-action::before{content:"!";display:inline-grid;width:26px;height:26px;margin-right:8px;place-items:center;border-radius:7px;background:#7b1f00;color:#ffffff;font-size:15px;font-weight:950;text-shadow:none;box-shadow:none;}.primary-btn.renewal-warning-action:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 #4a0d08;}.entitlement-current{position:relative;border-color:rgba(20,20,20,0.12);background:#f1eee4;color:#8a806b;cursor:default;opacity:1;box-shadow:none;}.entitlement-current::before{content:"✓";display:inline-grid;width:18px;height:18px;margin-right:8px;place-items:center;border-radius:4px;background:#ddd6c6;color:#6e6655;font-size:12px;font-weight:950;}.entitlement-current:hover{border-color:rgba(20,20,20,0.12);background:#f1eee4;transform:none;box-shadow:none;}.vip-title-row{display:flex;align-items:center;gap:12px;}.vip-title-row.compact{gap:10px;}.vip-symbol{position:relative;display:inline-grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border:1px solid rgba(255,216,74,0.52);border-radius:8px;background:radial-gradient( circle at 30% 22%,rgba(255,255,255,0.22),transparent 28% ),linear-gradient(135deg,#1c1910 0%,#2b2109 100%);box-shadow:inset 0 0 0 1px rgba(255,216,74,0.12);}.vip-symbol.is-crown::before{content:"";position:absolute;left:9px;right:9px;bottom:14px;height:16px;background:linear-gradient(180deg,#fff2a8 0%,var(--vip-gold) 100%);clip-path:polygon( 0 100%,11% 32%,34% 70%,50% 18%,66% 70%,89% 32%,100% 100% );}.vip-symbol.is-crown::after{content:"";position:absolute;left:10px;right:10px;bottom:10px;height:6px;border-radius:999px;background:var(--vip-gold);}.vip-symbol.is-diamond{position:absolute;top:16px;right:16px;width:34px;height:34px;}.vip-symbol.is-diamond::before{content:"";width:16px;height:16px;border:2px solid var(--vip-gold);background:rgba(255,216,74,0.14);transform:rotate(45deg);}.nav-toggle{display:none;width:42px;height:42px;border-radius:8px;background:var(--ink);}.nav-toggle span{display:block;width:18px;height:2px;margin:5px auto;background:var(--sun);}#app{outline:0;}.page{width:min(var(--content-max),calc(100% - 32px));margin:0 auto;padding:44px 0 72px;}.home-page{padding-top:18px;padding-bottom:34px;}.hero{display:grid;grid-template-columns:minmax(0,0.92fr) minmax(360px,1.08fr);gap:34px;align-items:stretch;}.hero-copy{display:flex;min-height:610px;flex-direction:column;justify-content:center;}.eyebrow{display:inline-flex;width:fit-content;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(20,20,20,0.12);border-radius:8px;background:rgba(255,255,255,0.68);color:#463a20;font-size:13px;font-weight:800;}.eyebrow::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--sun-2);box-shadow:0 0 0 4px rgba(255,183,3,0.2);}h1,h2,h3,p{margin:0;}h1{max-width:9.5em;margin-top:18px;font-size:clamp(44px,7vw,86px);line-height:0.96;letter-spacing:0;}h2{font-size:clamp(30px,4vw,52px);line-height:1.05;letter-spacing:0;}h3{font-size:20px;line-height:1.2;}.lead{max-width:620px;margin-top:20px;color:#4d442f;font-size:18px;line-height:1.75;}.hero-actions,.section-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;}.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:36px;}.metric{min-height:100px;padding:16px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,0.64);}.metric strong{display:block;font-size:26px;}.metric span{display:block;margin-top:8px;color:var(--muted);font-size:13px;line-height:1.45;}.phone-stage{position:relative;min-height:680px;padding:28px;border:2px solid var(--ink);border-radius:8px;background:linear-gradient( 135deg,rgba(255,212,59,0.86),rgba(255,247,202,0.72) ),#fff;box-shadow:8px 8px 0 var(--ink);overflow:hidden;}.phone-stage::before{content:"";position:absolute;inset:18px;border:1px dashed rgba(20,20,20,0.18);border-radius:8px;pointer-events:none;}.mobile-demo{position:relative;z-index:1;display:grid;grid-template-columns:0.92fr 1.08fr;gap:16px;height:100%;}.home-role-showcase{position:relative;z-index:1;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;height:min(690px,calc(100svh - 118px));min-height:560px;padding:20px;border:2px solid var(--ink);border-radius:8px;background:linear-gradient( 135deg,rgba(255,212,59,0.82),rgba(255,253,243,0.88) 42% ),rgba(255,253,243,0.95);box-shadow:8px 8px 0 var(--ink),0 18px 50px rgba(46,33,2,0.12);overflow:hidden;}.home-carousel-head,.home-carousel-card,.home-carousel-dots{position:relative;z-index:1;}.home-carousel-head{display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:16px;padding:0 4px;}.home-carousel-head .eyebrow,.section-head .eyebrow{display:none;}.home-carousel-head strong{display:block;margin-top:0;font-size:clamp(30px,3.4vw,42px);line-height:1;font-weight:950;}.home-carousel-head span{display:block;margin-top:4px;color:var(--muted);font-size:14px;font-weight:700;}.home-carousel-controls{display:inline-flex;gap:10px;}.home-carousel-controls button{display:grid;width:48px;height:48px;place-items:center;border:2px solid var(--ink);border-radius:8px;background:#fff;box-shadow:3px 3px 0 var(--ink);color:var(--ink);}.home-carousel-controls button span{margin:0;color:inherit;font-size:34px;font-weight:900;line-height:1;}.home-carousel-card{display:grid;grid-template-columns:minmax(0,56%) minmax(320px,44%);height:100%;min-height:0;border:2px solid var(--ink);border-radius:8px;background:rgba(255,253,243,0.92);box-shadow:6px 6px 0 var(--ink);overflow:hidden;}.home-carousel-art{position:relative;display:grid;place-items:center;height:100%;min-width:0;min-height:0;padding:18px;border-right:2px solid var(--ink);background:radial-gradient( circle at 50% 14%,rgba(255,253,243,0.78),transparent 22rem ),linear-gradient(180deg,#fff1a8 0%,#ffe06a 52%,#181818 100%);overflow:hidden;}.home-carousel-art::before{content:"";position:absolute;inset:-18px;background:linear-gradient(180deg,rgba(255,212,59,0.18),rgba(20,20,20,0.32)),var(--role-art) center / cover no-repeat;filter:blur(18px) saturate(1.08);opacity:0.52;transform:scale(1.04);}.home-carousel-art::after{content:"";position:absolute;inset:auto 0 0;height:18%;background:linear-gradient(180deg,transparent,rgba(20,20,20,0.18));pointer-events:none;}.home-carousel-art img{position:relative;z-index:1;display:block;width:100%;height:100%;max-width:100%;max-height:100%;min-height:0;padding:0;border-radius:6px;filter:drop-shadow(0 18px 26px rgba(20,20,20,0.2));object-fit:contain;object-position:50% 50%;}.home-carousel-copy{display:flex;min-width:0;flex-direction:column;justify-content:flex-start;gap:12px;padding:34px 32px 30px;overflow:hidden;}.home-character-tags{display:flex;max-width:420px;flex-wrap:wrap;align-items:center;gap:8px;}.home-character-vibe{min-height:40px;margin-top:0;padding:9px 12px;display:inline-flex;width:fit-content;max-width:100%;align-items:center;justify-content:flex-start;border:1px solid rgba(255,183,3,0.32);border-radius:8px;background:#fff0a4;color:#4b3700;font-size:16px;font-weight:900;line-height:1.45;}.home-carousel-copy h2{margin:0;font-size:clamp(38px,4vw,56px);line-height:0.98;}.home-carousel-copy p{max-width:420px;margin:0;color:var(--muted);font-size:17px;font-weight:750;line-height:1.55;}.home-carousel-stats{display:grid;width:100%;max-width:420px;gap:10px;margin-top:2px;}.home-carousel-stats label{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;color:#1f1b12;font-size:14px;font-weight:850;line-height:20px;}.home-carousel-stats .bar{height:8px;}.home-chat-cta{width:100%;max-width:420px;min-height:56px;margin-top:4px;padding:0 28px;font-size:22px;}.home-carousel-dots{display:flex;align-items:center;gap:9px;justify-content:center;min-height:24px;}.home-carousel-dots button{display:grid;width:12px;height:12px;min-height:0;padding:0;place-items:center;border:2px solid rgba(20,20,20,0.42);border-radius:999px;background:rgba(255,255,255,0.92);box-shadow:none;transition:width 0.18s ease,background 0.18s ease,border-color 0.18s ease;}.home-carousel-dots button span{display:block;width:100%;height:100%;border-radius:inherit;}.home-carousel-dots button.is-active{border-color:var(--ink);background:var(--ink);width:28px;}.home-carousel-dots button:focus-visible{outline:3px solid rgba(255,212,59,0.72);outline-offset:3px;}.role-feed,.chat-panel,.profile-panel,.builder-card,.insight-panel,.price-card,.feature-card,.scenario-card,.doc-card,.flow-card,.message-console{border:1px solid rgba(20,20,20,0.12);border-radius:8px;background:rgba(255,253,243,0.9);box-shadow:0 14px 36px rgba(46,33,2,0.1);}.role-feed{display:flex;flex-direction:column;gap:12px;padding:12px;}.feed-header,.panel-header,.console-header{display:flex;align-items:center;justify-content:space-between;gap:12px;}.feed-header strong,.panel-header strong,.console-header strong{font-size:15px;}.feed-header span,.panel-header span,.console-header span{color:var(--muted);font-size:12px;}.role-card{position:relative;display:grid;grid-template-rows:auto 1fr auto;min-height:192px;padding:12px;border:1px solid transparent;border-radius:8px;background:#fff;overflow:hidden;}.role-card.is-active{border-color:var(--ink);box-shadow:4px 4px 0 var(--ink);}.role-card-top{display:flex;align-items:center;gap:10px;}.avatar{width:58px;height:58px;flex:0 0 auto;border:2px solid var(--ink);border-radius:8px;background:#fff;object-fit:cover;object-position:50% 18%;box-shadow:0 7px 18px rgba(39,25,2,0.12);}.avatar.large{width:180px;height:220px;object-fit:cover;object-position:50% 8%;}.avatar.mini{width:34px;height:34px;border-width:1px;}.role-name{display:block;font-size:18px;font-weight:900;}.role-tag{margin-top:5px;}.role-card p,.feature-card p,.scenario-card p,.doc-card p,.flow-card p,.price-card p{color:var(--muted);line-height:1.6;}.role-card p{margin-top:10px;font-size:13px;}.role-card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:12px;color:#4e4124;font-size:12px;}.mini-action{min-height:32px;padding:0 10px;background:var(--ink);color:var(--sun);font-size:12px;}.chat-panel{display:grid;grid-template-rows:auto 1fr auto;min-height:610px;padding:14px;background:rgba(255,255,255,0.78);}.panel-person{display:flex;align-items:center;gap:10px;}.panel-actions{display:inline-flex;align-items:center;gap:9px;}.panel-voice-label{color:var(--muted);font-size:13px;font-weight:800;}.voice-switch{position:relative;width:52px;height:30px;border:2px solid var(--ink);border-radius:999px;background:#fff;transition:background 0.18s ease,box-shadow 0.18s ease;}.voice-switch span{position:absolute;top:4px;left:4px;width:18px;height:18px;border-radius:50%;background:var(--ink);transition:transform 0.18s ease;}.voice-switch.is-on{background:var(--sun);box-shadow:3px 3px 0 var(--ink);}.voice-switch.is-on span{transform:translateX(22px);}.status-dot{display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:50%;background:var(--mint);}.tool-row{display:flex;gap:8px;}.icon-btn{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-weight:900;}.messages{position:relative;display:flex;flex-direction:column;gap:12px;margin:16px 0;padding:12px;border-radius:8px;background:linear-gradient(rgba(255,255,255,0.7),rgba(255,255,255,0.7)),repeating-linear-gradient( 0deg,transparent 0,transparent 31px,rgba(20,20,20,0.04) 32px );overflow:auto;}.immersive-messages{isolation:isolate;min-height:430px;padding:20px;background:linear-gradient( 90deg,rgba(255,253,243,0.78) 0%,rgba(255,253,243,0.58) 48%,rgba(255,253,243,0.18) 100% ),var(--chat-bg) center 16% / cover no-repeat,#fff7d6;}.chat-page .messages{position:relative;z-index:1;gap:8px;margin:0 0 8px;}.chat-page .immersive-messages{min-height:0;padding:12px;background:transparent;}.chat-page .immersive-messages::after{display:none;}.chat-page .chat-form{position:relative;z-index:1;}.chat-action-panel{display:grid;gap:8px;padding:9px;border:1px solid rgba(20,20,20,0.15);border-radius:8px;background:linear-gradient( 180deg,rgba(255,253,243,0.82),rgba(255,249,226,0.66) );box-shadow:0 16px 34px rgba(16,12,4,0.18);backdrop-filter:blur(9px) saturate(1.08);}.action-panel-top .quota-strip{margin-bottom:0;}.prompt-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;}.prompt-row>span{display:inline-flex;width:fit-content;align-items:center;justify-content:center;padding:0;color:#5a4b34;font-size:12px;font-weight:950;text-shadow:0 1px 0 rgba(255,255,255,0.92),0 0 10px rgba(255,248,223,0.66);}.message-inline-prompts{margin-top:10px;}.message-inline-prompts .prompt-row{grid-template-columns:1fr;align-items:start;gap:8px;}.chat-page .composer-note{display:none;margin-top:0;color:#665a40;font-size:11px;font-weight:750;}.immersive-messages::before{content:"";position:sticky;top:0;z-index:-1;display:block;height:0;}.immersive-messages::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient( circle at 78% 18%,rgba(255,212,59,0.22),transparent 30% ),linear-gradient( 180deg,rgba(255,255,255,0.05),rgba(255,248,223,0.34) );pointer-events:none;}.message{display:flex;gap:5px;max-width:82%;}.message.is-scene{max-width:min(88%,740px);}.message.ai{align-items:flex-start;justify-self:start;gap:9px;}.message.user{display:grid;justify-self:end;align-self:flex-end;}.message-avatar{width:34px;height:34px;flex:0 0 auto;border:1px solid rgba(20,20,20,0.2);border-radius:8px;background:#fff;object-fit:cover;object-position:50% 18%;box-shadow:0 6px 14px rgba(35,25,2,0.12);}.message-content{display:grid;gap:5px;min-width:0;}.message-bubble{backdrop-filter:blur(8px);padding:10px 12px;border-radius:8px;line-height:1.55;font-size:14px;}.message.ai .message-bubble{border:1px solid rgba(20,20,20,0.15);background:rgba(255,255,255,0.88);}.message.user .message-bubble{border:1px solid var(--ink);background:rgba(255,212,59,0.95);}.message.is-scene .message-bubble{position:relative;padding:14px 16px;border-color:rgba(20,20,20,0.24);background:linear-gradient( 180deg,rgba(255,253,243,0.92),rgba(255,248,222,0.82) );color:#221c12;box-shadow:0 16px 34px rgba(16,12,4,0.2);font-size:15px;line-height:1.6;}.message.is-scene .message-bubble::before{content:"剧情开场";display:inline-flex;margin:0 0 8px;padding:4px 8px;border:1px solid rgba(255,183,3,0.38);border-radius:8px;background:#fff2b9;color:#5d4300;font-size:12px;font-weight:950;line-height:1.2;}.message-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;}.message small{display:inline-flex;align-items:center;min-height:24px;padding:0;color:#5a4b34;font-size:11px;font-weight:820;text-shadow:0 1px 0 rgba(255,255,255,0.94),0 0 10px rgba(255,248,223,0.68);}.message.ai small{margin-left:2px;}.message.user small{justify-self:end;}.message-replay-btn{display:inline-flex;min-height:26px;align-items:center;justify-content:center;padding:0 9px;border:1px solid rgba(20,20,20,0.16);border-radius:8px;background:rgba(255,248,207,0.92);color:#4d3b06;font-size:12px;font-weight:900;line-height:1;}.message-replay-btn:hover,.message-replay-btn:focus-visible{border-color:rgba(20,20,20,0.36);background:var(--sun);outline:none;}.message.user .message-meta-row{justify-content:flex-end;}.quick-prompts{display:flex;flex-wrap:wrap;gap:6px;min-width:0;overflow:visible;scrollbar-width:none;}.quick-prompts::-webkit-scrollbar{display:none;}.quick-prompts button{flex:0 1 auto;width:fit-content;max-width:100%;min-height:38px;padding:8px 12px;border:1px solid rgba(20,20,20,0.13);border-radius:8px;background:rgba(255,255,255,0.72);color:#493d26;font-size:12px;font-weight:820;line-height:1.45;white-space:normal;word-break:break-word;text-align:left;backdrop-filter:blur(10px);}.quick-prompts button:hover{border-color:rgba(20,20,20,0.28);background:#fff8d9;}.chip,.role-tag{display:inline-flex;width:fit-content;min-height:28px;align-items:center;justify-content:center;padding:0 10px;border:1px solid rgba(255,183,3,0.32);border-radius:8px;background:#fff2b9;color:#5d4300;font-size:12px;font-weight:850;line-height:1.2;white-space:nowrap;}.quota-strip{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;column-gap:12px;margin-bottom:10px;padding:10px 12px 10px 10px;border:1px solid rgba(20,20,20,0.14);border-radius:8px;background:rgba(255,249,215,0.88);backdrop-filter:blur(12px);}.quota-strip i{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:8px;background:var(--vip-ink);color:var(--vip-gold);font-size:11px;font-style:normal;font-weight:950;}.quota-strip.is-member{border:1px solid rgba(255,216,74,0.56);background:linear-gradient(135deg,rgba(17,16,12,0.94),rgba(47,35,9,0.9)),var(--vip-ink);box-shadow:inset 0 0 0 1px rgba(255,216,74,0.2);}.quota-strip.is-member b,.quota-strip.is-member small{color:var(--vip-gold);}.quota-strip.is-member i{border:1px solid rgba(255,216,74,0.45);background:var(--vip-gold);color:var(--vip-ink);}.quota-strip.is-empty{border-color:var(--ink);background:#fff0a4;}.quota-strip span{display:grid;min-width:0;gap:3px;justify-self:start;}.quota-strip b{font-size:13px;line-height:1.2;}.quota-strip small{color:var(--muted);font-size:11px;line-height:1.35;}.quota-strip button{min-height:32px;justify-self:end;padding:0 12px;border:1px solid var(--vip-ink);border-radius:8px;background:var(--vip-ink);color:var(--sun);font-size:12px;font-weight:900;}.quota-strip.is-member button{background:var(--vip-gold);color:var(--vip-ink);}.composer{display:flex;gap:6px;align-items:center;padding:5px;border:1px solid rgba(20,20,20,0.16);border-radius:8px;background:rgba(255,255,255,0.9);backdrop-filter:blur(14px);}.composer input,.field input,.field textarea,.field select{width:100%;min-height:40px;border:1px solid rgba(20,20,20,0.16);border-radius:8px;background:#fff;padding:0 12px;color:var(--ink);outline:0;}.composer input{flex:1 1 auto;min-width:0;border:0;background:transparent;padding:0 6px;font-size:15px;}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--ink);box-shadow:0 0 0 4px rgba(255,212,59,0.28);}.field input::placeholder,.field textarea::placeholder{color:#a3a3a3;}.field.has-error input,.field.has-error textarea,.field.has-error select{border-color:#d64545;box-shadow:0 0 0 3px rgba(214,69,69,0.12);}.field-error{display:block;margin-top:8px;color:#d64545;font-size:13px;font-weight:700;line-height:1.4;}.composer input:focus{box-shadow:none;}.composer button{flex:0 0 auto;}.composer .primary-btn{position:relative;gap:7px;min-width:82px;height:40px;min-height:40px;line-height:1;}.composer .send-btn{overflow:visible;}.composer .send-btn>span{display:inline-flex;align-items:center;}.send-icon{position:relative;width:18px;height:18px;flex:0 0 auto;}.send-icon::before{content:"";position:absolute;inset:2px 1px 2px 2px;background:currentColor;clip-path:polygon(0 8%,100% 50%,0 92%,18% 56%,55% 50%,18% 44%);}.mic-btn{position:relative;display:grid;width:38px;height:38px;min-width:38px;place-items:center;border:1px solid rgba(20,20,20,0.14);border-radius:8px;background:#fff8df;}.mic-btn span{position:relative;width:11px;height:17px;border:3px solid var(--ink);border-radius:999px;background:transparent;transform:translateY(-3px);}.mic-btn span::before{content:"";position:absolute;left:50%;bottom:-8px;width:15px;height:9px;border:3px solid var(--ink);border-top:0;border-radius:0 0 999px 999px;transform:translateX(-50%);}.mic-btn span::after{content:"";position:absolute;left:50%;bottom:-12px;width:3px;height:5px;border-radius:999px;background:var(--ink);transform:translateX(-50%);}.mic-btn.is-recording{border-color:var(--ink);background:var(--ink);color:var(--sun);box-shadow:0 0 0 5px rgba(255,212,59,0.32);}.mic-btn.is-recording span,.mic-btn.is-recording span::before{border-color:var(--sun);}.mic-btn.is-recording span::after{background:var(--sun);}.mic-btn.is-disabled,.mic-btn:disabled{cursor:not-allowed;opacity:0.48;}.composer-note{margin-top:8px;color:var(--muted);font-size:12px;line-height:1.45;}.section{padding:72px 0 0;}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px;}.section-head h2{margin-top:0;}.section-head p{max-width:560px;color:var(--muted);line-height:1.7;}.chat-page .section-head{display:grid;align-items:start;justify-content:start;gap:8px;margin-bottom:16px;}.chat-page .section-head>div{display:grid;gap:12px;}.chat-page .section-head h2{max-width:100%;font-size:clamp(30px,3.1vw,42px);line-height:1.02;white-space:normal;}.chat-page .section-head p{max-width:680px;font-size:15px;line-height:1.55;}.grid-3,.grid-4,.price-grid{display:grid;gap:14px;}.grid-3{grid-template-columns:repeat(3,1fr);}.grid-4{grid-template-columns:repeat(4,1fr);}.feature-card,.scenario-card,.doc-card,.flow-card,.price-card{padding:20px;}.card-icon{display:grid;width:42px;height:42px;place-items:center;margin-bottom:16px;border-radius:8px;background:var(--ink);color:var(--sun);font-weight:900;}.feature-card h3,.scenario-card h3,.doc-card h3,.flow-card h3,.price-card h3{margin-bottom:10px;}.product-band{display:grid;grid-template-columns:0.96fr 1.04fr;gap:16px;align-items:stretch;padding:18px;border:2px solid var(--ink);border-radius:8px;background:#fff3a6;box-shadow:7px 7px 0 var(--ink);}.story-map{display:grid;gap:12px;}.story-node{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,0.72);}.story-node b{display:grid;width:44px;height:44px;place-items:center;border-radius:8px;background:var(--ink);color:var(--sun);}.story-node span{color:var(--muted);font-size:13px;}.character-layout,.chat-layout,.solution-layout,.pricing-layout{display:grid;grid-template-columns:300px 1fr;gap:18px;align-items:start;}.profile-panel,.builder-card,.insight-panel,.message-console{padding:16px;}.sticky-panel{position:sticky;top:98px;}.profile-panel{display:grid;gap:14px;}.profile-main{display:grid;place-items:center;gap:12px;padding:18px;border-radius:8px;background:linear-gradient( 135deg,rgba(255,212,59,0.66),rgba(255,255,255,0.42) ),#fff;}.profile-main h3{font-size:24px;}.persona-stats{display:grid;gap:9px;}.persona-stats label{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;}.bar{height:8px;border-radius:8px;background:#eee3bf;overflow:hidden;}.bar span{display:block;height:100%;border-radius:8px;background:var(--ink);}.character-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;}.character-plaza{--plaza-padding:14px;--plaza-inner-radius:11px;display:grid;gap:18px;padding:var(--plaza-padding);border:1px solid rgba(20,20,20,0.14);border-radius:calc(var(--plaza-inner-radius)+var(--plaza-padding));background:rgba(255,253,243,0.72);box-shadow:0 14px 36px rgba(46,33,2,0.08);}.character-tabs{--tabs-padding:5px;--tabs-inner-radius:6px;display:inline-flex;width:fit-content;max-width:100%;gap:4px;padding:var(--tabs-padding);border:1px solid rgba(20,20,20,0.14);border-radius:calc(var(--tabs-inner-radius)+var(--tabs-padding));background:rgba(255,253,243,0.86);}.character-tabs button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid transparent;border-radius:var(--tabs-inner-radius);background:transparent;color:#665936;font-size:15px;font-weight:900;white-space:nowrap;}.character-tabs button:hover,.character-tabs button:focus-visible{border-color:rgba(20,20,20,0.16);outline:none;}.character-tabs button.is-active{border-color:rgba(20,20,20,0.86);background:var(--ink);color:var(--sun);box-shadow:3px 3px 0 rgba(20,20,20,0.18);}.character-tabs b{min-width:24px;padding:4px 7px;border-radius:6px;background:rgba(20,20,20,0.08);color:inherit;font-size:12px;line-height:1;text-align:center;}.character-empty-state{display:grid;min-height:320px;place-items:center;align-content:center;gap:12px;padding:44px 18px;border:1px dashed rgba(20,20,20,0.22);border-radius:8px;background:rgba(255,253,243,0.68);text-align:center;}.empty-role-mark{position:relative;width:58px;height:58px;border:1px solid rgba(20,20,20,0.16);border-radius:8px;background:var(--sun);box-shadow:4px 4px 0 rgba(20,20,20,0.16);}.empty-role-mark::before,.empty-role-mark::after{content:"";position:absolute;top:50%;left:50%;border-radius:999px;background:var(--ink);transform:translate(-50%,-50%);}.empty-role-mark::before{width:26px;height:4px;}.empty-role-mark::after{width:4px;height:26px;}.character-empty-state h3{font-size:24px;line-height:1.15;}.character-empty-state p{max-width:360px;color:var(--muted);font-weight:780;line-height:1.6;}.character-plaza-page{padding-top:28px;}.plaza-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,350px);align-items:center;gap:28px;margin-bottom:18px;}.plaza-head h2{max-width:100%;font-size:clamp(30px,3.1vw,42px);line-height:1.02;white-space:normal;}.plaza-head p{max-width:680px;margin-top:12px;font-size:15px;line-height:1.55;}.create-role-cta{--create-role-padding:12px;--create-role-inner-radius:8px;display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;align-self:center;justify-self:end;width:min(100%,320px);min-height:78px;padding:var(--create-role-padding);border:1px solid rgba(20,20,20,0.16);border-radius:calc( var(--create-role-inner-radius)+var(--create-role-padding) );background:linear-gradient( 180deg,rgba(255,255,255,0.52),rgba(255,248,216,0.82) ),rgba(255,253,243,0.92);color:var(--ink);box-shadow:0 10px 22px rgba(46,33,2,0.08);text-align:left;transition:transform 0.18s ease,box-shadow 0.18s ease;}.create-role-cta:hover,.create-role-cta:focus-visible{border-color:rgba(20,20,20,0.28);box-shadow:0 14px 30px rgba(46,33,2,0.12);outline:none;transform:translateY(-2px);}.create-role-cta:hover .create-role-text strong,.create-role-cta:focus-visible .create-role-text strong{color:var(--ink);}.create-role-icon{position:relative;display:grid;width:38px;height:38px;place-items:center;border-radius:var(--create-role-inner-radius);background:var(--sun);box-shadow:2px 2px 0 rgba(20,20,20,0.18);}.create-role-icon::before,.create-role-icon::after{content:"";position:absolute;border-radius:999px;background:var(--ink);}.create-role-icon::before{width:18px;height:3px;}.create-role-icon::after{width:3px;height:18px;}.create-role-text{display:grid;min-width:0;gap:5px;}.create-role-text strong{color:var(--ink);font-size:18px;line-height:1.15;}.create-role-text small{color:var(--muted);font-size:12px;font-weight:780;line-height:1.45;}.character-tile{--tile-padding:10px;--tile-inner-radius:8px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:440px;padding:var(--tile-padding);border:1px solid rgba(20,20,20,0.14);border-radius:calc(var(--tile-inner-radius)+var(--tile-padding));background:rgba(255,253,243,0.92);box-shadow:0 10px 22px rgba(46,33,2,0.08);cursor:pointer;transition:transform 0.18s ease,border-color 0.18s ease,box-shadow 0.18s ease;}.character-tile:hover,.character-tile:focus-visible{border-color:rgba(20,20,20,0.26);box-shadow:0 14px 30px rgba(46,33,2,0.12);transform:translateY(-2px);outline:none;}.character-tile.is-custom{border-color:rgba(20,20,20,0.22);box-shadow:0 12px 26px rgba(46,33,2,0.1);}.character-tile.is-generating{position:relative;cursor:default;pointer-events:none;opacity:0.96;border-color:rgba(255,195,0,0.44);box-shadow:0 14px 32px rgba(46,33,2,0.16),0 0 0 1px rgba(255,212,59,0.18);}.character-tile.is-generating:hover,.character-tile.is-generating:focus-visible{transform:none;border-color:rgba(20,20,20,0.22);box-shadow:0 12px 26px rgba(46,33,2,0.1);}.character-tile.is-generating::after{content:"";position:absolute;inset:0;border-radius:inherit;background:rgba(255,250,231,0.16);pointer-events:none;}.character-tile.is-generating::before{content:"";position:absolute;inset:-30%;background:linear-gradient( 115deg,transparent 34%,rgba(255,255,255,0.42) 50%,transparent 66% );transform:translateX(-65%) rotate(8deg);animation:generating-sheen 2.2s ease-in-out infinite;pointer-events:none;z-index:0;}.character-art{position:relative;display:grid;min-height:180px;place-items:center;margin-bottom:10px;border-radius:var(--tile-inner-radius);background:radial-gradient( circle at 50% 28%,rgba(255,255,255,0.86),transparent 34% ),linear-gradient( 135deg,rgba(255,212,59,0.56),rgba(118,169,255,0.18) ),#fff;overflow:hidden;}.tile-status-badges{position:absolute;top:10px;left:10px;z-index:2;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;gap:7px;max-width:calc(100% - 20px);}.tile-status-badge{display:inline-flex;width:auto;flex:0 0 auto;min-width:50px;min-height:30px;align-items:center;justify-content:center;padding:0 10px;border:1px solid transparent;border-radius:8px;font-size:12px;font-weight:950;line-height:1;text-shadow:none;box-shadow:0 8px 18px rgba(20,20,20,0.2);}.member-lock-badge{border:1px solid rgba(255,212,59,0.74);background:rgba(20,20,20,0.88);color:var(--sun);}.limited-free-badge{border:1px solid rgba(58,161,117,0.44);background:rgba(239,255,247,0.94);color:#13704b;}.new-role-badge{border-color:rgba(158,20,64,0.46);background:#e6336a;color:#fff;text-shadow:0 1px 1px rgba(20,20,20,0.18);box-shadow:0 8px 18px rgba(20,20,20,0.24);}.generating-role-badge{border-color:rgba(255,212,59,0.74);background:rgba(20,20,20,0.88);color:var(--sun);gap:4px;padding-right:12px;}.generating-role-badge i{display:inline-block;width:5px;height:5px;border-radius:999px;background:currentColor;opacity:0.28;animation:generating-dot 1.2s ease-in-out infinite;}.generating-role-badge i:nth-child(2){animation-delay:0.18s;}.generating-role-badge i:nth-child(3){animation-delay:0.36s;}.character-art img{width:100%;height:180px;object-fit:cover;object-position:50% 10%;filter:drop-shadow(0 18px 22px rgba(20,20,20,0.16));}.tile-generating-glow{position:absolute;inset:auto 14px 14px 14px;height:68px;border-radius:18px;background:linear-gradient( 180deg,rgba(255,212,59,0),rgba(255,212,59,0.28) );filter:blur(6px);opacity:0.9;animation:generating-pulse 1.8s ease-in-out infinite;pointer-events:none;}.character-tile.is-custom .character-art img{padding:8px;object-fit:contain;object-position:center;}.tile-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;}.tile-title-row h3{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:22px;line-height:1.12;}.tile-progress-value{flex:0 0 auto;color:#8b6a1d;font-size:16px;font-weight:950;text-shadow:0 0 16px rgba(255,212,59,0.28);}.tile-meta{display:flex;flex-wrap:nowrap;gap:7px;margin:12px 0 0;overflow:hidden;}.tile-meta .chip{max-width:100%;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;}.tile-content{min-height:0;overflow:hidden;}.character-tile>.tile-content>p{display:-webkit-box;margin-top:4px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:1.45;}.tile-inline-progress{position:relative;overflow:hidden;width:100%;height:12px;margin-top:12px;border-radius:999px;background:rgba(20,20,20,0.08);box-shadow:inset 0 1px 2px rgba(20,20,20,0.08);}.tile-inline-progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffd43b,#ffb703);box-shadow:0 0 16px rgba(255,183,3,0.24);transition:width 0.22s ease;position:relative;}.tile-inline-progress span::after{content:"";position:absolute;inset:0;background:linear-gradient( 90deg,transparent 0%,rgba(255,255,255,0.38) 50%,transparent 100% );transform:translateX(-100%);animation:progress-sheen 1.4s linear infinite;}.tile-progress-phase{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:12px;}.tile-progress-phase strong{color:#5d4510;font-size:13px;font-weight:900;}.tile-progress-phase span{color:#9a7b2a;font-size:11px;font-weight:800;}.tile-progress-hint{display:block;margin-top:10px;color:#6b5d3d;font-size:12px;font-weight:780;line-height:1.55;}@keyframes generating-sheen{0%{transform:translateX(-65%) rotate(8deg);}100%{transform:translateX(70%) rotate(8deg);}}@keyframes generating-pulse{0%,100%{opacity:0.5;transform:scale(0.98);}50%{opacity:1;transform:scale(1);}}@keyframes generating-dot{0%,100%{opacity:0.28;transform:translateY(0);}50%{opacity:1;transform:translateY(-1px);}}@keyframes progress-sheen{0%{transform:translateX(-100%);}100%{transform:translateX(120%);}}.tile-actions{align-self:end;display:grid;grid-template-columns:1fr;gap:8px;margin-top:10px;}.tile-actions .primary-btn,.tile-actions .secondary-btn,.tile-actions .ghost-btn{width:100%;height:42px;min-height:42px;padding-right:10px;padding-left:10px;font-size:15px;line-height:1;}.custom-chip{border-color:rgba(99,214,173,0.4);background:#eafaf3;color:#28624b;}.locked-chat-panel{--locked-panel-padding:18px;--locked-panel-inner-radius:8px;display:grid;grid-template-columns:minmax(220px,330px) minmax(0,1fr);gap:22px;align-items:start;min-height:100%;padding:var(--locked-panel-padding);border:2px solid var(--ink);border-radius:calc( var(--locked-panel-inner-radius)+var(--locked-panel-padding) );background:radial-gradient( circle at 18% 18%,rgba(255,212,59,0.48),transparent 35% ),linear-gradient(135deg,rgba(255,253,243,0.98),rgba(255,246,210,0.9));box-shadow:8px 8px 0 rgba(20,20,20,0.9);}.locked-chat-panel img{width:100%;height:clamp(320px,52vh,520px);border-radius:var(--locked-panel-inner-radius);object-fit:cover;object-position:50% 14%;}.locked-chat-panel>div{display:grid;justify-items:start;gap:12px;min-width:0;}.locked-chat-panel h3{font-size:clamp(42px,5.6vw,74px);line-height:0.95;}.locked-chat-panel p{max-width:560px;color:#6b5d3d;font-size:18px;font-weight:780;line-height:1.55;}.locked-chat-details{display:grid;grid-template-columns:1fr;gap:10px;width:100%;margin-top:6px;}.locked-chat-details section{display:grid;gap:6px;min-width:0;padding:12px;border:1px solid rgba(20,20,20,0.12);border-radius:8px;background:rgba(255,255,255,0.62);}.locked-chat-details strong{color:var(--ink);font-size:14px;font-weight:950;}.locked-chat-details p{max-width:none;color:#6b5d3d;font-size:13px;font-weight:760;line-height:1.5;}.locked-conversation-panel{gap:12px;}.locked-conversation-panel p{color:#6b5d3d;font-size:13px;font-weight:760;line-height:1.55;}.locked-conversation-panel .primary-btn{width:100%;}.character-detail-page{display:grid;min-height:calc(100vh - 96px);grid-template-rows:auto minmax(0,1fr);gap:18px;padding-top:18px;padding-bottom:18px;}.character-detail-toolbar{position:relative;top:auto;z-index:24;display:flex;align-items:center;justify-content:flex-start;gap:14px;}.detail-back-link{position:relative;display:inline-flex;min-height:52px;align-items:center;gap:10px;padding:0 18px 0 12px;border:2px solid var(--ink);border-radius:8px;background:var(--ink);color:var(--sun);box-shadow:5px 5px 0 rgba(255,183,3,0.95);font-size:16px;font-weight:900;transition:transform 0.18s ease,box-shadow 0.18s ease;}.detail-back-link::before{content:"←";display:grid;width:32px;height:32px;place-items:center;border-radius:6px;background:var(--sun);color:var(--ink);font-size:21px;line-height:1;}.detail-back-link:hover,.detail-back-link:focus-visible{box-shadow:3px 3px 0 rgba(255,183,3,0.95);outline:none;transform:translate(2px,2px);}.character-detail-hero{--detail-hero-padding:14px;--detail-hero-inner-radius:8px;display:grid;height:clamp(540px,calc(100vh - 238px),640px);min-height:0;grid-template-columns:minmax(360px,0.92fr) minmax(0,1fr);gap:14px;padding:var(--detail-hero-padding);border:2px solid var(--ink);border-radius:calc( var(--detail-hero-inner-radius)+var(--detail-hero-padding) );background:radial-gradient( circle at 24% 14%,rgba(255,212,59,0.52),transparent 34% ),linear-gradient( 135deg,rgba(255,251,222,0.98),rgba(255,255,255,0.92) );box-shadow:8px 8px 0 rgba(20,20,20,0.92);}.character-detail-art{position:relative;isolation:isolate;display:grid;min-height:0;place-items:center;border-radius:var(--detail-hero-inner-radius);background:#1f1b12;overflow:hidden;}.character-detail-art::before,.character-detail-art::after{content:"";position:absolute;inset:0;pointer-events:none;}.character-detail-art::before{inset:-26px;z-index:0;background-image:var(--detail-art);background-position:center;background-size:cover;filter:blur(22px) saturate(1.08);opacity:0.82;transform:scale(1.06);}.character-detail-art::after{z-index:1;background:linear-gradient( 90deg,rgba(255,230,118,0.2),rgba(255,255,255,0.12),rgba(220,232,255,0.18) ),rgba(255,250,226,0.18);backdrop-filter:blur(14px) saturate(1.12);}.character-detail-art img{position:relative;z-index:2;width:100%;height:100%;min-height:0;object-fit:contain;object-position:center;}.character-detail-art.is-custom img{padding:8px;object-fit:contain;object-position:center;}.character-detail-copy{display:grid;min-height:0;gap:10px;align-content:start;padding:4px 10px 2px 4px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;}.character-detail-copy::-webkit-scrollbar{width:6px;}.character-detail-copy::-webkit-scrollbar-track{background:transparent;}.character-detail-copy::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(20,20,20,0.24);}.detail-title-block{display:grid;gap:8px;}.detail-title-block h2{font-size:clamp(40px,4.2vw,60px);line-height:0.96;}.detail-title-block p,.detail-intro{color:var(--muted);line-height:1.7;}.detail-intro{margin:0;font-size:15px;font-weight:700;}.detail-tags{display:flex;flex-wrap:wrap;gap:8px;}.detail-tags span{padding:7px 10px;border:1px solid rgba(20,20,20,0.12);border-radius:8px;background:rgba(255,255,255,0.72);color:#4d4229;font-size:13px;font-weight:850;}.detail-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;}.detail-actions .primary-btn{width:100%;min-height:46px;}.detail-story-card,.character-detail-panel{border:1px solid rgba(20,20,20,0.12);background:rgba(255,253,243,0.92);box-shadow:0 12px 28px rgba(46,33,2,0.08);}.detail-story-card{display:grid;gap:7px;padding:12px;border-radius:8px;}.detail-story-card span,.detail-voice span{color:#7a6424;font-size:12px;font-weight:900;letter-spacing:0.06em;text-transform:uppercase;}.detail-story-card p,.character-detail-panel p{color:#342b18;line-height:1.58;}.character-detail-grid{display:grid;grid-template-columns:1.05fr 0.95fr 0.9fr;gap:10px;align-items:start;}.character-detail-panel{--detail-panel-padding:12px;--detail-panel-inner-radius:8px;display:grid;min-height:0;gap:9px;padding:var(--detail-panel-padding);border-radius:calc( var(--detail-panel-inner-radius)+var(--detail-panel-padding) );}.character-detail-panel h3{font-size:18px;}.detail-voice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0 0;border-top:1px solid rgba(20,20,20,0.1);color:#5b4e31;}.detail-voice strong{color:#1f1b12;font-size:13px;}.detail-prompt-list{display:grid;gap:6px;}.detail-prompt-list span{padding:8px 10px;border:1px solid rgba(20,20,20,0.1);border-radius:var(--detail-panel-inner-radius);background:#fff7d2;color:#3b311d;font-size:12px;font-weight:850;line-height:1.45;}.builder-modal{width:min(940px,100%);}.builder-modal-card{border:0;background:transparent;box-shadow:none;padding:0;}.builder-card{display:grid;gap:14px;}.builder-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;}.builder-actions .primary-btn{width:100%;}.danger-btn{min-height:44px;padding:0 18px;border:2px solid #6f130f;background:#d73328;color:#fffaf0;box-shadow:4px 4px 0 #2b0a07;font-weight:950;}.danger-btn:hover{border-color:#4f0d0a;background:#b9231a;color:#fffaf0;transform:translate(-1px,-1px);box-shadow:5px 5px 0 #2b0a07;}.subtle-btn{min-height:44px;border-color:transparent;background:transparent;color:#6d624a;box-shadow:none;font-weight:850;}.subtle-btn:hover{border-color:rgba(20,20,20,0.12);background:rgba(255,255,255,0.54);color:var(--ink);transform:none;}.builder-head{display:flex;align-items:start;justify-content:space-between;gap:16px;}.field{display:grid;gap:7px;}.field label{color:#4b4027;font-size:13px;font-weight:800;}.field label .required-mark{margin-right:4px;color:#ff2b2b;font-size:14px;font-weight:900;}.field label span{margin-left:4px;color:#8a7b5e;font-size:12px;font-weight:750;}.field textarea{min-height:98px;padding-top:10px;resize:vertical;}.optional-field textarea{min-height:82px;background:linear-gradient( 180deg,rgba(255,250,231,0.55),rgba(255,255,255,0.92) );}.field small{color:var(--muted);font-size:12px;line-height:1.55;}.upload-field{gap:9px;}.upload-dropzone{position:relative;display:grid;min-height:220px;place-items:center;padding:22px;border:2px dashed rgba(255,183,3,0.72);border-radius:8px;background:radial-gradient( circle at 50% 26%,rgba(255,212,59,0.32),transparent 44% ),linear-gradient(180deg,rgba(255,255,255,0.74),rgba(255,248,216,0.9));color:#4b4027;cursor:pointer;overflow:hidden;transition:border-color 0.18s ease,box-shadow 0.18s ease,transform 0.18s ease,background 0.18s ease;}.upload-dropzone:hover,.upload-dropzone:focus-within,.upload-dropzone.is-dragging{border-color:var(--ink);background:radial-gradient( circle at 50% 26%,rgba(255,212,59,0.46),transparent 46% ),linear-gradient( 180deg,rgba(255,255,255,0.82),rgba(255,242,185,0.96) );box-shadow:4px 4px 0 rgba(20,20,20,0.16);transform:translate(-1px,-1px);}.upload-dropzone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:3;}.upload-dropzone img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;}.upload-dropzone.has-image::after{content:"";position:absolute;inset:0;background:rgba(20,20,20,0);opacity:0;transition:background 0.18s ease,opacity 0.18s ease;}.upload-dropzone.has-image:hover::after,.upload-dropzone.has-image:focus-within::after{background:rgba(20,20,20,0.34);opacity:1;}.upload-dropzone-copy{position:relative;z-index:1;display:grid;max-width:430px;justify-items:center;gap:10px;text-align:center;}.upload-dropzone-icon{display:grid;width:48px;height:48px;place-items:center;border:2px solid var(--ink);border-radius:8px;background:var(--sun);color:var(--ink);box-shadow:4px 4px 0 var(--ink);font-size:32px;font-weight:950;line-height:1;}.upload-dropzone strong{max-width:100%;color:#3b321f;font-size:18px;font-weight:950;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.upload-dropzone small{color:var(--muted);font-size:13px;font-weight:760;line-height:1.55;}.upload-dropzone.has-image strong,.upload-dropzone.has-image small{color:#fff8df;text-shadow:0 1px 2px rgba(20,20,20,0.36);}.upload-dropzone.has-image{align-items:center;border-style:solid;border-color:rgba(20,20,20,0.32);background:#141414;}.upload-dropzone.has-image .upload-dropzone-copy{display:none;}.upload-dropzone.has-image .upload-dropzone-icon{display:none;}.upload-dropzone.has-image strong{font-size:15px;}.upload-dropzone.has-image small{font-size:12px;}.upload-image-actions{position:absolute;top:14px;right:14px;z-index:4;display:inline-flex;gap:8px;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity 0.18s ease,transform 0.18s ease;}.upload-dropzone.has-image:hover .upload-image-actions,.upload-dropzone.has-image:focus-within .upload-image-actions{opacity:1;pointer-events:auto;transform:translateY(0);}.upload-icon-btn{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,255,255,0.52);border-radius:8px;background:rgba(20,20,20,0.58);color:#fff8df;box-shadow:0 8px 18px rgba(20,20,20,0.22);font-size:22px;font-weight:950;line-height:1;backdrop-filter:blur(10px);}.upload-icon-btn:hover,.upload-icon-btn:focus-visible{background:var(--sun);color:var(--ink);outline:none;}.upload-icon-btn.danger:hover,.upload-icon-btn.danger:focus-visible{background:#ffe0d6;color:#8b1e14;}.upload-image-actions[aria-hidden="true"]{display:none;}.chat-layout{grid-template-columns:320px 1fr;}.chat-page{padding-top:12px;padding-bottom:18px;}.chat-page .section-head{margin-bottom:10px;}.chat-page .section-head h2{font-size:clamp(26px,2.6vw,36px);}.chat-page .section-head p{max-width:520px;font-size:13px;line-height:1.45;}.chat-page .chat-layout{grid-template-columns:300px minmax(0,1fr);gap:14px;}.chat-page .profile-panel,.chat-page .message-console{--chat-panel-padding:14px;--chat-panel-inner-radius:8px;padding:var(--chat-panel-padding);border-radius:calc( var(--chat-panel-inner-radius)+var(--chat-panel-padding) );}.chat-page .profile-panel{--chat-panel-inner-radius:20px;display:grid;grid-template-rows:auto auto;align-content:start;gap:14px;height:clamp(620px,calc(100svh - 170px),760px);min-height:0;}.chat-page .sticky-panel{max-height:clamp(620px,calc(100svh - 170px),760px);overflow:visible;}.message-console{min-height:720px;}.chat-page .message-console{display:grid;grid-template-rows:auto minmax(0,1fr);height:clamp(620px,calc(100svh - 170px),760px);min-height:0;}.chat-page .chat-message-console{grid-template-rows:minmax(0,1fr);}.console-header{padding-bottom:14px;border-bottom:1px solid var(--line);}.chat-page .console-header{padding-bottom:10px;}.console-body{display:grid;grid-template-columns:1fr 280px;gap:14px;min-height:626px;padding-top:14px;}.chat-page .console-body{grid-template-columns:minmax(0,1fr) 260px;gap:12px;min-height:0;padding-top:12px;}.chat-page .console-body.is-story-collapsed{grid-template-columns:minmax(0,1fr);gap:0;}.chat-page .chat-message-console .console-body{padding-top:0;}.console-main{display:grid;grid-template-rows:1fr auto;min-height:626px;}.chat-page .console-main{position:relative;isolation:isolate;padding:10px;min-height:0;border-radius:8px;background:#16130d;overflow:hidden;}.chat-page .console-main::before{content:"";position:absolute;inset:-10px;z-index:-2;background:var(--chat-bg) center 18% / cover no-repeat;opacity:1;filter:saturate(1.16) contrast(1.08) brightness(0.98);transform:scale(1.025);}.chat-page .console-main::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient( circle at 82% 22%,rgba(255,255,255,0.08),transparent 28% ),linear-gradient( 90deg,rgba(18,16,12,0.1) 0%,rgba(255,253,243,0.1) 44%,rgba(18,16,12,0.28) 100% ),linear-gradient( 180deg,rgba(255,253,243,0.02) 0%,rgba(20,20,20,0.1) 100% );pointer-events:none;}.story-module{--story-module-padding:12px;--story-module-inner-radius:8px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;min-width:0;min-height:0;max-height:100%;padding:var(--story-module-padding);border:1px solid rgba(20,20,20,0.14);border-radius:calc( var(--story-module-inner-radius)+var(--story-module-padding) );background:radial-gradient( circle at 100% 0%,rgba(255,212,59,0.3),transparent 38% ),linear-gradient( 180deg,rgba(255,255,255,0.72),rgba(255,248,223,0.76) ),rgba(255,253,243,0.94);box-shadow:0 10px 24px rgba(35,25,2,0.08);overflow:hidden;}.story-module-head{display:grid;gap:10px;padding-bottom:10px;border-bottom:1px solid rgba(20,20,20,0.1);}.story-module-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;}.story-module-title{display:flex;gap:10px;align-items:center;}.story-module-title img{width:56px;height:56px;flex:0 0 auto;border:2px solid rgba(20,20,20,0.16);border-radius:8px;object-fit:cover;object-position:50% 14%;box-shadow:4px 4px 0 rgba(20,20,20,0.12);}.story-module-badge{display:inline-flex;max-width:100%;min-height:30px;align-items:center;padding:3px 7px;border:1px solid rgba(255,183,3,0.36);border-radius:8px;background:#fff2b9;color:#5d4300;font-size:11px;font-weight:950;}.story-module-head h3{min-width:0;font-size:22px;line-height:1.15;}.story-module-tagline{color:#6b5f43;font-size:13px;font-weight:800;line-height:1.42;}.story-module-toggle{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 9px;border:1px solid rgba(20,20,20,0.13);border-radius:8px;background:rgba(255,255,255,0.72);color:#5f5238;font-size:12px;font-weight:900;}.story-module-toggle span{display:inline-grid;width:14px;height:14px;flex:0 0 auto;place-items:center;border-radius:4px;background:var(--sun);}.story-module-toggle span::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--ink);clip-path:polygon( 50% 0,62% 34%,100% 34%,70% 55%,82% 92%,50% 68%,18% 92%,30% 55%,0 34%,38% 34% );}.story-module-toggle:hover{border-color:var(--ink);color:var(--ink);}.story-module-body{display:grid;align-content:start;gap:8px;min-height:0;margin-right:-6px;padding-right:6px;overflow-y:auto;overscroll-behavior:contain;}.story-module-body::-webkit-scrollbar{width:5px;}.story-module-body::-webkit-scrollbar-track{background:transparent;}.story-module-body::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(95,82,56,0.22);}.story-highlight-row{display:flex;flex-wrap:wrap;gap:6px;}.story-highlight-row span{display:inline-flex;min-height:26px;align-items:center;gap:5px;padding:0 8px;border:1px solid rgba(20,20,20,0.1);border-radius:8px;background:#fff2b9;color:#5d4300;font-size:11px;font-weight:950;}.story-highlight-row i{font-style:normal;line-height:1;}.story-info-card{--story-info-padding:10px;--story-info-inner-radius:8px;position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);gap:6px;align-items:start;padding:var(--story-info-padding);border:1px solid rgba(20,20,20,0.1);border-radius:calc( var(--story-info-inner-radius)+var(--story-info-padding) );background:rgba(255,255,255,0.72);}.story-info-card b{display:grid;width:34px;height:34px;place-items:center;grid-row:1 / 3;border-radius:var(--story-info-inner-radius);border:1px solid rgba(20,20,20,0.12);background:rgba(255,255,255,0.88);font-size:20px;font-style:normal;line-height:1;box-shadow:inset 0 -8px 18px rgba(255,206,50,0.16),0 4px 10px rgba(35,25,2,0.08);}.story-info-card.is-background b{background:rgba(245,248,255,0.92);box-shadow:inset 0 -8px 18px rgba(94,132,255,0.14),0 4px 10px rgba(35,25,2,0.08);}.story-info-card.is-preference b{background:rgba(239,255,247,0.92);box-shadow:inset 0 -8px 18px rgba(36,177,113,0.14),0 4px 10px rgba(35,25,2,0.08);}.story-module-body h4{margin:0;color:#1f1a11;font-size:14px;line-height:1.25;}.story-module-body p{grid-column:2;color:#6b5f43;font-size:12px;line-height:1.58;}.story-module.is-collapsed{display:none;}.story-module-toggle.is-floating{position:absolute;top:14px;right:14px;z-index:4;min-height:34px;padding:0 12px;border:1px solid rgba(20,20,20,0.16);background:rgba(255,248,223,0.94);box-shadow:0 8px 18px rgba(35,25,2,0.12);backdrop-filter:blur(10px);}.memory-list{display:grid;gap:10px;}.chat-page .memory-list{align-content:start;gap:8px;overflow:auto;}.memory-item{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff;}.chat-page .memory-item{padding:10px;}.memory-title{display:flex;align-items:center;gap:8px;}.memory-title i{display:grid;width:24px;height:24px;flex:0 0 auto;place-items:center;border:1px solid rgba(20,20,20,0.14);border-radius:7px;background:var(--sun);color:var(--ink);font-size:12px;font-style:normal;font-weight:950;}.memory-item strong{display:block;margin-bottom:0;}.chat-page .memory-item strong{margin-bottom:0;font-size:14px;}.memory-item span{color:var(--muted);font-size:13px;line-height:1.55;}.chat-page .memory-item span{font-size:12px;line-height:1.45;}.memory-item.is-quota{background:rgba(255,246,191,0.92);}.memory-item.is-stage{background:rgba(255,255,255,0.92);}.memory-item.is-vip{border-color:rgba(255,216,74,0.52);background:linear-gradient(135deg,rgba(17,16,12,0.94),rgba(51,38,10,0.92)),var(--vip-ink);color:var(--vip-gold);}.memory-item.is-vip span{color:rgba(255,238,159,0.9);}.memory-item.is-vip .memory-title i{border-color:rgba(255,216,74,0.48);background:var(--vip-gold);color:var(--vip-ink);}.memory-item.is-vip .memory-title strong{color:var(--vip-gold);}.vip-mini-action{border:1px solid rgba(255,216,74,0.58);background:var(--vip-gold);color:var(--vip-ink);}.memory-item.is-topics{background:rgba(255,255,255,0.92);}.memory-item.is-safe .memory-title i{background:#dff7ed;}.memory-item.is-ops .memory-title i{background:#eaf0ff;}.topic-chips{display:flex;flex-wrap:wrap;gap:6px;}.topic-chips button{min-height:28px;padding:0 9px;border:1px solid rgba(20,20,20,0.12);border-radius:8px;background:#fff8dc;color:#514425;font-size:12px;font-weight:850;}.quota-card{display:grid;gap:10px;background:#fff6bf;}.memory-item .mini-action,.quota-card .mini-action{width:fit-content;}.side-tabs{display:grid;gap:8px;}.chat-page .side-tabs{gap:6px;}.side-tab{display:flex;align-items:center;gap:10px;width:100%;min-height:60px;padding:9px;border:1px solid var(--line);border-radius:8px;background:#fff;text-align:left;}.chat-page .side-tab{min-height:52px;padding:7px;}.side-tab.is-active{border-color:var(--ink);background:var(--sun);}.role-selector-card{--role-selector-padding:12px;--role-selector-inner-radius:8px;position:relative;z-index:6;display:grid;align-content:start;gap:12px;min-height:0;padding:var(--role-selector-padding);border:2px solid rgba(20,20,20,0.86);border-radius:calc( var(--role-selector-inner-radius)+var(--role-selector-padding) );background:radial-gradient( circle at 92% 8%,rgba(255,216,74,0.22),transparent 30% ),linear-gradient(180deg,#fffdf5 0%,#fff7d8 100%);box-shadow:4px 4px 0 rgba(20,20,20,0.9);}.role-selector-card.is-open{z-index:30;}.role-selector-card>label{color:#6b5b31;font-size:12px;font-weight:950;}.role-picker-trigger{position:relative;display:grid;grid-template-columns:92px minmax(0,1fr) 18px;gap:14px;align-items:center;width:100%;min-height:106px;padding:10px;border:1px solid rgba(20,20,20,0.16);border-radius:var(--role-selector-inner-radius);background:rgba(255,255,255,0.78);text-align:left;}.role-picker-trigger:hover,.role-selector-card.is-open .role-picker-trigger{border-color:var(--ink);background:#fffdf3;}.role-picker-art{position:relative;display:grid;width:92px;height:86px;place-items:center;border:1px solid rgba(20,20,20,0.22);border-radius:8px;background:radial-gradient( circle at 50% 10%,rgba(255,255,255,0.78),transparent 36% ),linear-gradient( 180deg,rgba(255,247,202,0.62),rgba(232,239,255,0.52) ),#fff;box-shadow:4px 4px 0 rgba(20,20,20,0.12);overflow:hidden;}.role-picker-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center top;filter:drop-shadow(0 10px 12px rgba(20,20,20,0.16));}.role-picker-trigger strong,.role-picker-trigger small,.role-picker-option strong,.role-picker-option small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.role-picker-trigger strong,.role-picker-option strong{color:var(--ink);font-size:18px;line-height:1.2;}.role-picker-trigger small,.role-picker-option small{margin-top:5px;color:#64583e;font-size:12px;font-weight:800;}.role-picker-trigger b{width:10px;height:10px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg) translateY(-2px);}.role-selector-card.is-open .role-picker-trigger b{transform:rotate(225deg) translate(-2px,-2px);}.role-picker-panel{--role-picker-panel-padding:10px;--role-picker-panel-inner-radius:8px;position:absolute;top:154px;right:12px;left:12px;display:none;gap:10px;padding:var(--role-picker-panel-padding);border:1px solid rgba(20,20,20,0.18);border-radius:calc( var(--role-picker-panel-inner-radius)+var(--role-picker-panel-padding) );background:#14120d;box-shadow:0 18px 38px rgba(20,14,2,0.22);}.role-selector-card.is-open .role-picker-panel{display:grid;}.role-search{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;align-items:center;min-height:42px;padding:0 10px;border:1px solid rgba(255,216,74,0.38);border-radius:var(--role-picker-panel-inner-radius);background:rgba(255,255,255,0.08);}.role-search span{width:14px;height:14px;border:2px solid var(--vip-gold);border-radius:999px;box-shadow:7px 7px 0 -5px var(--vip-gold);}.role-search input{width:100%;min-width:0;border:0;background:transparent;color:#fff8d8;font-size:14px;font-weight:850;outline:0;}.role-search input::placeholder{color:rgba(255,248,216,0.58);}.role-picker-list{display:grid;gap:6px;max-height:360px;overflow:auto;}.role-picker-group{display:grid;gap:6px;}.role-picker-group+.role-picker-group{margin-top:8px;padding-top:10px;border-top:1px solid rgba(255,216,74,0.14);}.role-picker-group-title{padding:2px 4px;color:rgba(255,248,216,0.56);font-size:11px;font-weight:900;letter-spacing:0.08em;}.role-picker-option{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:center;min-height:86px;padding:8px;border:1px solid transparent;border-radius:var(--role-picker-panel-inner-radius);background:transparent;text-align:left;}.role-picker-option .role-picker-art{width:72px;height:70px;border-color:rgba(255,248,216,0.24);background:radial-gradient( circle at 50% 8%,rgba(255,255,255,0.24),transparent 38% ),rgba(255,255,255,0.08);box-shadow:none;}.role-picker-option strong{color:#fff8d8;}.role-picker-option small{color:rgba(255,248,216,0.7);}.role-picker-option:hover,.role-picker-option.is-active{border-color:rgba(255,216,74,0.46);background:rgba(255,216,74,0.12);}.role-picker-option.is-active strong{color:var(--vip-gold);}.role-selector-voice{display:flex;min-height:42px;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid rgba(20,20,20,0.12);}.role-selector-voice>span{color:#3f351f;font-size:13px;font-weight:950;}.conversation-panel{--conversation-panel-padding:12px;--conversation-panel-inner-radius:8px;display:grid;grid-template-rows:auto auto;gap:10px;min-height:0;padding:var(--conversation-panel-padding);border:1px solid var(--line);border-radius:calc( var(--conversation-panel-inner-radius)+var(--conversation-panel-padding) );background:rgba(255,253,243,0.72);}.conversation-head{display:flex;align-items:center;justify-content:space-between;gap:10px;}.conversation-head h3{font-size:16px;}.conversation-head .mini-action{min-height:32px;flex:0 0 auto;border-radius:8px;}.conversation-list{display:grid;max-height:246px;gap:8px;overflow:auto;}.chat-page .conversation-list{max-height:none;gap:6px;}.conversation-row{position:relative;display:block;}.conversation-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:62px;padding:10px;border:1px solid rgba(20,20,20,0.12);border-radius:var(--conversation-panel-inner-radius);background:#fff;text-align:left;}.chat-page .conversation-item{min-height:54px;padding:8px;}.conversation-row.is-active .conversation-item{border-color:var(--ink);background:#fff4bd;}.conversation-delete{position:absolute;top:50%;right:10px;display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(20,20,20,0.14);border-radius:8px;background:rgba(255,255,255,0.92);color:#6b6048;box-shadow:0 8px 18px rgba(20,20,20,0.12);font-size:24px;font-weight:900;line-height:1;opacity:0;pointer-events:none;transform:translateY(-50%) scale(0.92);transition:opacity 0.16s ease,transform 0.16s ease,background 0.16s ease,color 0.16s ease;}.conversation-row:hover .conversation-delete,.conversation-row:focus-within .conversation-delete{opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1);}.conversation-row:hover .conversation-item em,.conversation-row:focus-within .conversation-item em{opacity:0;}.conversation-delete:hover{border-color:rgba(179,38,30,0.38);background:#fff0ec;color:#9a251d;}.conversation-current{display:none;width:48px;min-height:54px;align-items:center;justify-content:center;border:1px solid rgba(20,20,20,0.08);border-radius:8px;background:rgba(255,255,255,0.56);color:#6c624b;font-size:12px;font-weight:900;}.conversation-item span{display:grid;min-width:0;gap:4px;}.conversation-item strong,.conversation-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.conversation-item strong{font-size:13px;}.conversation-item small,.conversation-item em{color:var(--muted);font-size:11px;}.conversation-item em{font-style:normal;white-space:nowrap;}.solution-layout{grid-template-columns:1fr;}.architecture{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px;}.arch-layer{min-height:166px;padding:16px;border:1px solid rgba(20,20,20,0.14);border-radius:8px;background:rgba(255,255,255,0.72);}.arch-layer strong{display:block;margin-bottom:12px;}.arch-layer span{display:block;margin-top:7px;color:var(--muted);font-size:13px;}.price-grid{grid-template-columns:repeat(3,1fr);}.vip-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;margin-bottom:18px;padding:22px;border:2px solid var(--vip-ink);border-radius:8px;background:radial-gradient( circle at 82% 18%,rgba(255,216,74,0.38),transparent 30% ),linear-gradient(135deg,#17140b 0%,#2c2108 58%,#0f0e0b 100%);box-shadow:8px 8px 0 var(--vip-ink),0 18px 42px rgba(17,16,12,0.18);color:var(--vip-gold);}.vip-hero h3{margin-top:10px;font-size:clamp(28px,3vw,42px);}.vip-hero p{max-width:620px;margin-top:8px;color:rgba(255,238,159,0.9);line-height:1.7;}.vip-hero-perks{display:grid;grid-template-columns:repeat(2,minmax(96px,1fr));gap:8px;}.vip-hero-perks span{display:flex;gap:8px;min-height:42px;align-items:center;justify-content:center;padding:0 12px;border:1px solid rgba(255,216,74,0.38);border-radius:8px;background:rgba(255,216,74,0.1);color:#fff4b8;font-size:13px;font-weight:900;}.vip-hero-perks i{display:grid;width:22px;height:22px;place-items:center;border-radius:7px;background:var(--vip-gold);color:var(--vip-ink);font-size:11px;font-style:normal;font-weight:950;}.price-card{position:relative;display:grid;gap:14px;overflow:hidden;border:1px solid rgba(17,16,12,0.18);background:radial-gradient( circle at 96% 8%,rgba(255,216,74,0.14),transparent 24% ),linear-gradient(180deg,#fffefa 0%,#fffaf0 100%);box-shadow:0 18px 42px rgba(35,25,2,0.11),0 0 0 1px rgba(255,255,255,0.78) inset;}.price-card::before{display:none;}.price-card>.primary-btn,.price-card>.secondary-btn{width:100%;min-height:48px;padding:8px 14px;line-height:1.25;text-align:center;white-space:normal;}.price-card.highlight{border:2px solid rgba(17,16,12,0.72);background:radial-gradient( circle at 90% 10%,rgba(255,255,255,0.46),transparent 26% ),linear-gradient(180deg,#fff6c9 0%,#ffe879 100%);box-shadow:0 22px 48px rgba(41,28,2,0.18),0 0 0 1px rgba(255,255,255,0.72) inset;}.price-card.is-member-plan{border-color:rgba(126,86,0,0.28);}.price-card.is-member-plan:not(.highlight){background:radial-gradient( circle at 94% 8%,rgba(255,216,74,0.16),transparent 24% ),linear-gradient(180deg,#fffefa 0%,#fff8e7 100%);box-shadow:0 20px 46px rgba(35,25,2,0.13),0 0 0 1px rgba(255,255,255,0.82) inset;}.price-card.is-free-plan{border-color:rgba(17,16,12,0.18);background:linear-gradient(180deg,#fffefa 0%,#fffaf0 100%);box-shadow:0 18px 42px rgba(35,25,2,0.12),0 0 0 1px rgba(255,255,255,0.78) inset;}.price{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;font-size:34px;font-weight:900;}.price-card.is-member-plan .price{color:var(--vip-ink);}.price strong{font-size:34px;font-weight:900;}.price-original{color:rgba(79,67,38,0.7);font-size:16px;font-weight:700;text-decoration:line-through;text-decoration-thickness:1.5px;}.price span{color:var(--muted);font-size:14px;font-weight:700;}.check-list{display:grid;gap:10px;padding:0;margin:0;list-style:none;}.check-list li{display:flex;gap:8px;color:#4b4027;line-height:1.55;}.check-list li::before{content:"✓";display:inline-grid;width:18px;height:18px;flex:0 0 auto;margin-top:4px;place-items:center;border-radius:4px;background:linear-gradient(135deg,#ffe66c,var(--sun));color:var(--ink);font-size:13px;font-weight:950;line-height:1;box-shadow:inset 0 0 0 1px rgba(20,20,20,0.16);}.price-card.is-member-plan .check-list li::before{background:linear-gradient(135deg,#fff1a3,var(--vip-gold));color:var(--vip-ink);box-shadow:inset 0 0 0 1px rgba(17,16,12,0.18);}.member-status-card{border:2px solid var(--vip-ink);background:linear-gradient( 135deg,rgba(255,216,74,0.22),rgba(255,253,243,0.92) ),var(--paper);box-shadow:6px 6px 0 var(--vip-ink);}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(var(--content-max),calc(100% - 32px));margin:0 auto;padding:26px 0 38px;border-top:1px solid rgba(20,20,20,0.13);color:#4b4027;}.site-footer p{margin-top:6px;color:var(--muted);}.footer-links{display:flex;gap:16px;font-weight:800;}.paywall-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:rgba(20,20,20,0.48);backdrop-filter:blur(10px);}.paywall-modal{position:relative;width:min(760px,100%);max-height:min(820px,calc(100vh - 32px));padding:22px;border:2px solid var(--ink);border-radius:8px;background:var(--paper);box-shadow:8px 8px 0 var(--ink);overflow:auto;}.paywall-modal.vip-paywall{border-color:var(--vip-ink);background:radial-gradient( circle at top right,rgba(255,216,74,0.18),transparent 26% ),var(--paper);box-shadow:10px 10px 0 var(--vip-ink);}.paywall-close{position:absolute;top:12px;right:12px;display:grid;width:36px;height:36px;place-items:center;border-radius:8px;background:var(--ink);color:var(--sun);font-size:24px;line-height:1;}.vip-paywall .paywall-close{border:1px solid rgba(255,216,74,0.38);background:var(--vip-ink);color:var(--vip-gold);}.paywall-hero{display:grid;grid-template-columns:118px 1fr;gap:16px;align-items:center;padding-right:40px;}.paywall-hero .vip-symbol{width:36px;height:36px;}.paywall-hero .vip-symbol.is-crown::before{left:8px;right:8px;bottom:13px;height:14px;}.paywall-hero .vip-symbol.is-crown::after{left:9px;right:9px;bottom:9px;}.paywall-hero img{width:118px;height:144px;border:2px solid var(--ink);border-radius:8px;object-fit:cover;object-position:50% 12%;}.vip-paywall .paywall-hero img{border-color:var(--vip-ink);}.paywall-modal h2{margin-top:12px;font-size:34px;line-height:1.05;}.paywall-modal.vip-paywall h2{color:var(--vip-ink);}.paywall-modal p{color:var(--muted);line-height:1.65;}.paywall-modal.vip-paywall p{color:#4d442f;}.paywall-options{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px;}.pay-option{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:8px;background:#fff;}.pay-option.is-primary{border:2px solid var(--vip-ink);background:linear-gradient(180deg,#fff6c8 0%,#ffe897 100%);}.vip-paywall .pay-option.is-primary{background:radial-gradient( circle at 82% 16%,rgba(255,216,74,0.28),transparent 26% ),linear-gradient(180deg,#fff7ce 0%,#ffe896 100%);}.vip-paywall .pay-option.is-yearly{position:relative;border:2px solid rgba(17,16,12,0.72);background:radial-gradient( circle at 88% 12%,rgba(255,216,74,0.2),transparent 26% ),linear-gradient(180deg,#fffdf4 0%,#fff2bd 100%);box-shadow:inset 0 0 0 1px rgba(255,216,74,0.32);}.vip-paywall .pay-option.is-yearly::before{content:"LONG TERM";display:inline-flex;width:fit-content;min-height:24px;align-items:center;padding:0 8px;border-radius:999px;background:var(--vip-ink);color:var(--vip-gold);font-size:10px;font-weight:950;}.pay-option strong{font-size:18px;}.pay-option div{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;font-size:32px;font-weight:900;}.vip-paywall .pay-option div{color:var(--vip-ink);}.pay-option div strong{font-size:32px;font-weight:900;}.pay-price-original{color:rgba(79,67,38,0.68);font-size:15px;font-weight:700;text-decoration:line-through;text-decoration-thickness:1.5px;}.pay-option div span{color:var(--muted);font-size:13px;}.paywall-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:16px;}.confirm-modal .paywall-actions{justify-content:flex-end;}.vip-paywall .paywall-actions .ghost-btn{border-color:rgba(255,216,74,0.32);}.auth-modal{width:min(520px,calc(100% - 48px));background:radial-gradient( circle at 92% 10%,rgba(255,212,59,0.26),transparent 28% ),var(--paper);}.auth-hero{display:grid;grid-template-columns:68px 1fr;gap:14px;align-items:center;padding-right:40px;}.auth-symbol{display:grid;width:68px;height:68px;place-items:center;border:2px solid var(--ink);border-radius:8px;background:radial-gradient( circle at 30% 20%,rgba(255,255,255,0.55),transparent 22% ),linear-gradient(135deg,var(--sun),#ffbd2e);box-shadow:5px 5px 0 var(--ink);font-size:28px;font-weight:950;}.auth-modal h2{margin:6px 0 0;font-size:34px;}.auth-modal p{margin:8px 0 0;}.google-login{display:flex;width:100%;min-height:52px;align-items:center;justify-content:center;gap:10px;margin-top:20px;border:2px solid var(--ink);border-radius:8px;background:#ffffff;color:var(--ink);box-shadow:4px 4px 0 var(--ink);font-weight:900;}.google-login i{display:grid;width:28px;height:28px;place-items:center;border-radius:999px;background:var(--ink);color:var(--sun);font-style:normal;font-weight:950;}.email-login{display:grid;gap:10px;margin-top:16px;}.email-login label{color:#4b4027;font-weight:900;}.email-login>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;}.email-login input{min-height:48px;min-width:0;padding:0 12px;border:1px solid rgba(20,20,20,0.2);border-radius:8px;background:#fff;outline:0;}.email-login input:focus{border-color:var(--ink);box-shadow:0 0 0 4px rgba(255,212,59,0.26);}.email-login small,.auth-account-desc{color:var(--muted);line-height:1.6;}.auth-code-form{margin-top:12px;}.email-login[hidden],.auth-code-form[hidden],.auth-feedback[hidden]{display:none !important;}.auth-code-actions{display:flex;flex-wrap:wrap;gap:8px;}.auth-code-actions .ghost-btn{min-height:40px;padding-inline:12px;}.auth-feedback{padding:10px 12px;border:1px solid rgba(20,20,20,0.12);border-radius:8px;background:rgba(255,255,255,0.76);color:#5b5139;font-size:13px;font-weight:800;line-height:1.5;}.auth-feedback[data-tone="success"]{border-color:rgba(84,198,150,0.4);background:#eefaf4;color:#24563f;}.auth-feedback[data-tone="error"]{border-color:rgba(222,90,90,0.32);background:#fff1f1;color:#8a2b2b;}.account-membership-card{display:grid;gap:14px;margin-top:18px;padding:16px;border:1px solid rgba(20,20,20,0.13);border-radius:8px;background:rgba(255,255,255,0.76);}.account-membership-card.is-active{border:2px solid var(--vip-ink);background:radial-gradient( circle at 90% 10%,rgba(255,216,74,0.22),transparent 28% ),linear-gradient(180deg,#fff9da 0%,#fff2a8 100%);}.account-membership-card h3{margin:10px 0 0;font-size:24px;}.account-membership-card p{margin-top:6px;}.membership-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;}.membership-meta div{padding:10px;border:1px solid rgba(20,20,20,0.12);border-radius:8px;background:rgba(255,255,255,0.62);}.membership-meta dt,.membership-meta dd{margin:0;}.membership-meta dt{color:var(--muted);font-size:12px;font-weight:850;}.membership-meta dd{margin-top:4px;color:var(--ink);font-weight:950;}.membership-actions{display:flex;flex-wrap:wrap;gap:10px;}.membership-actions .primary-btn,.membership-actions .secondary-btn,.membership-actions .ghost-btn{min-height:40px;padding-top:8px;padding-bottom:8px;line-height:1.25;white-space:normal;}.plan-note{width:fit-content;margin:-4px 0 0;padding:6px 8px;border:1px solid rgba(20,20,20,0.12);border-radius:8px;background:rgba(255,255,255,0.62);color:#6b5d3d;font-size:12px;font-weight:850;}.confirm-modal{width:min(520px,100%);}.confirm-hero{display:block;padding-right:42px;}.conversation-confirm-modal p{margin-top:14px;}.character-confirm-modal p{margin-top:14px;}@media (max-width:1120px){.character-grid{grid-template-columns:repeat(4,minmax(0,1fr));}}@media (max-width:980px){.topbar{grid-template-columns:auto auto;}.nav-toggle{display:block;justify-self:end;}.main-nav,.topbar-actions{display:none;}.main-nav.is-open,.main-nav.is-open+.topbar-actions{display:grid;grid-column:1 / -1;justify-content:stretch;gap:4px;}.main-nav.is-open+.topbar-actions{grid-template-columns:1fr;}.main-nav.is-open+.topbar-actions .benefit-link,.main-nav.is-open+.topbar-actions .locale-control,.main-nav.is-open+.topbar-actions .auth-button{width:100%;}.main-nav a{padding:12px;}.hero,.product-band,.mobile-demo,.character-detail-hero,.character-detail-grid,.character-layout,.chat-layout,.console-body{grid-template-columns:1fr;}.hero-copy{min-height:auto;}.phone-stage{min-height:auto;}.grid-3,.grid-4,.price-grid,.paywall-options,.architecture{grid-template-columns:repeat(2,1fr);}.character-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.sticky-panel{position:static;}.plaza-head{grid-template-columns:1fr;}.create-role-cta{justify-self:stretch;width:100%;}.character-detail-hero{height:auto;}.character-detail-copy{max-height:none;overflow:visible;padding-right:4px;}}@media (max-width:640px){.page{width:min(100% - 22px,var(--content-max));padding-top:26px;}.topbar{width:min(100% - 22px,var(--content-max));margin-top:10px;}h1{font-size:46px;}.lead{font-size:16px;}.hero-metrics,.grid-3,.grid-4,.price-grid,.architecture,.character-grid{grid-template-columns:1fr;}.character-tabs{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));}.character-tabs button{padding:0 10px;}.home-page{width:min(100% - 22px,var(--content-max));padding-top:14px;}.home-role-showcase{height:auto;min-height:auto;padding:14px;}.home-carousel-card{grid-template-columns:1fr;}.home-carousel-head{align-items:stretch;flex-direction:column;gap:12px;}.home-carousel-controls{justify-content:space-between;}.home-carousel-controls button{width:46px;height:46px;}.home-carousel-art{height:320px;border-right:0;border-bottom:2px solid var(--ink);}.home-carousel-copy{padding:20px;}.home-chat-cta{width:100%;}.character-detail-toolbar{top:auto;}.detail-back-link{justify-content:center;}.character-detail-hero{--detail-hero-padding:12px;}.character-detail-art,.character-detail-art img{min-height:390px;}.detail-actions{grid-template-columns:1fr;}.builder-modal,.confirm-modal,.paywall-modal,.auth-modal{width:100%;max-height:calc(100svh - 20px);padding:18px;}.builder-modal-card{padding:0;}.builder-card{gap:12px;}.builder-head h2{font-size:34px;line-height:1.08;}.field label{font-size:13px;}.field input,.field textarea,.field select{font-size:16px;}.builder-actions{grid-template-columns:1fr;}.builder-head{display:grid;}.upload-dropzone{min-height:190px;padding:18px;}.phone-stage{padding:16px;}.quota-strip,.paywall-hero,.auth-hero,.paywall-options{grid-template-columns:1fr;}.quota-strip{grid-template-columns:34px minmax(0,1fr);}.quota-strip button{grid-column:1 / -1;justify-self:stretch;}.paywall-hero{padding-right:0;}.auth-hero{padding-right:40px;}.email-login>div{grid-template-columns:1fr;}.membership-meta{grid-template-columns:1fr;}.paywall-hero img{width:100%;height:220px;}.chat-panel,.message-console,.console-main,.console-body{min-height:auto;}.chat-page{gap:10px;}.chat-page .section-head{gap:6px;}.chat-page .section-head h2{font-size:22px;}.chat-page .profile-panel,.chat-page .message-console{padding:10px;border-radius:18px;}.chat-page .profile-panel{height:auto;gap:10px;}.chat-page .message-console{height:auto;}.chat-page .console-body{gap:10px;padding-top:10px;}.chat-page .console-main{padding:8px;border-radius:18px;}.chat-page .messages{margin:0;}.chat-page .immersive-messages{padding:8px;}.message{max-width:calc(100% - 6px);}.message.is-scene{max-width:100%;}.message-bubble{padding:14px;font-size:14px;line-height:1.7;}.message.is-scene .message-bubble{padding:14px;}.message-inline-prompts{margin-top:8px;}.quick-prompts{gap:8px;}.quick-prompts button{width:100%;min-height:42px;padding:10px 12px;font-size:13px;}.composer{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;}.mic-btn,.send-btn{min-width:44px;min-height:44px;}.send-btn span:last-child{display:none;}.character-tile{min-height:0;}.character-art{min-height:160px;}.character-art img{height:160px;}.tile-title-row h3{font-size:20px;}.tile-meta{flex-wrap:wrap;overflow:visible;}.tile-actions{grid-template-columns:1fr;}.tile-actions button{width:100%;}.section-head,.site-footer{align-items:stretch;flex-direction:column;}.footer-links{flex-wrap:wrap;}}@media (max-width:420px){h1{font-size:38px;}.page,.topbar,.home-page{width:min(100% - 16px,var(--content-max));}.builder-modal,.confirm-modal,.paywall-modal,.auth-modal{padding:14px;}.auth-modal{width:min(100% - 28px,420px);}.builder-head h2{font-size:30px;}.upload-dropzone{min-height:168px;padding:14px;}.upload-dropzone-copy strong{font-size:15px;}.upload-dropzone-copy small{font-size:11px;}.chat-page .profile-panel,.chat-page .message-console,.chat-page .console-main{border-radius:16px;}.message-bubble{padding:12px;font-size:13px;}.message small,.prompt-row>span{font-size:10px;}.tile-title-row h3{font-size:18px;}.tile-progress-value{font-size:14px;}}@media (max-width:760px){:root{--mobile-tabbar-height:calc(72px+env(safe-area-inset-bottom));--mobile-chat-composer-offset:calc(var(--mobile-tabbar-height)+96px);}body{padding-bottom:var(--mobile-tabbar-height);}.app-shell{padding-bottom:var(--mobile-tabbar-height);}.mobile-tabbar{position:fixed;left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom));z-index:80;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:8px;border:1px solid rgba(20,20,20,0.12);border-radius:20px;background:rgba(255,252,244,0.94);box-shadow:0 18px 38px rgba(20,16,7,0.18);backdrop-filter:blur(18px) saturate(1.05);}.mobile-tabbar-link{min-height:56px;display:grid;justify-items:center;align-content:center;gap:5px;padding:6px 4px;border-radius:14px;color:#5d5238;font-size:10px;font-weight:900;line-height:1.1;text-align:center;}.mobile-tabbar-link svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}.mobile-tabbar-link span{display:block;}.mobile-tabbar-link.is-active{background:#11100d;color:#ffd53c;box-shadow:3px 3px 0 rgba(20,20,20,0.16);}.mobile-tabbar-link-vip{color:#7a5a08;}.mobile-tabbar-link-vip.is-active{background:linear-gradient(135deg,#fff2ac 0%,#ffd44a 100%);color:#231a06;}.nav-toggle,.main-nav{display:none !important;}body:has(.chat-page){background:#12100b;}.app-shell:has(.chat-page){min-height:100svh;padding-bottom:var(--mobile-tabbar-height);background:#12100b;}.app-shell:has(.chat-page) .topbar{position:sticky;top:0;width:100%;margin-top:0;padding:max(8px,env(safe-area-inset-top)) 12px 8px;border-width:0 0 1px;border-radius:0;background:rgba(255,253,243,0.94);box-shadow:none;}.app-shell:has(.chat-page) .brand{min-width:0;padding-right:0;}.app-shell:has(.chat-page) .brand::after,.app-shell:has(.chat-page) .brand small,.app-shell:has(.chat-page) .nav-toggle,.app-shell:has(.chat-page) .main-nav,.app-shell:has(.chat-page) .locale-control,.app-shell:has(.chat-page) .site-footer{display:none;}.app-shell:has(.chat-page) .brand-mark{width:34px;height:34px;border-radius:8px;}.app-shell:has(.chat-page) .brand strong{font-size:16px;}.app-shell:has(.chat-page) .topbar-actions{display:flex;width:auto;justify-self:end;}.app-shell:has(.chat-page) .benefit-link{display:none;}.app-shell:has(.chat-page) .auth-button{min-height:36px;padding-inline:12px;box-shadow:3px 3px 0 var(--ink);font-size:13px;}.chat-page{width:100%;height:calc( 100svh - 51px - env(safe-area-inset-top) - var(--mobile-tabbar-height) );padding:0;overflow:hidden;}.chat-page .section-head{display:none;}.chat-page .chat-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:0;height:100%;}.chat-page .profile-panel,.chat-page .message-console{height:auto;min-height:0;border:0;border-radius:0;box-shadow:none;}.chat-page .profile-panel{position:relative;top:auto;z-index:2;gap:8px;padding:10px 12px 8px;background:linear-gradient( 180deg,#fff8dc 0%,rgba(255,248,220,0.78) 100% );}.chat-page .role-selector-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;}.chat-page .role-selector-card>label{display:none;}.chat-page .role-picker-trigger{grid-template-columns:52px minmax(0,1fr) 14px;min-height:56px;gap:10px;padding:6px;border-color:rgba(20,20,20,0.14);background:rgba(255,255,255,0.78);}.chat-page .role-picker-art{width:52px;height:48px;box-shadow:none;}.chat-page .role-picker-trigger strong{font-size:16px;}.chat-page .role-picker-trigger small{margin-top:3px;font-size:11px;}.chat-page .role-selector-voice{min-width:82px;justify-content:end;gap:7px;color:#5c5139;font-size:11px;font-weight:900;}.chat-page .voice-switch{width:46px;height:26px;}.chat-page .voice-switch span{width:18px;height:18px;}.chat-page .voice-switch.is-on span{transform:translateX(20px);}.chat-page .conversation-panel{padding:0;border:0;border-radius:0;background:transparent;}.chat-page .conversation-head{margin-bottom:6px;}.chat-page .conversation-head h3{display:none;}.chat-page .mini-action{min-height:32px;padding-inline:10px;border-width:1px;box-shadow:none;font-size:12px;}.chat-page .conversation-list{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;}.chat-page .conversation-list::-webkit-scrollbar{display:none;}.chat-page .conversation-row{flex:0 0 168px;}.chat-page .conversation-item{min-height:44px;padding:7px 9px;border-color:rgba(20,20,20,0.12);background:rgba(255,255,255,0.76);}.chat-page .conversation-item small,.chat-page .conversation-item em{font-size:10px;}.chat-page .message-console{padding:0;height:100%;min-height:0;overflow:hidden;background:transparent;}.chat-page .console-body{grid-template-columns:minmax(0,1fr);gap:0;height:100%;min-height:0;padding-top:0;overflow:hidden;}.chat-page .console-main{grid-template-rows:minmax(0,1fr);height:100%;min-height:0;padding:8px 10px calc(20px+env(safe-area-inset-bottom));border-radius:0;}.chat-page .console-main::before{inset:-18px;background-position:center 12%;filter:saturate(1.12) contrast(1.08) brightness(0.9);transform:scale(1.04);}.chat-page .console-main::after{background:linear-gradient( 180deg,rgba(14,13,10,0.18),transparent 28%,rgba(10,9,7,0.5) ),linear-gradient( 90deg,rgba(20,18,12,0.18),transparent 48%,rgba(20,18,12,0.22) );}.chat-page .story-module,.chat-page .story-module-toggle.is-floating{display:none;}.chat-page .messages,.chat-page .immersive-messages{flex:1 1 auto;gap:9px;height:100%;min-height:0;margin:0;padding:14px 2px var(--mobile-chat-composer-offset) !important;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient( to bottom,transparent 0,#000 20px,#000 calc(100% - 18px),transparent 100% );mask-image:linear-gradient( to bottom,transparent 0,#000 20px,#000 calc(100% - 18px),transparent 100% );}.chat-page .message{max-width:88%;gap:7px;}.chat-page .message.user{max-width:84%;}.chat-page .message.is-scene{max-width:100%;}.chat-page .message-avatar{width:30px;height:30px;border-radius:8px;}.chat-page .message-bubble{padding:10px 12px;border-radius:12px;font-size:14px;line-height:1.62;}.chat-page .message.ai .message-bubble{background:rgba(255,255,255,0.9);}.chat-page .message.user .message-bubble{background:rgba(255,212,59,0.96);}.chat-page .message.is-scene .message-bubble{padding:12px;font-size:14px;box-shadow:0 12px 24px rgba(16,12,4,0.18);}.chat-page .message-meta-row{gap:7px;}.chat-page .message small{font-size:10px;}.chat-page .message-replay-btn{min-height:24px;padding-inline:8px;font-size:11px;}.chat-page .chat-action-panel{position:fixed;left:12px;right:12px;bottom:calc(12px+var(--mobile-tabbar-height));z-index:70;gap:7px;padding:0;pointer-events:none;}.chat-page .chat-action-panel>*{pointer-events:auto;}.chat-page .chat-form{position:static;}.chat-page .prompt-row{grid-template-columns:minmax(0,1fr);gap:0;}.chat-page .prompt-row>span,.chat-page .composer-note{display:none;}.chat-page .quick-prompts{gap:7px;padding-bottom:1px;}.chat-page .quick-prompts button,.chat-page .message-inline-prompts button{min-height:34px;padding-inline:11px;border-color:rgba(255,255,255,0.3);background:rgba(255,253,243,0.84);box-shadow:0 6px 14px rgba(16,12,4,0.16);backdrop-filter:blur(8px);font-size:12px;}.chat-page .composer{display:grid;grid-template-columns:44px minmax(0,1fr) 48px;gap:7px;padding:5px;border-color:rgba(255,255,255,0.36);border-radius:16px;background:rgba(255,255,255,0.9);box-shadow:0 14px 28px rgba(16,12,4,0.24);backdrop-filter:blur(14px) saturate(1.08);}.chat-page .composer input{min-height:44px;padding-inline:5px;font-size:16px;}.chat-page .mic-btn{width:44px;height:44px;min-width:44px;border-radius:12px;}.chat-page .composer .primary-btn{min-width:48px;width:48px;height:44px;min-height:44px;padding:0;border-radius:12px;box-shadow:3px 3px 0 var(--ink);}.chat-page .send-btn>span:last-child{display:none;}}@media (max-width:430px){:root{--mobile-chat-composer-offset:calc(var(--mobile-tabbar-height)+90px);}.mobile-tabbar{left:8px;right:8px;gap:6px;padding:7px;border-radius:18px;}.mobile-tabbar-link{min-height:52px;font-size:9px;}.mobile-tabbar-link svg{width:20px;height:20px;}.chat-page .profile-panel{padding-inline:9px;}.chat-page .conversation-panel{display:none;}.chat-page .role-selector-voice>span{display:none;}.chat-page .conversation-row{flex-basis:154px;}.chat-page .message{max-width:92%;}.chat-page .message.user{max-width:88%;}.chat-page .message-bubble{padding:9px 11px;font-size:13px;}.chat-page .quick-prompts button,.chat-page .message-inline-prompts button{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.chat-page .composer{grid-template-columns:42px minmax(0,1fr) 46px;}.chat-page .chat-action-panel{left:10px;right:10px;bottom:calc(10px+var(--mobile-tabbar-height));}.chat-page .mic-btn{width:42px;height:42px;min-width:42px;}.chat-page .composer .primary-btn{width:46px;min-width:46px;height:42px;min-height:42px;}}