@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600&display=swap');
:root{color-scheme:dark;--bg:#09132b;--panel:rgba(18,32,60,.74);--line:rgba(192,209,236,.14);--text:#e8e9f0;--muted:#a7b2ca;--gold:#dfcfac;--serif:'Noto Serif SC','Songti SC',serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;font-size:16px;line-height:1.75;min-height:100vh}button,textarea,input{font:inherit}button,a,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}.sky{position:fixed;inset:0;background:linear-gradient(90deg,rgba(5,13,31,.85),rgba(8,19,42,.66) 65%,rgba(8,18,40,.28)),url('sky.png') center/cover;z-index:-2}.grain{position:fixed;inset:0;background:linear-gradient(0deg,#09142bed,transparent 65%);pointer-events:none;z-index:-1}.topbar{height:110px;max-width:1600px;margin:auto;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;font-family:var(--serif);font-size:25px;letter-spacing:4px}.brand small{display:block;font-family:Arial,sans-serif;font-size:10px;letter-spacing:2.3px;color:var(--muted);line-height:1.5}.moon{font-size:45px;color:var(--gold);line-height:1;transform:rotate(-20deg)}.top-actions{display:flex;gap:25px;align-items:center}.prototype{font-size:12px;color:#aebcd3;border:1px solid var(--line);border-radius:20px;padding:4px 12px}.subtle{font-size:14px;color:var(--muted);padding:8px 0}.subtle:hover{color:var(--gold)}#inviteBtn{color:var(--gold);font-size:15px}#inviteBtn span{margin-left:18px}.app-layout{max-width:1600px;margin:auto;display:grid;grid-template-columns:225px minmax(0,1fr) 255px;gap:45px;padding:0 4%}.sidebar{padding-top:45px;display:flex;flex-direction:column;min-height:calc(100vh - 110px)}.eyebrow{font-size:10px;letter-spacing:2.2px;color:#a0aec6}.space-name p{font-family:var(--serif);font-size:25px;line-height:1.7;letter-spacing:2px;margin:18px 0 10px}.space-name p span{color:var(--gold);margin-left:35px;font-size:16px}.space-name small{font-size:13px;color:var(--muted)}nav{margin:38px -12px 0}.nav-item{display:flex;align-items:center;width:100%;padding:13px 16px;text-align:left;border-radius:9px;color:#aebad1;margin:5px 0;font-size:15px;gap:14px}.nav-item>span{font-size:23px;line-height:1;width:24px;color:#b8c3d9}.nav-item small{margin-left:auto;font-size:11px;opacity:.55}.nav-item.active{background:linear-gradient(90deg,#42547250,#31426125);color:#ede2ca;box-shadow:inset 2px 0 #d7c69f}.nav-item:hover{background:#8392b014}.nav-divider{height:1px;background:var(--line);margin:24px 16px}.sidebar-bottom{margin-top:auto;padding:65px 0 28px;font-size:12px;color:#8494b0}.sidebar-bottom p{font-size:12px}.tiny-star{color:var(--gold)}.reset{margin-left:22px;font-size:12px}main{min-width:0;padding-top:33px}.view-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);min-height:40px;margin-bottom:29px}.perspective{display:flex;align-items:center;gap:4px}.perspective>span{margin-right:8px;font-size:11px}.perspective button{border:1px solid var(--line);border-radius:50%;width:28px;height:28px;font-size:12px;padding:0}.perspective .selected{background:#bac7e226;color:var(--gold);border-color:#bfbaaa66}.page-heading{margin-bottom:28px}.page-heading .eyebrow{color:var(--gold)}h1{font-family:var(--serif);font-weight:400;font-size:34px;letter-spacing:2px;line-height:1.55;margin:8px 0 12px}.page-heading p{color:var(--muted);font-size:14px;margin:0}.chat-panel{border:1px solid var(--line);border-radius:18px;background:linear-gradient(140deg,#182a456b,#0f1b346e);box-shadow:0 20px 60px #02081420;backdrop-filter:blur(18px);overflow:hidden}.panel-top{display:flex;align-items:center;justify-content:space-between;padding:15px 22px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.panel-top strong{font-weight:400;color:#cdd5e5}.messages{padding:28px 25px;min-height:220px;max-height:380px;overflow:auto;scroll-behavior:smooth}.message{display:flex;gap:12px;align-items:flex-start;margin:0 0 20px}.avatar{display:flex;align-items:center;justify-content:center;background:#53648524;color:var(--gold);border:1px solid var(--line);border-radius:50%;width:32px;height:32px;flex-shrink:0}.message-content{font-size:15px;line-height:1.95}.message-content p{margin:0 0 10px;white-space:pre-wrap}.message.user{justify-content:flex-end}.message.user .message-content{background:#475c7d3b;border:1px solid var(--line);padding:12px 18px;border-radius:16px 16px 3px 16px;max-width:88%}.prompts{display:flex;gap:8px;flex-wrap:wrap;padding:0 24px 24px}.chip{font-size:12px;border:1px solid #90a0bd33;border-radius:20px;padding:6px 12px;color:#bfc9da;background:#18284450}.chip:hover{border-color:#d2c29e80;color:var(--gold)}.composer{margin:0 17px 17px;border:1px solid #91a2c337;border-radius:12px;background:#0a142b70;padding:14px 16px 11px}textarea{width:100%;background:none;border:0;outline:0;color:#ecedf2;resize:vertical;min-height:78px;max-height:300px;font-size:15px;line-height:1.8}textarea::placeholder{color:#7888a5}textarea:focus-visible{outline:1px solid #98aac488;outline-offset:5px;border-radius:4px}.composer-bottom{display:flex;justify-content:space-between;align-items:center;color:#8394b2;font-size:12px}.send{width:35px;height:35px;background:var(--gold);color:#142038;border-radius:50%;font-size:23px;line-height:1}.below-chat{display:flex;justify-content:space-between;align-items:center;margin-top:18px;gap:12px}.quiet-btn{font-size:13px;color:var(--muted)}.primary{background:var(--gold);color:#16223a;border-radius:8px;padding:10px 19px;font-size:14px}.primary:hover{background:#ede0c6}.secondary{border:1px solid #bdc9de40;border-radius:8px;padding:9px 16px;color:#d0d8e7;font-size:14px}.secondary:hover{background:#a8b9d51a}.footnote{text-align:center;margin:27px 0;color:#91a1bd;font-size:12px}.footnote>span{margin-right:5px;color:var(--gold)}.footnote small{display:block;font-size:11px;color:#7183a0;margin-top:12px}.rightbar{padding-top:95px}.orbit-symbol{font-size:53px;color:#dac69d;margin-bottom:24px;opacity:.85}.rightbar h2{font:400 24px/1.9 var(--serif);letter-spacing:2px;margin:14px 0}.rightbar>p{font-size:13px;color:#adb9ce;line-height:2.1}.privacy-note{display:flex;gap:12px;border-top:1px solid var(--line);margin-top:42px;padding-top:23px}.privacy-note>span{color:var(--gold);font-size:22px}.privacy-note strong,.partner-card strong{font-size:13px;font-weight:400;color:#c2cde0}.privacy-note p,.partner-card p{font-size:12px;color:#8ea0bd;line-height:1.9;margin:7px 0}.partner-card{display:flex;gap:12px;margin-top:28px;padding:18px 14px;border:1px solid var(--line);border-radius:12px;background:#10234538}.partner-icon{color:var(--gold);font-size:22px}.partner-card button{padding:4px 0;color:var(--gold);font-size:12px}.partner-card button span{margin-left:15px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px;margin-bottom:15px;backdrop-filter:blur(16px)}.card h3{font-family:var(--serif);font-weight:400;font-size:20px;margin:0 0 12px}.card p{font-size:14px;color:#bac7da;margin:8px 0}.card textarea{min-height:160px;border:1px solid var(--line);border-radius:8px;padding:12px;background:#0d1930;margin-top:10px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.badge{font-size:11px;color:var(--gold);border:1px solid #d8c59e40;border-radius:20px;padding:3px 9px;display:inline-block}.split{display:grid;grid-template-columns:1fr 1fr;gap:14px}.split .card{margin:0}.status-line{font-size:12px;color:#a7b6cd;margin:12px 0}.plan-row{border-bottom:1px solid var(--line);padding:18px 0}.plan-row:first-child{padding-top:0}.plan-row:last-child{border-bottom:0;padding-bottom:0}.plan-row strong{font-size:15px;font-weight:400}.plan-row p{font-size:13px}.choice{display:flex;gap:8px;margin-top:12px}.choice button{font-size:12px;padding:5px 12px;border:1px solid var(--line);border-radius:16px}.choice button.selected{border-color:#cbb891;background:#d9c69c22;color:var(--gold)}.plan-row textarea{min-height:70px;font-size:13px}.letter{border-left:2px solid #cbb89188}.letter p{white-space:pre-wrap;overflow-wrap:anywhere}.letter-meta{display:flex;justify-content:space-between;font-size:12px;color:#8fa0ba}.reply{margin:15px 0 0 15px;border-left:1px solid var(--line);padding-left:14px}.reply p{font-size:13px}.empty{text-align:center;padding:28px 12px}.empty>span{color:var(--gold);font-size:28px}.empty h3{margin-top:10px}.back-edit{font-size:13px;color:var(--gold);padding:0;margin:0 0 18px}.pause-banner{background:#c7b78f19;border:1px solid #c7b78f50;padding:15px;border-radius:10px;margin-bottom:20px;font-size:14px}.pause-banner button{color:var(--gold);text-decoration:underline;margin-left:14px}dialog{color:var(--text);background:#142139;border:1px solid #a9bbd64d;border-radius:18px;padding:26px;width:min(480px,calc(100vw - 32px));box-shadow:0 40px 100px #0008}dialog::backdrop{background:#020917bc;backdrop-filter:blur(6px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.dialog-heading h2{font:400 23px var(--serif);margin:0}.dialog-heading button{font-size:28px;color:var(--muted)}#modalBody p{color:#b8c5da;font-size:14px}#modalBody .actions{justify-content:flex-end}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#e4d6b8;color:#19243b;padding:10px 22px;border-radius:10px;font-size:14px;transition:.2s;z-index:10;max-width:90vw}#toast.visible{opacity:1;transform:translate(-50%,0)}@media(min-width:1500px){.app-layout{gap:65px;grid-template-columns:230px minmax(0,1fr) 280px}.messages{min-height:280px}}@media(max-width:1180px){.app-layout{grid-template-columns:180px minmax(0,1fr);gap:30px}.rightbar{display:none}.space-name p{font-size:23px}main{max-width:800px;width:100%;margin:auto}}@media(max-width:700px){.topbar{height:80px;padding:0 21px}.brand{font-size:21px;gap:9px}.brand small{font-size:8px;letter-spacing:1.1px}.moon{font-size:35px}.top-actions{gap:12px}.prototype{font-size:10px;padding:3px 7px}#inviteBtn{font-size:12px}#inviteBtn span{display:none}.app-layout{display:block;padding:0 18px}.sidebar{min-height:0;padding-top:17px}.space-name,.sidebar-bottom{display:none}nav{display:flex;margin:0;gap:3px;overflow-x:auto;padding-bottom:9px}.nav-item{flex-direction:column;gap:5px;min-width:66px;padding:9px 4px;font-size:11px;margin:0;flex:1;white-space:nowrap}.nav-item>span{font-size:21px;text-align:center}.nav-item small,.nav-divider{display:none}.nav-item.active{box-shadow:inset 0 -2px #c7b58d}main{padding-top:10px}.view-top{margin-bottom:23px;font-size:11px}.perspective>span{font-size:10px}.page-heading{margin-bottom:22px}h1{font-size:29px}.page-heading p{font-size:13px}.messages{padding:20px 17px;min-height:200px;max-height:340px}.message-content{font-size:14px}.avatar{width:27px;height:27px}.prompts{padding:0 16px 18px;gap:7px}.chip{font-size:11px;padding:5px 10px}.composer{margin:0 11px 11px;padding:11px 12px}.composer-bottom{font-size:10px}.below-chat{align-items:flex-start}.primary,.secondary{font-size:13px;padding:10px 13px}.quiet-btn{font-size:12px;text-align:left}.panel-top{padding:12px 17px;font-size:11px}.footnote{margin:23px 0}.footnote small{font-size:10px}.split{grid-template-columns:1fr}.card{padding:18px}.sky{background-position:63% center}.actions{gap:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Shared-understanding flow */
.analysis-notice{display:flex;gap:12px;background:#a9bcd310;border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin-bottom:22px}.analysis-notice>span{color:var(--gold);font-size:22px}.analysis-notice p{font-size:13px;line-height:1.85;color:var(--muted);margin:0}.analysis-notice strong{color:#d5dceb;font-weight:500}.analysis-steps{display:flex;gap:8px 16px;flex-wrap:wrap;padding-bottom:20px;color:#b7c5dc;font-size:13px}.shared-expressions{margin-bottom:22px}.shared-expressions p{font-size:15px;white-space:pre-wrap;overflow-wrap:anywhere}.analysis-version{font-size:13px;color:var(--gold);margin:22px 0 16px}.analysis-section{padding:26px;margin-bottom:20px}.section-kicker{font-size:13px;letter-spacing:1px;color:var(--gold);display:flex;align-items:center;gap:12px;margin-bottom:16px}.section-kicker>span{display:inline-flex;align-items:center;justify-content:center;border:1px solid #decba84a;border-radius:50%;width:30px;height:30px;font-size:12px}.analysis-section h2{font:400 23px/1.65 var(--serif);margin:0 0 20px;color:#e7e5ed}.analysis-section p{font-size:16px;line-height:1.95}.comfort-section{background:linear-gradient(135deg,#27364eaa,#13223cbb)}.comfort-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px}.comfort-pair>div+div{border-left:1px solid var(--line);padding-left:22px}.analysis-section .analysis-caption,.analysis-caption{font-size:13px;color:#9dadc6;line-height:1.9;margin-top:20px}.needs-pair{display:flex;gap:18px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:22px 0}.needs-pair small{display:block;color:#a5b4ce;font-size:13px;margin-bottom:8px}.needs-pair strong{font-size:16px;font-weight:400;color:var(--gold)}.needs-pair>span{color:#8397b8;font-size:14px}.understanding-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.understanding-grid h3{font-size:17px;color:#d5deed;margin-bottom:8px}.understanding-grid .wide{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px}.confirmation-pair{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.confirmation-pair span{border:1px solid var(--line);border-radius:7px;color:#b4c2d9;padding:7px 12px;font-size:13px}.confirmation-pair .confirmed{color:var(--gold);border-color:#dcca9c66;background:#ddc9a00d}.plan-next{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.plan-next p{font-size:14px}.correction-editor{margin-top:20px;border-top:1px solid var(--line);padding-top:20px}.correction-editor label{font-size:15px}.shared-correction{border-left:2px solid #bca87a;padding-left:16px;margin:18px 0}.shared-correction p{white-space:pre-wrap;overflow-wrap:anywhere}.analysis-start p{font-size:15px}.analysis-section .actions button{font-size:14px}.card p{overflow-wrap:anywhere}.nav-item{font-size:14px}.message-content{font-size:16px}textarea{font-size:16px}
@media(max-width:700px){.analysis-section{padding:20px 18px}.analysis-section h2{font-size:21px}.comfort-pair,.understanding-grid{grid-template-columns:1fr;gap:16px}.comfort-pair>div+div{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.needs-pair{align-items:flex-start;gap:10px}.needs-pair strong{font-size:15px}.analysis-steps{gap:8px 14px;font-size:12px}.analysis-section .actions{flex-direction:column}.analysis-section .actions button{width:100%}.analysis-notice{padding:12px}.nav-item{font-size:12px}.analysis-section .primary{min-height:44px}.analysis-section p{font-size:16px}}