:root{font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif;color:#171717;background:#f5f5f2;font-synthesis:none}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{min-height:100vh;background:radial-gradient(circle at 50% -10%,#fff 0,#f7f7f5 42%,#efefeb)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}code{overflow-wrap:anywhere}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:22px 14px}.page-top{align-items:flex-start}.card{width:min(100%,460px);background:#fffffff5;border:1px solid rgba(0,0,0,.07);border-radius:26px;padding:26px;box-shadow:0 22px 60px #00000017}.wide-card{width:min(100%,680px)}.brand-row,.brand-inline{display:flex;gap:12px;align-items:center}.brand-row{margin-bottom:18px}.logo{width:44px;height:44px;flex:0 0 auto;border-radius:14px;background:#111;color:#fff;display:grid;place-items:center;font-weight:760}.logo.mini{width:34px;height:34px;border-radius:11px}h1{font-size:24px;margin:0 0 5px}.sub{color:#72726e;font-size:14px;line-height:1.5}.small{font-size:12px}.security-copy{margin:16px 0 0;font-size:12px}.field{display:grid;gap:6px;margin-top:14px}.field span,.session-bar span{font-size:12px;color:#666}input,textarea,select{width:100%;border:1px solid #dcdcd7;border-radius:13px;padding:12px 13px;background:#fff;color:#171717}textarea{resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid rgba(17,17,17,.16);border-color:#777}.primary,.secondary,.small-button,.icon-button{border:0;border-radius:13px;font-weight:650}.primary{width:100%;min-height:47px;background:#111;color:#fff;margin-top:16px;padding:10px 16px}.download-link{display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none}.install-note{margin-top:10px}.secondary{width:100%;min-height:43px;background:#ecece8;color:#1d1d1b;margin-top:10px;padding:9px 14px}.compact{width:auto;min-height:40px;margin:0}.small-button,.icon-button{background:#ecece8;color:#222;padding:9px 12px}.notice{margin-top:13px;padding:11px 12px;border-radius:12px;font-size:14px}.notice.error{background:#fff0ed;color:#9a2b18}.notice.warning{background:#fff7df;color:#755818}.notice.success{background:#eef8f0;color:#28663c}.compact-notice{margin:0 12px 8px}.panel{margin-top:16px;padding:16px;border:1px solid #e5e5e0;border-radius:18px;background:#fbfbf9}.section-title{font-weight:700;margin-bottom:9px}.steps{margin:8px 0 12px;padding-left:20px}.steps li{margin:5px 0}.device-list{display:grid;gap:8px}.device-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #ecece7}.device-row:last-child{border-bottom:0}.danger-link{border:0;background:transparent;color:#a42f1c;font-weight:650;padding:7px}.empty{color:#888;padding:10px 0}.actions-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.chat-layout{max-width:820px;margin:0 auto;min-height:100vh;height:100dvh;display:grid;grid-template-rows:auto auto 1fr auto;background:#f8f8f5db;border-left:1px solid #e5e5df;border-right:1px solid #e5e5df}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:calc(12px + env(safe-area-inset-top)) 14px 12px;border-bottom:1px solid #e4e4df;background:#fffffff5}.top-actions{display:flex;gap:7px}.status-bad{color:#9a2b18}.session-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto;gap:8px;align-items:end;padding:9px 12px;border-bottom:1px solid #e8e8e3;background:#f7f7f4}.session-bar label{display:grid;gap:3px;min-width:0}.session-bar select{padding:8px 9px;border-radius:10px;min-width:0}.messages{overflow-y:auto;padding:17px 14px;display:flex;flex-direction:column;gap:11px}.empty-chat{margin:auto;max-width:390px;text-align:center;color:#666;line-height:1.55}.bubble{max-width:86%;padding:11px 13px;border-radius:17px;line-height:1.48;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.user{align-self:flex-end;background:#111;color:#fff;border-bottom-right-radius:5px}.bubble.assistant{align-self:flex-start;background:#fff;border:1px solid #e5e5df;border-bottom-left-radius:5px}.message-state{display:block;color:#888;margin-top:5px}.approval-card{align-self:stretch;background:#fff9e8;border:1px solid #e5ce88;border-radius:17px;padding:15px;display:grid;gap:8px}.approval-card p{margin:0;line-height:1.5}.approval-actions{display:flex;justify-content:flex-end;gap:8px}.approval-actions .secondary{width:auto;margin:0}.tag{width:fit-content;padding:3px 8px;border-radius:999px;background:#eee4c4;font-size:11px}.composer-wrap{padding:9px 0 calc(9px + env(safe-area-inset-bottom));border-top:1px solid #e4e4df;background:#fffffff7}.composer{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:end;padding:0 12px}.composer textarea{max-height:160px}.composer-actions{display:flex;gap:7px}@media(max-width:620px){.card{border-radius:22px;padding:21px}.session-bar{grid-template-columns:1fr 1fr}.session-bar .small-button{grid-column:1 / -1}.bubble{max-width:92%}.composer{grid-template-columns:1fr}.composer-actions{justify-content:flex-end}}.user-input-form{display:grid;gap:12px;margin:8px 0}.user-input-question{border:1px solid #e5ce88;border-radius:12px;padding:12px;display:grid;gap:8px;min-width:0}.user-input-question legend{font-weight:700;padding:0 6px}.user-input-question>p{color:#444}.user-input-option{display:flex;gap:10px;align-items:flex-start;cursor:pointer}.user-input-option input{width:auto;margin-top:3px}.user-input-option small{display:block;color:#666;margin-top:2px}.user-input-text{display:grid;gap:6px}.user-input-text input{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #d8d8d2;border-radius:9px;background:#fff}