:root{--ink:#272b30;--muted:#60656c;--line:#dce0e6;--paper:#fff;--control:#f3f4f7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit;color:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;min-height:44px}button:disabled{cursor:default;opacity:.5}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #4b5563;outline-offset:3px}a{color:inherit}.shell,main{min-height:100dvh;min-width:0}.topbar{max-width:1000px;min-height:76px;margin:auto;padding:16px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px}.account{display:flex;gap:20px;margin-left:auto}.quiet,.text-button{border:0;background:transparent;color:var(--muted);font-size:13px;padding:8px 0}.login-wrap{min-height:100dvh;display:grid;place-items:center;padding:40px 24px}.login-card{width:100%;max-width:430px}.login-card h1{font-size:36px;line-height:1.2;font-weight:600;margin:0 0 32px}.login-card label{display:block;margin-top:20px;font-size:14px}input:not([type=checkbox]){display:block;width:100%;min-height:56px;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--control);margin-top:8px;font-size:16px}.login-card .checkbox{display:flex;gap:10px;align-items:center;min-height:44px;margin-top:12px;color:var(--muted)}.checkbox input{accent-color:var(--ink);width:17px;height:17px;margin:0}.primary{border:1px solid var(--line);border-radius:8px;background:var(--control);color:var(--ink);padding:10px 18px;font-weight:600}.primary:hover:not(:disabled){background:#e9ebef}.login-card .primary{width:100%;margin-top:16px;min-height:48px}.conversation-head{max-width:880px;margin:auto;padding:24px 32px;display:flex;justify-content:space-between;gap:24px;align-items:center}.conversation-head h1{font-size:28px;line-height:1.2;font-weight:600;margin:0}select{border:1px solid var(--line);border-radius:8px;background:white;padding:10px 12px;min-height:44px}.conversation{max-width:880px;margin:0 auto;padding:8px 32px 280px}.welcome{text-align:center;margin:64px auto 30px;max-width:660px}.welcome p{font-size:13px;color:var(--muted)}.composer-wrap{position:fixed;bottom:0;left:0;right:0;padding:18px 32px max(16px,env(safe-area-inset-bottom));background:var(--paper)}.composer{max-width:816px;margin:auto;background:white;border:1px solid var(--line);border-radius:10px;padding:14px 18px}.composer textarea{resize:vertical;max-height:180px;min-height:52px;border:0;width:100%;background:transparent;font-size:16px;line-height:1.5;outline-offset:0}.composer textarea::placeholder{color:var(--muted)}.composer-bottom{display:flex;justify-content:flex-end;align-items:center;margin-top:8px}.send{font-size:14px;padding:8px 20px}.composer-caption{max-width:816px;margin:6px auto 0;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:var(--muted)}.composer-caption button{font-size:12px}.exchange{margin:25px 0 34px}.eyebrow{font-size:11px;font-weight:600;color:var(--muted)}.user-message{margin-left:auto;max-width:75%;background:var(--control);padding:15px 20px;border-radius:10px}.user-message p{margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere}.assistant-message{margin-top:24px}.assistant-message>div{min-width:0}.assistant-message p{margin:0 0 12px;white-space:pre-wrap;overflow-wrap:anywhere}.recorded{display:inline-block;background:var(--control);color:var(--ink);font-size:12px;padding:4px 10px;border-radius:6px;margin-bottom:8px}.assistant-message .text-button{display:block}.choices button,.secondary{padding:9px 14px;border:1px solid var(--line);background:white;border-radius:8px;font-size:14px}.choices{display:flex;flex-wrap:wrap;gap:8px}.hint{font-size:14px;color:var(--muted)}.result{background:white;border:1px solid var(--line);border-radius:8px;padding:16px;margin:12px 0}.result>span{float:right;font-size:13px;color:var(--muted)}.result ul{padding-left:18px;font-size:14px;color:var(--muted)}.result small{font-size:12px}.notice{position:fixed;bottom:20px;left:24px;right:24px;margin:auto;max-width:800px;background:var(--control);border:1px solid #b7bdc6;padding:16px 56px 16px 18px;border-radius:8px;box-shadow:0 4px 20px #00000014;font-size:14px;z-index:8}.notice button{position:absolute;right:8px;top:4px;width:44px;border:0;background:none;font-size:24px}.device-panel{position:fixed;right:24px;top:90px;width:min(400px,calc(100vw - 48px));max-height:75dvh;overflow:auto;background:white;padding:24px;border:1px solid var(--line);box-shadow:0 8px 32px #00000014;border-radius:10px;z-index:5}.device-panel h2{font-size:24px;font-weight:600}.device-panel>div{border-top:1px solid var(--line);padding:12px 0;font-size:14px;overflow-wrap:anywhere}.device-panel button{border:1px solid var(--line);border-radius:8px;padding:8px 12px;background:var(--control)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.preview-note{color:var(--muted);font-size:12px}@media (max-width:600px){.topbar{padding:12px 24px;gap:12px}.account{gap:16px}.preview-note{max-width:120px}.conversation-head{padding:24px;flex-wrap:wrap}.conversation{padding:0 24px 280px}.welcome{margin-top:32px}.composer-wrap{padding:12px 16px max(8px,env(safe-area-inset-bottom))}.composer-caption{font-size:11px}.composer-caption button{font-size:11px;flex-shrink:0}.user-message{max-width:90%}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}