.demo-badge{cursor:pointer;background:transparent}.screen-nav{grid-template-columns:repeat(5,1fr)}.screen-nav button{min-width:0}.screen-nav span{white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b8406e;outline-offset:3px}.effort-choices{display:grid;grid-template-columns:repeat(4,1fr)}.effort-choices button{min-height:44px}.notice{font-size:12px;line-height:1.7;color:#755b83}.empty-real{padding:24px;line-height:1.8;font-size:14px}.chat-view{height:100%;display:flex;flex-direction:column;background:#fff4e9}.chat-view[hidden]{display:none}.chat-heading{display:flex;justify-content:space-between;align-items:center;padding:12px 18px 6px}.chat-heading h1{font-size:19px;font-family:Pixel,sans-serif;margin:3px 0}.chat-actions{display:flex;gap:5px}.chat-actions button,.chat-toolbar button,.chat-toolbar select,.interaction button,#stop-chat{min-height:44px;border:1px solid #d2bdd9;background:#f6e4f0;color:#573c68;border-radius:7px;padding:6px 10px}.chat-toolbar{display:flex;gap:6px;padding:0 14px 6px;align-items:center}.chat-toolbar select{max-width:44%;min-width:100px}.chat-toolbar button{white-space:nowrap}#chat-model{margin-left:auto;max-width:42%;text-overflow:ellipsis;overflow:hidden;font-size:12px}.messages{flex:1;min-height:60px;overflow-y:auto;overscroll-behavior:contain;padding:12px 18px;scrollbar-width:thin}.chat-empty{text-align:center;line-height:2;color:#785c87;padding:14px}.chat-empty small{font-size:12px}.message{max-width:94%;margin:0 0 16px;overflow-wrap:anywhere;line-height:1.75;font-size:14px}.message .author{display:block;font-family:Pixel,sans-serif;font-size:12px;color:#967297;margin-bottom:4px}.message.user{margin-left:auto;background:#e8d9ef;padding:9px 13px;border-radius:12px 12px 2px 12px;width:fit-content;white-space:pre-wrap}.message.assistant{padding:0 8px 0 0}.message p{white-space:pre-wrap;margin:4px 0 9px}.message pre{overflow-x:auto;white-space:pre;background:#32233e;color:#f6e7ff;padding:12px;border-radius:8px;font-size:12px;line-height:1.6}.message a{color:#a5295b}.message code{font-family:ui-monospace,monospace}.message.tool{font-size:12px;color:#806486;border-left:3px solid #d8bfdc;padding-left:9px}.message.system{font-size:12px;color:#9a3560;background:#ffe5ea;border-radius:8px;padding:8px}.chat-status{font-size:11px;color:#856a8f;line-height:1.4;margin:2px 18px 5px;min-height:16px}#composer{padding:0 14px 10px;flex-shrink:0}#prompt{width:100%;resize:vertical;max-height:140px;min-height:52px;background:#fffaf5;border:2px solid #dac3de;border-radius:9px;padding:9px 11px;box-sizing:border-box;font-family:inherit;font-size:14px;color:#442c59}.composer-bottom{display:flex;align-items:center;gap:8px;margin-top:4px}.composer-bottom span{font-size:10px;color:#977f9f;margin-right:auto}.composer-bottom button{min-height:44px}.interaction{margin:0 14px 6px;padding:10px;background:#ffe1ec;border:1px solid #d798b5;border-radius:8px;font-size:13px;max-height:160px;overflow:auto}.interaction p{white-space:pre-wrap;margin:0 0 7px}.interaction label{display:block;margin:8px 0}.interaction textarea,.interaction input[type=text]{width:100%;min-height:44px;box-sizing:border-box}.interaction button{margin:3px}.interaction pre{white-space:pre-wrap;font-size:12px}.chat-expanded .device{max-width:1450px}.chat-expanded .screen-content{height:min(76vh,900px);min-height:520px}.chat-expanded .messages{padding:20px 7%}.chat-expanded .message{font-size:15px}.chat-expanded .left-grip,.chat-expanded .right-grip{display:none}.chat-expanded .device-center{grid-template-columns:minmax(0,1fr)}.chat-expanded .screen-bezel{width:100%}.letters{overflow:auto}.board-foot,.files-foot{flex-shrink:0}#logout{border:0;background:none;font:inherit;color:inherit;cursor:pointer}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;box-sizing:border-box}.login-card{max-width:390px;background:#fff1e4;border:3px solid #8d70a3;border-radius:22px;padding:30px;box-shadow:10px 12px 0 #b49ac5}.login-card h1{font-family:Pixel,sans-serif;font-size:27px}.login-card p{font-size:14px;line-height:1.8}.login-card label{display:block;font-size:13px;margin-bottom:6px}.login-card input{box-sizing:border-box;width:100%;min-height:46px;border:2px solid #d0b5d6;border-radius:8px;margin-bottom:15px;padding:10px}.login-card button{width:100%}#login-error{color:#a42b58;min-height:20px}.paper-body pre{white-space:pre-wrap;overflow-wrap:anywhere}.terminal-scroll .success-strip{font-size:12px}.note-card small{white-space:pre-wrap}.preset-actions{display:flex;gap:6px;margin-top:10px}.preset-actions button{min-height:44px}.readonly-note{color:#98345e}.screen-status{white-space:nowrap}
@media(max-width:520px){.screen-nav{gap:0}.screen-nav button{padding:5px 2px;font-size:10px;min-height:48px}.screen-nav svg{width:15px;height:15px}.chat-heading{padding:8px 10px 4px}.chat-heading h1{font-size:15px}.chat-toolbar{padding:0 8px 4px;flex-wrap:wrap;gap:4px}.chat-toolbar select{max-width:calc(100% - 104px);flex:1}.chat-toolbar #chat-model{max-width:100%;width:100%;min-height:28px;margin:0;text-align:left;border:0;background:none;padding:0 3px}.chat-actions button{min-height:44px}.chat-status{margin:2px 10px 4px}.messages{padding:7px 10px}.message{font-size:13px;margin-bottom:10px}.chat-empty{padding:0;font-size:13px}.composer-bottom span{display:none}.composer-bottom{justify-content:flex-end}#composer{padding:0 8px 8px}.chat-expanded .screen-content{height:calc(100dvh - 170px);min-height:500px}.chat-expanded .device-head,.chat-expanded .device-bottom,.chat-expanded .folio,.chat-expanded .under-device,.chat-expanded .page-footer{display:none}.chat-expanded .device{padding-top:8px}.chat-expanded .device-center{display:block}.chat-expanded .messages{padding:12px}.interaction{margin:0 8px 4px}.effort-choices{grid-template-columns:repeat(4,1fr)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}