@import url('/fonts.css');
:root{--bg:#111e21;--panel:#18272b;--line:#ffffff16;--text:#eff0e9;--muted:#9baaaa;--accent:#c7d6ad;--serif:"STSong","Songti SC","SimSun",serif;--sans:"Microsoft YaHei","PingFang SC",sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.7 var(--sans);min-width:320px}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;border:0;background:none}button:disabled{cursor:wait;opacity:.45}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}a{color:inherit;text-decoration:none}.hidden{display:none!important}.muted{color:var(--muted)}.ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 45% 0%,#59726925,transparent 58%),radial-gradient(ellipse at 90% 60%,#253e3930,transparent 50%)}.site-header{height:96px;max-width:1480px;margin:auto;padding:0 56px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font-family:var(--serif);font-size:27px;letter-spacing:4px}.brand-seal{display:grid;place-items:center;width:43px;height:48px;border:1px solid #b7c8aa90;border-radius:12px 3px 12px 3px;color:var(--accent);font-size:29px}.brand small{display:block;font:8px/1.7 var(--sans);letter-spacing:4px;color:var(--muted)}nav{display:flex;height:100%;gap:40px}nav button{position:relative;color:var(--muted);font-size:14px}nav .nav-active{color:var(--accent)}nav .nav-active:after{content:"";position:absolute;bottom:0;left:30%;right:30%;height:2px;background:var(--accent)}#history-count{font-size:10px;margin-left:7px;color:var(--accent)}.account{display:flex;gap:10px;align-items:center;color:#d2dbd4;font-size:12px}.account-dot{width:7px;height:7px;border-radius:50%;background:#aac6ac;box-shadow:0 0 15px #a9d59e40}.page{max-width:1480px;margin:auto;padding:0 56px}.hero{position:relative;text-align:center;padding:64px 0 56px}.eyebrow{color:var(--accent);font-size:10px;letter-spacing:4px}.hero .eyebrow{display:flex;gap:17px;align-items:center;justify-content:center}.eyebrow span{width:28px;height:1px;background:#b3c1a74d}.hero h1{font:42px/1.7 var(--serif);letter-spacing:6px;margin:18px 0 12px;font-weight:400}.hero em{font-style:normal;color:var(--accent)}.hero p{color:var(--muted);font-size:12px;letter-spacing:2px}.hero-mark{position:absolute;right:5px;top:72px;writing-mode:vertical-rl;font-family:var(--serif);font-size:11px;letter-spacing:5px;color:#a9b9ad60}.section-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.tabs{display:flex;gap:8px}.tabs button{border-radius:6px;padding:8px 17px;font-size:12px;color:var(--muted)}.tabs button.selected{color:var(--accent);background:#a5b99614;border:1px solid #a5b99635}.tabs small{font-size:9px;margin-left:8px;opacity:.65}.section-hint{font-size:10px;color:#819491;letter-spacing:2px}.character-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,220px));justify-content:center;gap:20px}.character-card{position:relative;isolation:isolate;min-width:0;height:425px;border-radius:12px;overflow:hidden;transition:transform .3s,box-shadow .3s;cursor:pointer;border:1px solid #ffffff14;text-align:left;background:#1b2c2d;padding:0;display:flex;flex-direction:column;justify-content:flex-end}.character-card:hover{transform:translateY(-7px);box-shadow:0 12px 32px #0005;border-color:#c1d3bd55}.portrait{overflow:hidden}.portrait-image{display:block;width:100%;height:100%;overflow:hidden;pointer-events:none}.card-art{position:absolute;inset:0;z-index:-2;transition:filter .4s;filter:saturate(.72)}.character-card:after{position:absolute;inset:0;content:"";z-index:-1;background:linear-gradient(180deg,#08131814 10%,transparent 35%,#0815177a 61%,#0c1b20f5 88%)}.character-card:hover .card-art{filter:saturate(1)}.card-book{position:absolute;top:16px;left:15px;writing-mode:vertical-rl;letter-spacing:3px;font-family:var(--serif);font-size:11px;padding:10px 5px;background:#10202360;border:1px solid #ffffff30;border-radius:4px}.card-index{position:absolute;right:15px;top:15px;color:#ffffff87;font:11px Georgia;letter-spacing:2px}.card-content{padding:0 21px 20px}.card-role{font-size:9px;letter-spacing:2px;color:var(--character-color);margin-bottom:4px}.card-content h2{font:28px/1.5 var(--serif);letter-spacing:3px;margin:0 0 5px}.card-content p{font-size:10px;letter-spacing:1px;color:#d4dfdbb3;margin:0 0 17px;white-space:nowrap}.card-bottom{border-top:1px solid #ffffff24;padding-top:12px;display:flex;justify-content:space-between;font-size:10px;color:#d5e0cf}.card-bottom span:last-child{font-size:16px;line-height:1}.recent-section{margin-top:40px}.section-heading{display:flex;align-items:center;justify-content:space-between}.section-heading h2{font:20px var(--serif);letter-spacing:2px}.section-heading button{color:var(--muted);font-size:11px}.section-heading button span{margin-left:20px}.recent-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:13px}.recent-item{display:flex;align-items:center;gap:14px;text-align:left;padding:17px;border:1px solid var(--line);border-radius:8px;background:#ffffff03;min-width:0}.avatar{height:43px;width:43px;flex-shrink:0;border-radius:50%;border:1px solid #ffffff30;}.recent-copy{min-width:0;flex:1}.recent-copy strong{font-size:12px;font-weight:400}.recent-copy p{margin:3px 0 0;color:var(--muted);font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.recent-item time{color:#82958e;font-size:9px}.recent-arrow{color:var(--muted)}footer{text-align:center;color:#8b9e94;font:12px var(--serif);letter-spacing:3px;padding:45px 0 30px}.footer-flower{margin-right:8px;color:var(--accent)}footer small{display:block;font:9px var(--sans);letter-spacing:1px;color:#627977;margin-top:13px}.empty{border:1px dashed var(--line);padding:50px;text-align:center;color:var(--muted);border-radius:12px}.history-page{padding-top:55px}.history-page h1{font:34px var(--serif)}#history-list{margin:30px 0;display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.history-row{position:relative}.history-row .recent-item{width:100%;padding-right:42px}.delete-chat{position:absolute;right:8px;top:20px;color:var(--muted);font-size:20px}.outline{border:1px solid var(--line);border-radius:6px;padding:9px 15px}.chat-page{height:calc(100dvh - 96px);max-width:1320px;margin:auto;display:grid;grid-template-columns:250px minmax(0,820px);justify-content:center;padding:26px 30px 30px;gap:30px}.character-aside{position:relative;overflow:auto;scrollbar-width:thin;scrollbar-color:#536862 transparent}.back-link{color:var(--muted);font-size:11px;margin-bottom:18px;padding:0}.aside-portrait{height:clamp(280px,45dvh,430px);border-radius:12px;mask-image:linear-gradient(#000 75%,transparent);}.aside-info{padding:0 15px;margin-top:-10px;position:relative}.aside-info .eyebrow{font-size:9px}.aside-info h1{font:33px var(--serif);letter-spacing:4px;margin:12px 0 4px}.aside-info>p{font-size:11px;color:var(--muted)}.tags{display:flex;gap:7px;margin-top:18px;flex-wrap:wrap}.tags span{border:1px solid #c2d2bd25;border-radius:4px;padding:3px 8px;font-size:9px;color:#c4d2c4}.small-divider{height:1px;background:var(--line);margin:22px 0}.aside-info .intro{line-height:2.1;font-size:12px;color:#b2c0bc}.aside-info .role-note{font-size:9px;opacity:.6;margin-top:20px}.chat-shell{isolation:isolate;position:relative;border:1px solid #ffffff1c;border-radius:15px;display:flex;flex-direction:column;overflow:hidden;background:#182b31;min-width:0}.chat-background{position:absolute;inset:0;z-index:-2;opacity:.35;filter:saturate(.65);}.chat-shell:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#0c202be8 0%,#14272b44 35%,#11242b8a 70%,#112127f5 100%)}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:21px 27px 14px;border-bottom:1px solid #ffffff12}.chat-title h2{font:23px var(--serif);letter-spacing:2px;margin:0 0 5px}.chat-title h2 button{font:23px var(--sans);margin-left:10px;color:var(--accent)}#chat-status{font-size:10px;color:#b8c9c5}#chat-status i{display:inline-block;width:5px;height:5px;border-radius:100%;background:#b6d9b2;margin-right:6px}.chat-header-actions{display:flex;gap:15px}.chat-header-actions button{font-size:13px;color:#c2d1cf}.chat-header-actions span{font-size:11px}.mode-bar{display:flex;gap:10px;padding:12px 26px}.mode-bar button{border:1px solid #ffffff25;background:#0c1b3060;border-radius:20px;padding:3px 13px;font-size:11px;color:#d8e2d6}.mode-bar button.active{background:#b2cba730;color:var(--accent)}.mode-bar small{font-size:9px;opacity:.7;margin-left:4px}#conversation-title{margin-left:auto;align-self:center;color:#b7c6bd99;font-size:10px;max-width:45%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.messages{flex:1;min-height:0;overflow:auto;padding:10px 27px 20px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#ffffff2b transparent}.message{display:flex;gap:12px;margin:18px 0;align-items:flex-start}.message.user{flex-direction:row-reverse}.message .avatar{width:34px;height:34px}.user-avatar{display:grid;place-items:center;background:#d4ddce;color:#344c45;font-size:13px;border:0}.message-body{max-width:80%;min-width:0}.message-meta{font-size:9px;letter-spacing:1px;color:#d7e2df99;margin:0 0 5px 2px}.user .message-meta{text-align:right}.bubble{padding:13px 16px;background:#f1f4efee;border-radius:2px 13px 13px 13px;color:#26383c;font-size:14px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:0 3px 15px #00000008}.user .bubble{background:#c5dbd9ed;border-radius:13px 2px 13px 13px;color:#203e42}.message-actions{display:flex;gap:12px;margin-top:5px;color:#d0ddd2b3;font-size:9px}.user .message-actions{justify-content:flex-end}.message-actions button{font-size:10px;padding:0}.day-label{text-align:center;font-size:10px;color:#d6e0e0a1;margin:16px 0 23px;letter-spacing:1px}.start-label{text-align:center;padding:10px 0 5px;font-size:10px;color:#b8c7c2}.starter-list{display:flex;gap:7px;flex-wrap:wrap;padding:8px 0 12px 46px}.starter-list button{border:1px solid #f0f7ec30;border-radius:18px;padding:5px 11px;font-size:10px;background:#10262c8a;color:#d5e1d2}.composer-wrap{padding:10px 24px 14px;background:linear-gradient(transparent,#102128aa)}.composer-tools{display:flex;align-items:center;gap:17px;margin-bottom:9px}.composer-tools button{font-size:10px;color:#c2d3cb;padding:0}.composer-tools span{font-size:9px;color:#8fa89f;margin-left:auto}#composer{display:flex;align-items:flex-end;background:#f5faf00d;border:1px solid #c2d5c13b;border-radius:12px;padding:10px 11px 10px 15px;gap:12px}#message-input{color:#e5ece4;background:none;border:0;outline:none;resize:none;width:100%;height:28px;max-height:120px;line-height:26px;font-size:13px}#message-input::placeholder{color:#b6c6be91}#send{height:32px;width:32px;flex-shrink:0;border-radius:8px;background:var(--accent);color:#2a423a;font-size:23px;line-height:1}.composer-note{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.5px;color:#97ada282;margin:7px 2px 0}.chat-error{margin:0 25px;padding:8px 12px;border-radius:6px;background:#602b28bd;color:#ffe1d3;font-size:11px}.chat-error button{text-decoration:underline;margin-left:12px}.typing:after{content:" ···";animation:pulse 1s infinite}.mobile-intro,#mobile-back{display:none}.load-more{display:block;margin:0 auto;font-size:10px;color:var(--accent)}dialog{color:var(--text);background:#1b2b2e;border:1px solid #b9c8b333;border-radius:17px;width:min(460px,calc(100% - 32px));padding:34px;box-shadow:0 30px 100px #0008;max-height:85dvh;overflow:auto}dialog::backdrop{background:#061216b0;backdrop-filter:blur(6px)}.modal-close{position:absolute;right:13px;top:8px;color:var(--muted);font-size:26px}dialog h2{font:27px var(--serif);letter-spacing:3px;margin:5px 0 14px}dialog p{font-size:12px;color:var(--muted)}dialog input{width:100%;border:1px solid #a5b99640;background:#101d21;padding:12px 14px;color:white;border-radius:7px;margin:12px 0;outline:none}dialog input:focus{border-color:var(--accent)}.primary{background:var(--accent);color:#1b342d;border-radius:7px;padding:11px 18px}.wide{width:100%}.privacy-note{font-size:10px!important;line-height:1.8}.form-error{color:#ffb4a1;font-size:12px;min-height:20px}.story-option{display:block;width:100%;text-align:left;padding:15px 14px;background:#ffffff04;border:1px solid var(--line);border-radius:8px;margin-top:12px}.story-option:hover{border-color:#c7d6ad60;background:#c7d6ad08}.story-option strong{font:18px var(--serif);letter-spacing:1px}.story-option p{margin:5px 0 0;font-size:11px}.modal-menu{display:grid;gap:9px}.modal-menu button{text-align:left;padding:12px;border:1px solid var(--line);border-radius:6px;font-size:12px}.modal-menu .danger{color:#f4b5a3}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(25px);background:#d9e4d4;color:#243c35;padding:10px 20px;border-radius:8px;opacity:0;transition:.25s;pointer-events:none;z-index:100;font-size:12px;max-width:90%;box-shadow:0 8px 30px #0006}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@keyframes pulse{50%{opacity:.3}}@media(min-width:1550px){.hero{padding:85px 0 70px}.character-card{height:425px}}@media(max-width:1100px){.site-header,.page{padding-left:30px;padding-right:30px}.character-grid{gap:12px}.character-card{height:370px}.card-content{padding:0 13px 16px}.card-content h2{font-size:24px}.card-content p{font-size:9px;letter-spacing:0}.section-hint{display:none}.chat-page{grid-template-columns:210px minmax(0,1fr);gap:22px;padding:22px}.aside-portrait{height:clamp(260px,42dvh,360px)}.chat-header{padding:18px}.mode-bar{padding:12px 18px}.messages{padding:10px 18px}.hero h1{font-size:36px}.recent-list{grid-template-columns:repeat(2,1fr)}.recent-item:last-child:nth-child(3){display:none}}@media(max-width:760px){.site-header{height:76px;padding:0 20px}.brand{font-size:22px;gap:9px}.brand-seal{width:33px;height:39px;font-size:24px}.brand small{font-size:7px;letter-spacing:2px}nav{gap:20px;margin-left:auto;margin-right:20px}nav button{font-size:11px}.account{font-size:10px}.account-dot{display:none}.page{padding:0 20px}.hero{padding:44px 0 35px}.hero h1{font-size:30px;letter-spacing:3px;margin:17px 0}.hero p{font-size:10px;letter-spacing:.5px}.hero-mark{display:none}.eyebrow{font-size:9px;letter-spacing:3px}.tabs{gap:1px;width:100%;justify-content:space-between}.tabs button{padding:7px 9px;font-size:10px}.tabs small{margin-left:3px}.character-grid{grid-template-columns:repeat(2,minmax(0,210px));gap:15px}.character-card{height:340px}.character-card:last-child{grid-column:auto}.card-content{padding:0 17px 17px}.card-content h2{font-size:27px}.card-content p{font-size:10px}.card-role{font-size:8px}.card-book{font-size:10px}.recent-list{grid-template-columns:1fr}.recent-item:last-child:nth-child(3){display:flex}.recent-section{margin-top:30px}.section-heading h2{font-size:20px}footer{font-size:11px;letter-spacing:1px;padding:35px 0}.history-page{padding-top:30px}#history-list{grid-template-columns:1fr}.chat-page{height:100dvh;padding:0;display:block}.chat-active .site-header{display:none}.character-aside{display:none}.chat-shell{height:100%;max-width:680px;margin-inline:auto;border:0;border-radius:0}.chat-background{opacity:.52}.chat-shell:before{background:linear-gradient(#10232ddd,#14272b22 32%,#11242b66 60%,#112127fa 100%)}.chat-header{padding:calc(16px + env(safe-area-inset-top)) 18px 12px;justify-content:flex-start;gap:15px}.chat-header-actions{margin-left:auto;gap:16px}.chat-header-actions span{display:none}.chat-title h2{font-size:23px}.chat-title h2 button{font-size:23px}.chat-title #chat-status{font-size:9px}#mobile-back{display:block;font-size:24px;padding:0 4px 0 0}.mode-bar{padding:11px 22px}.mobile-intro{display:block;margin:0 20px 6px;background:#0c23376e;border:1px solid #ffffff15;border-radius:7px;padding:7px 12px;color:#d7e2e0;font-size:11px}.mobile-intro summary{cursor:pointer;list-style:none}.mobile-intro summary span{float:right}.mobile-intro p{margin:6px 0;line-height:1.9;color:#c0d1d0}.messages{padding:0 18px 15px}.message{gap:9px;margin:19px 0}.message-body{max-width:79%}.bubble{font-size:14px;padding:11px 14px;line-height:1.85}.composer-wrap{padding:9px 18px calc(10px + env(safe-area-inset-bottom))}.composer-tools{gap:17px}.composer-tools span{font-size:8px}.composer-note{font-size:8px}#message-input{font-size:14px}.starter-list{padding-left:42px;gap:7px}.starter-list button{font-size:10px}.chat-error{margin:0 18px}.history-page .section-heading button{font-size:10px}.history-page h1{font-size:28px}}@media(max-width:390px){.account{max-width:80px}#account-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}nav{gap:12px;margin-right:12px}.hero h1{font-size:27px}.card-content{padding:0 12px 16px}.character-card{height:315px}.card-content h2{font-size:24px}.card-content p{font-size:9px}.composer-tools span{display:none}}

@media (min-width:761px) and (max-width:960px){.chat-page{grid-template-columns:minmax(0,760px)}.character-aside{display:none}#mobile-back{display:block;font-size:24px}.chat-header{gap:16px}.chat-title{margin-right:auto}}

/* Standalone portraits preserve their own ratio; only avatars use a proportional crop. */
img.portrait-image{object-fit:contain;object-position:center}
img.portrait-face{object-fit:cover;object-position:center 40%}
.tabs{flex-wrap:wrap;row-gap:8px}
@media(max-width:760px){.tabs{justify-content:flex-start}}