/* A quiet illustrated world, with self-hosted Noto type and readable product surfaces. */
:root{--canvas:#f5f6f1;--surface:#fffefb;--surface-raised:#edf1eb;--surface-hover:#e5ece4;--text:#293c34;--secondary:#52665b;--muted:#607267;--line:#d8e0d6;--accent:#476550;--card:#fffefb;--border:#d8e0d6;--shell-height:78px;color-scheme:light;font-family:"Jingjie Sans",sans-serif;font-size:14px;font-weight:400;line-height:1.85;color:var(--text);background:var(--canvas);font-synthesis:none}
body{background:var(--canvas);color:var(--text)}body::before{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(#f5f6f1 35%,#f5f6f1ee 75%,#f5f6f1cc),url('/assets/quiet-landscape.png') center bottom/cover;pointer-events:none}
::selection{background:#d7e5d2;color:#22352a}button,input,textarea,select{font-family:"Jingjie Sans",sans-serif}h1,h2,h3,.brand{color:var(--text);letter-spacing:0}h1,h2,.journey-cover h1,.creation-brand{font-family:"Jingjie Serif",serif;font-weight:500}h1{font-size:32px;line-height:1.6;margin-bottom:10px}h2{font-size:22px;line-height:1.65}h3{font-weight:500;font-size:16px}p{line-height:1.95}small,.muted,.owner-line,.stats,.sender,.composer-footnote{color:var(--muted)}a{color:var(--accent)}label{color:var(--text);font-weight:500;margin-bottom:22px}label small{font-size:12px;color:var(--secondary);margin:7px 0 10px}input,textarea,select{background:#fffefb;border:1px solid #ccd7ca;color:var(--text);border-radius:12px;padding:12px 14px;line-height:1.8}input::placeholder,textarea::placeholder{color:#63755f;opacity:1}input:focus,textarea:focus,select:focus{outline:3px solid #87a57a26;outline-offset:1px;border-color:#8ca283}input[type=range],input[type=checkbox],input[type=radio]{accent-color:#58734c}
button,.button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 17px;border-radius:12px;font-size:13px;font-weight:500;border-color:#d2ddce;background:#fdfefb;color:#3e5747;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;box-shadow:none!important;line-height:1.5}button:hover,.button:hover{background:#eaf0e6;border-color:#9eb395;color:#293e2d}button:active,.button:active{transform:translateY(1px)}button.primary,.button.primary{background:#4e6b50;border-color:#4e6b50;color:#fffef8}button.primary:hover,.button.primary:hover{background:#3e583f;border-color:#3e583f;color:#fff}button:disabled{opacity:.6}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #729469;outline-offset:4px}.quiet-button{background:transparent;border-color:transparent;box-shadow:none;color:#5c7260}.icon-button{padding:8px;min-width:38px;min-height:38px;background:transparent;border-color:transparent}.ui-icon{width:19px;height:19px;flex-shrink:0;vertical-align:middle}.error,button.danger,button.danger-subtle{color:#9a4354}button.danger:hover,button.danger-subtle:hover{background:#f8e9eb;border-color:#ddb9c1}
.product-header{height:var(--shell-height);padding:0 38px;gap:36px;background:#fafbf6ef;border-bottom:1px solid #dde4d8;backdrop-filter:blur(18px)}.product-header .brand{gap:12px;font-family:"Jingjie Serif",serif;font-size:22px;letter-spacing:.07em}.product-header .mark{background:#e7eddf;color:#52734b;border:1px solid #cbd8c2;border-radius:14px;font-size:21px;width:40px;height:40px}.product-nav{gap:5px}.product-nav a{display:flex;align-items:center;gap:7px;padding:10px 13px;font-size:13px;color:#596c5e;border-radius:11px;transition:background .2s,color .2s}.product-nav a .ui-icon{width:17px;height:17px}.product-nav a.active,.product-nav a:hover{background:#e7eee0;color:#35502f;font-weight:500}.product-nav a.active::after{display:none}.product-account .account-badge{padding:9px 12px;border:1px solid #d4decf;background:#f2f5ed;color:#50634e;font-size:12px;border-radius:12px}.admin-menu summary{font-size:12px;color:#65765f}.admin-menu[open] summary,.admin-menu summary:hover{background:#e7eee0;color:#35502f}.admin-menu-panel{background:#fffefb;border-color:#d0dbca;border-radius:14px;box-shadow:0 14px 40px #4756431c;padding:8px}.admin-menu-panel a{font-size:13px;color:#455c45}.admin-menu-panel a:hover{background:#edf2e8;color:#314e2b}.route-loading .product-header::after{content:'';position:absolute;left:0;bottom:0;width:30%;height:2px;background:#88a277;animation:atelier-progress 1.2s ease-in-out infinite;pointer-events:none}
main{padding:36px 44px 72px;max-width:1360px}.page-head{align-items:center;margin-bottom:26px;gap:22px}.page-head h1{font-size:28px}.page-head p{font-size:13px;max-width:720px;color:#60715f;margin:0}.card{background:#fffefbee;border-color:#dbe3d6;border-radius:20px;padding:28px;box-shadow:0 7px 30px #65745c07;margin-bottom:24px}.grid{gap:22px}.section-head{margin-bottom:20px}.section-head small{font-size:12px}.item{padding:20px 0}.tag,.tag.neutral,.radar-legend span{background:#edf2e8;color:#536d4c;border:0;border-radius:7px;padding:4px 9px;font-size:11px}.banner,.info,.resume-note,.source-quote,.trace,.sticky-actions{background:#eff3e9;color:#47603f;border-color:#d3deca;border-radius:12px}.sticky-actions{background:#fafbf6ee;backdrop-filter:blur(14px);padding:15px 18px}.stats{gap:15px;font-size:12px}.person-nav{background:#f9fbf5;border-color:#d6e0ce;border-radius:14px;padding:6px;gap:3px;margin-bottom:25px}.person-nav a{font-size:12px;color:#607459;padding:9px 12px;border-radius:10px}.person-nav a.active,.person-nav a:hover{background:#e7efde;color:#3e5c35;font-weight:500}.pool-tabs .button{color:#52684a}
.atelier-kicker{font-family:"Jingjie Sans",sans-serif;font-size:11px;font-weight:500;letter-spacing:.16em;color:#677e59;display:block;margin-bottom:14px}.landscape-hero{position:relative;overflow:hidden;isolation:isolate;min-height:274px;display:flex;align-items:center;padding:34px 42px;margin-bottom:34px;border:1px solid #dbe4d5;border-radius:24px;background:linear-gradient(90deg,#f4f7ee 0%,#f4f7eee6 30%,#f4f7ee00 76%),url('/assets/quiet-landscape.png') center 49%/cover}.hero-copy{max-width:490px;position:relative;z-index:1}.hero-copy h1{font-size:35px;margin:0 0 14px;line-height:1.55}.hero-copy p{max-width:400px;font-size:14px;color:#52684e;margin-bottom:22px}.hero-count{font-size:11px;color:#5c7454;letter-spacing:.035em}.hero-caption{position:absolute;right:28px;bottom:20px;font-size:11px;color:#324d3a;background:#f9fbf1cb;padding:5px 12px;border-radius:99px}
.character-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.character-card{padding:0;overflow:hidden;border-radius:20px;transition:transform .24s,border-color .24s,box-shadow .24s}.character-card:hover{transform:translateY(-4px);border-color:#a5b998;box-shadow:0 14px 35px #56674a13}.character-card-top{background:linear-gradient(120deg,#f4f7ec,#fffdf7);border-color:#e3e9dd;padding:24px;gap:17px}.character-card-top h2{font-size:22px;font-weight:500;line-height:1.5}.character-card-body{padding:22px 24px 24px}.character-card-body>.muted{font-size:13px;line-height:1.95;color:#526a57}.character-card .owner-line{font-size:11px;color:#647760}.character-card-body .actions{gap:7px}.character-card-body .actions button,.character-card-body .actions .button{font-size:12px;min-height:36px;padding:8px 12px}.character-card .resume-note{background:#edf3e5}.portrait,.avatar{background:#e9efdf;color:#5e784c;border:2px solid #fffdf9;box-shadow:0 3px 12px #64755818;border-radius:50%}.portrait.card-avatar{width:78px;height:94px;border-radius:18px}.portrait.identity-avatar{width:104px;height:122px;border-radius:21px}.portrait.list-avatar{width:36px;height:40px;border-radius:11px}.portrait.small{border-radius:50%}.portrait.large{width:92px;height:92px;border-radius:50%}.identity-panel{background:linear-gradient(105deg,#f2f6e9 0%,#fbfcf5eb 55%,#edf3e7e0),url('/assets/quiet-landscape.png') center/cover;border-color:#d6e0ca;border-radius:22px;gap:26px;padding:30px}.identity-panel h2{font-size:28px}.identity-panel p{color:#536c4b;font-size:13px}.identity-panel .actions{gap:8px}
.entry-card{background:#fffdf8;color:#344d36;border-color:#d7e0ce;border-radius:18px;padding:26px;transition:background .22s,border-color .22s,transform .22s}.entry-card:hover{background:#f4f8ed;border-color:#aac099;transform:translateY(-3px)}.entry-card.recommended{background:#f0f5e8;border-color:#adc39c}.entry-card p,.entry-card small{color:#5d7655}.entry-card h2{font-size:23px}.entry-icon{background:#e6eedc;color:#63814e;border-radius:12px;padding:12px;display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center}.entry-icon .ui-icon{width:23px;height:23px}.entry-link{color:#456b37}.file-drop{background:#f4f7ed;border-color:#a2b597;border-radius:14px}.interview-main{padding:36px}.interview-question{font-family:"Jingjie Serif",serif;font-size:25px;line-height:1.85;color:#354e37}.interview-turn,.review-evidence,.psychology-dimension,.portrait-suggestion{background:#f4f7ee;border-color:#d6e2ca;color:#354e37;border-radius:14px}.interview-outline ol,.review-evidence dt{color:#607655}.survey-question,.share-option{border-color:#d6e2ca}.flow span,code{background:#eaf0e0;color:#516c43}.radar-summary svg text{font-family:"Jingjie Sans",sans-serif;fill:#4f6646;font-size:12px}.radar-grid{fill:none;stroke:#c9d8bb}.radar-shape{fill:#99b47d40;stroke:#739853;stroke-width:2}.radar-legend span{color:#4a643e}.interaction-history,.interaction-observer,.interaction-line,.interaction-event{background:#f6f8f0;border-color:#d5e0ca;color:#355031;border-radius:16px}.interaction-line.side-b{background:#f0f2f7;border-color:#d3dbe7;color:#45546b}.interaction-line strong{color:#466739}.interaction-event{background:#faf6e9;color:#776446}.interaction-prompts{border-radius:20px}
main.chat-page{padding:0;height:calc(100dvh - var(--shell-height))}.chat-workspace{background:#f8faf4;border:0;border-radius:0;box-shadow:none;grid-template-columns:264px minmax(0,1fr)}.conversation-sidebar{background:#eff3e9;border-color:#d7e2cd;padding:25px 18px}.conversation-heading h2{font-family:"Jingjie Serif",serif;font-size:21px}.conversation-heading button{min-height:34px;width:34px;height:34px;border-radius:10px}.conversation-sidebar>p{font-size:12px;color:#627a57}.conversation-sidebar input{font-size:12px;background:#fbfdf6;border-color:#c9d8bd;color:#3f5837}.conversation-list{margin:18px 0;gap:7px}.conversation-item{background:transparent;color:#3c5734;padding:12px 10px;border-color:transparent;border-radius:12px}.conversation-item strong{font-size:13px;font-weight:500}.conversation-item small{font-size:11px;color:#647c59}.conversation-item.selected,.conversation-item:hover{background:#e0eace;color:#314f29;border-color:transparent}.conversation-person-link{font-size:12px;color:#4b7338}.conversation-main{background:#fafbf7}.conversation-header{background:#fafcf6;border-color:#dce6d2;padding:18px 28px}.chat-person h2{font-family:"Jingjie Serif",serif;font-size:21px}.chat-person small,.conversation-header small{font-size:11px;color:#687e5b}.conversation-header button,.conversation-header .button{min-height:33px;font-size:11px;padding:7px 10px}.conversation-header .actions{gap:6px}.conversation-feed{background:linear-gradient(#fafbf7ee,#fafbf7f5),url('/assets/quiet-landscape.png') center/cover;padding:30px 36px}.chat-row{max-width:820px;margin-bottom:30px;gap:15px}.chat-row .chat-bubble,.chat-row.assistant .chat-bubble{background:#fffdfa;border:1px solid #e5eadc;box-shadow:none;color:#344935;font-size:15px;line-height:2;padding:15px 20px;border-radius:4px 20px 20px 20px}.chat-row.user .chat-bubble{background:#e8efdc;color:#334b2e;border:1px solid #d9e4ca;border-radius:20px 20px 4px 20px}.chat-bubble .sender{font-size:11px;letter-spacing:.025em;color:#658354;margin-bottom:8px}.message-tools .copy-reply,.message-tools summary{color:#617c52;background:transparent;font-size:11px}.message-tools .copy-reply{min-height:26px;padding:4px 8px}.chat-connection-note,.chat-person-details{background:#f0f4e8;color:#596f4a;border-color:#d8e3ca;font-size:12px;padding:10px 28px}.chat-connection-note button{font-size:11px;min-height:26px;padding:4px 9px}.chat-welcome{position:relative;padding:35px 20px}.chat-welcome::before{content:'';display:block;width:min(480px,85%);height:140px;border-radius:70% 70% 40% 40%;margin:0 0 -20px;background:linear-gradient(#fafbf711,#fafbf700 50%,#fafbf7),url('/assets/quiet-landscape.png') center 64%/cover;opacity:.85}.chat-welcome .portrait{position:relative;box-shadow:0 4px 25px #74826524}.chat-welcome h2{font-family:"Jingjie Serif",serif;font-size:28px;color:#3c563b}.chat-welcome p{font-size:13px;color:#627959}.chat-welcome small{font-size:11px;color:#6e825f}.starter-option,.older-turns{background:#f0f5e7;color:#4f713c;border:1px solid #cbdcbb;padding:12px 18px}.conversation-composer{background:#fafcf6;border-top:0;padding:12px 28px 16px}.conversation-composer form{max-width:900px;margin:auto;background:#fffefa;border:1px solid #c8d7ba;border-radius:20px;padding:16px 18px;box-shadow:none}.conversation-composer form:focus-within{border-color:#8eac76;box-shadow:0 0 0 3px #9cba8520}.conversation-composer textarea{background:transparent;border:0;color:#344935;font-size:15px;line-height:1.9;padding:0}.composer-toolbar small,.composer-footnote{font-size:11px;color:#637952}.send-button{border-radius:10px}.typing-dots{color:#6c8d53}.generating{color:#617b52}
.auth-card{background:#fffefa;border-color:#d0ddc3;border-radius:24px;padding:38px;box-shadow:0 20px 80px #61744b12}.auth-card::before{content:'境';display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:#5a7649;background:#e7eedc;font-family:"Jingjie Serif",serif;font-size:25px}.auth-card h1{font-size:29px}dialog{background:#fffef9;color:#344d34;border-color:#d3dfc7;border-radius:24px;padding:32px;box-shadow:0 24px 100px #3e52313b}dialog::backdrop{background:#35472c75;backdrop-filter:blur(8px)}dialog[open],.admin-menu[open] .admin-menu-panel{animation:atelier-arrive .3s ease-out both}#notice{background:#edf4e4;border-color:#c4d8b3;color:#3a5a2d;border-radius:14px;font-size:13px;box-shadow:0 12px 40px #4a613326}#notice.error{background:#f9e7e8;border-color:#e7b9c0;color:#943a4c}table{font-size:13px}td{padding:16px 12px}th{color:#516b44;font-weight:500}
.story-path{display:flex;gap:0;align-items:flex-start;margin:0 0 28px;padding:24px 28px;border:1px solid #dce5d2;background:#f7faf1;border-radius:18px}.story-path>div{flex:1;position:relative;text-align:center;font-size:12px;color:#687e5b}.story-path>div:not(:last-child)::after{content:'';height:1px;background:#cfdcc2;position:absolute;top:18px;left:calc(50% + 27px);right:calc(-50% + 27px)}.story-path b{display:grid;width:36px;height:36px;place-items:center;margin:0 auto 8px;border:1px solid #cbdcbc;background:#fcfdf8;color:#789063;font-weight:400;border-radius:50%;position:relative;z-index:1}.story-path .done b{background:#e3eed6;color:#4b6d34;border-color:#bacfaa}.story-path small{display:block;font-size:10px;margin-top:4px}.portrait-invitation{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(105deg,#edf3e5,#f9fbf4);padding:26px 30px;border:1px solid #d2e0c6;border-radius:20px;margin-bottom:26px}.portrait-invitation h2{font-size:25px;margin:0 0 8px}.portrait-invitation p{margin:0;color:#627853;font-size:13px}.portrait-invitation .invitation-symbol{width:52px;height:52px;border:1px solid #c4d6b4;background:#f9fbf4;display:grid;place-items:center;border-radius:16px;color:#77925e;flex-shrink:0}.invitation-symbol .ui-icon{width:28px;height:28px}.portrait-invitation>div{flex:1}.details-card summary{font-family:"Jingjie Sans",sans-serif;color:#536c45;font-size:13px}.details-card[open]>summary{margin-bottom:20px}.saved-records .intake-row{border-color:#d6e3c9;color:#4b6d37}.saved-records .intake-row:hover{background:#f2f7e9}.person-story-title{font-size:24px}
/* The new-person entrance is a journey, not an empty database row. */
dialog.creation-dialog{width:min(960px,calc(100vw - 36px));padding:0;border:1px solid #d7e4cd;overflow:auto;border-radius:26px}.creation-layout{display:grid;grid-template-columns:35% minmax(0,1fr);min-height:590px}.creation-landscape{background:linear-gradient(#eff5e1bb,#eff5e188 45%,#dbe7c9dd),url('/assets/quiet-landscape.png') 69% center/cover;display:flex;flex-direction:column;justify-content:space-between;padding:34px 30px;color:#39502c}.creation-brand{font-family:"Jingjie Serif",serif;font-size:23px;color:#47603a;letter-spacing:.12em}.creation-brand span{font-family:"Jingjie Sans",sans-serif;font-size:10px;letter-spacing:.12em;margin-left:8px}.creation-landscape h2{font-size:31px;line-height:1.8;margin-bottom:20px}.creation-landscape p{font-size:12px;color:#526d42;line-height:2.2}.creation-landscape small{font-size:10px;color:#506d41}.creation-content{position:relative;padding:38px 42px 28px;display:flex;flex-direction:column;background:#fffef9}.creation-close{position:absolute;top:15px;right:15px;color:#6d805f}.creation-progress{display:flex;gap:27px;margin:2px 0 40px}.creation-progress>span{font-size:11px;color:#6f8065;display:flex;align-items:center;gap:8px}.creation-progress b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;border:1px solid #dce6d3;font-size:10px;font-weight:400}.creation-progress .active{color:#456332}.creation-progress .active b{background:#e7f0dd;border-color:#c7dab5}.creation-progress .ui-icon{width:13px;height:13px}.creation-step{flex:1;animation:atelier-arrive .3s ease-out}.creation-step h1{font-size:27px;line-height:1.6;max-width:390px;margin-bottom:10px}.creation-intro{font-size:12px;color:#667e57;margin-bottom:24px}.creation-options{display:grid;gap:12px}.creation-choice{display:flex;align-items:center;gap:15px;width:100%;text-align:left;justify-content:flex-start;padding:18px;border:1px solid #dce5d3;border-radius:16px;background:#fdfef8;white-space:normal}.creation-choice.selected{background:#eef5e6;border-color:#91ad76}.choice-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e9f0e0;color:#77995b;flex-shrink:0}.choice-symbol .ui-icon{width:23px;height:23px}.creation-choice>span:nth-child(2){flex:1}.creation-choice strong{display:block;font-size:14px;font-weight:500;color:#3f6030}.creation-choice small{display:block;font-size:11px;font-weight:400;color:#617b50;line-height:1.9;margin-top:5px}.choice-radio{width:15px;height:15px;border:1px solid #bfceb3;border-radius:50%;padding:3px;flex-shrink:0}.selected .choice-radio{border-color:#739752;background:#739752;background-clip:content-box}.creation-privacy{font-size:11px;color:#6d825d;margin-top:18px}.creation-footer{display:flex;justify-content:space-between;align-items:center;margin-top:26px;border-top:1px solid #e5ecd9;padding-top:22px}.creation-footer .primary{padding:12px 20px;border-radius:12px}.name-label{margin-top:24px}.creation-content label{font-size:12px;color:#566f45}.creation-content input{font-size:16px;margin-top:10px;padding:15px}.creation-content textarea{margin-top:10px;font-size:13px}.optional{font-size:10px;font-weight:400;color:#798b6d;margin-left:8px}
/* Portrait scenes retain their choreography within the same gentle world. */
.portrait-page{padding:0;max-width:none}.portrait-mode .product-header{background:#f4f7ed}.journey-shell{--world:#647f53;--glow:#8faa73;background:radial-gradient(ellipse at 70% 15%,#dce8cb88,transparent 60%),#f5f8ef;color:#344b32}.world-wuxia{--world:#6c805b;--glow:#8da476}.world-fantasy{--world:#8b7a9e;--glow:#b8a2c6}.world-cyber{--world:#4f7c80;--glow:#8eb8b9}.world-space{--world:#727da7;--glow:#a2b1d6}.journey-cover h1{font-size:clamp(38px,5vw,62px);letter-spacing:.025em;color:#3d5636;font-weight:400}.journey-cover>p,.journey-cover .journey-subtext,.journey-back,.journey-person,.journey-footer small,.journey-cover>small,.journey-world-label{color:#637b54}.journey-eyebrow{color:var(--world)}.journey-primary,.journey-paging .journey-next{background:#567349;color:#fffef6;border-color:#567349;border-radius:999px}.journey-primary{padding:15px 28px}.journey-primary:hover{background:#46613a;color:#fff}.journey-secondary,.journey-world-toggle{background:#eef4e5;color:#547341;border-color:#cbdcba}.journey-text-button{background:transparent;border-color:transparent;color:#6a8757}.journey-text-button:hover{background:transparent;color:#3c6331}.journey-story{color:#354f31;font-family:"Jingjie Serif",serif;font-size:19px;line-height:2.15}.journey-scene h1{font-family:"Jingjie Serif",serif;color:#405b39;font-weight:400;letter-spacing:.035em}.journey-scene-counter{color:#7d926d}.journey-thought{background:#e9f0de88;border-left-color:var(--world)}.journey-thought>span{color:#6c8659;font-size:11px}.journey-thought>p,.journey-action{color:#567249;font-size:15px}.journey-feedback{border-color:#d8e4cb}.journey-feedback h2{color:#546e46;font-family:"Jingjie Sans",sans-serif;font-size:14px}.journey-ratings button{background:#f3f8ea;color:#5a784a;border-color:#cbdcbb;font-size:12px}.journey-ratings button.selected{background:#dcebcf;color:#3c6229;border-color:#aac88d}.journey-feedback textarea{background:#fcfdf8;border-color:#c9d9b8;color:#405e33;font-size:13px}.journey-worlds{background:#fbfdf5;border-color:#ceddbf;box-shadow:0 24px 70px #53693830}.journey-worlds>p,.world-choice small{color:#647f52}.world-choice{background:#f2f6e9;color:#4d6c3c;border-color:#d2e0c2}.world-choice.selected{background:#e5eedb;border-color:#a9c28e}.journey-footer{border-color:#dce6d2}.journey-dots button{min-height:0;background:#c4d5b2}.journey-dots button.active{background:var(--world)}.journey-cover .journey-art{opacity:.7}.journey-horizon{background:radial-gradient(ellipse,#a6c08144,transparent 68%)}.world-space .journey-orbit{border-color:#a6b4d34d}
.character-menu{position:relative;margin:0 0 0 auto}.character-menu summary{display:grid;place-items:center;list-style:none;width:36px;height:36px;border:1px solid #d2ddce;border-radius:10px;color:#617e50;background:#f9fcf3}.character-menu summary::-webkit-details-marker{display:none}.character-menu>div{position:absolute;bottom:calc(100% + 9px);right:0;width:145px;padding:7px;display:grid;gap:4px;background:#fffefa;border:1px solid #d4e0c9;border-radius:13px;box-shadow:0 12px 35px #4b633426;z-index:3;animation:atelier-arrive .2s ease-out}.character-menu>div button{width:100%;background:transparent;border-color:transparent;justify-content:flex-start}.character-menu>div button:hover{background:#edf4e3}.details-card .card{padding:20px 0 0;border:0;box-shadow:none;background:transparent;margin:0}.story-path .ui-icon{width:17px;height:17px}.entry-link .ui-icon{width:17px;height:17px}
@keyframes atelier-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes atelier-progress{from{left:-30%}to{left:100%}}
@media(max-width:1200px){.product-header{padding:0 22px;gap:18px}.product-nav a{padding:10px;font-size:12px;gap:5px}.product-nav a .ui-icon{width:15px;height:15px}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-workspace{grid-template-columns:230px minmax(0,1fr)}}
@media(max-width:800px){:root{--shell-height:118px}.product-header{height:var(--shell-height);padding:12px 18px;gap:8px}.product-header .brand{font-size:19px}.product-nav{gap:4px;padding-bottom:3px}.product-nav a{padding:9px 11px;font-size:12px}.product-account .account-badge{font-size:11px}main{padding:24px 18px 48px}.page-head{align-items:flex-start;margin-bottom:22px}.page-head h1{font-size:26px}.card{padding:22px}.character-grid{grid-template-columns:1fr}.character-card{padding:0}.character-card-top,.character-card-body{padding:22px}.landscape-hero{padding:28px 24px;min-height:255px;background-position:65% center}.hero-copy{max-width:310px}.hero-copy h1{font-size:28px}.hero-copy p{font-size:12px;max-width:260px}.hero-caption{display:none}.identity-panel{padding:22px;gap:18px}.portrait.identity-avatar{width:78px;height:96px}.identity-panel h2{font-size:24px}.chat-workspace{grid-template-columns:1fr}.conversation-sidebar{padding:12px 15px}.conversation-list{margin:0;gap:6px;max-height:67px}.conversation-item{padding:8px}.conversation-item strong{font-size:12px}.conversation-item small{font-size:10px}.conversation-header{padding:13px 16px;flex-wrap:wrap;gap:10px}.conversation-header .portrait{width:36px;height:36px}.conversation-header h2{max-width:220px}.conversation-header .actions{gap:5px}.conversation-feed{padding:22px 14px}.chat-row{gap:9px}.chat-row .chat-bubble,.chat-row.assistant .chat-bubble{font-size:14px;padding:12px 15px}.conversation-composer{padding:10px 13px 13px}.conversation-composer form{padding:14px 16px}.chat-connection-note,.chat-person-details{padding:10px 16px}.chat-welcome::before{height:105px}.story-path{padding:20px 12px}.story-path>div{font-size:11px}.story-path small{font-size:9px}.portrait-invitation{padding:22px;flex-wrap:wrap;gap:15px}.portrait-invitation .invitation-symbol{display:none}.portrait-invitation h2{font-size:23px}.portrait-invitation>.button{width:100%}.creation-layout{grid-template-columns:1fr;min-height:570px}.creation-landscape{display:none}.creation-content{padding:34px 24px 24px}.creation-progress{gap:22px;margin-bottom:32px}.creation-step h1{font-size:25px}.creation-choice{padding:15px;gap:12px}.creation-choice small{font-size:11px}.creation-footer .primary{padding:12px 16px}.portrait-page{padding:0}.journey-story{font-size:17px}.journey-dots button{min-height:0}.journey-scene h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.pool-sortbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 22px;padding:14px 18px;background:#fafcf3c9;border:1px solid #dce4d7;border-radius:16px}.pool-sortbar label,.story-sort-label{display:flex;align-items:center;gap:10px;margin:0;font-size:12px;white-space:nowrap}.pool-sortbar select,.story-sort-label select{min-width:130px;padding:8px 12px;font-size:12px}.pool-sortbar small{font-size:11px;color:#596d5a}@media(max-width:600px){.pool-sortbar{flex-wrap:wrap;gap:8px}.pool-sortbar small{flex-basis:100%}}
