.onion-chat-host{height:100%;min-height:0;background:#c8c6bd;container-type:inline-size}
.oc-app{height:100%;min-height:0;display:flex;flex-direction:column;color:#131716;font:11px/1.4 Tahoma,Arial,sans-serif;padding:8px;gap:6px;box-sizing:border-box;user-select:text}
.oc-app *{box-sizing:border-box}
.oc-header{background:#000080;color:#fff;padding:9px 11px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px inset #eee}
.oc-header strong{font-size:14px}.oc-header span{font:10px 'Courier New',monospace;color:#d4d5ed}
.oc-toolbar{display:flex;align-items:center;gap:7px;font-size:10px}.oc-toolbar button{margin-left:auto;font-size:10px;min-height:23px}
.oc-light{width:7px;height:7px;background:#9a4b3a;border:1px inset #eee}.oc-online .oc-light{background:#58855c}
.oc-transcript{flex:1;min-height:90px;overflow:auto;border:2px inset #eee;background:#fffef7;padding:9px;font:11px/1.5 'Courier New',monospace;overscroll-behavior:contain}
.oc-empty{color:#727268;padding:15px 6px;font-style:italic}.oc-message{margin:0 0 12px;overflow-wrap:anywhere}.oc-message-head{display:flex;gap:9px;color:#000080}.oc-message-head time{color:#727268;font-size:10px}.oc-message p{white-space:pre-wrap;word-break:break-word;margin:2px 0 0 0;color:#252c26}
.oc-compose{display:flex;flex-direction:column;gap:6px}.oc-identity{display:flex;align-items:center;justify-content:space-between;gap:9px}.oc-identity label{display:flex;align-items:center;gap:7px}.oc-identity input{width:130px}.oc-identity span{font-size:9px;color:#616455;text-align:right}
.oc-app input,.oc-app textarea{font:11px/1.4 'Courier New',monospace;color:#151b16;border:2px inset #eee;background:#fffef7;border-radius:0;padding:4px 5px;user-select:text}.oc-app input:focus,.oc-app textarea:focus{outline:1px dotted navy;outline-offset:-4px}.oc-message-label{display:block;font-size:10px}.oc-message-label textarea{display:block;width:100%;height:57px;resize:none;margin-top:3px}.oc-bottom{display:flex;align-items:center;gap:9px;min-height:26px}.oc-count{color:#676b60;font-size:9px;white-space:nowrap}.oc-feedback{font-size:10px;flex:1;color:#4e5549;overflow-wrap:anywhere}.oc-bottom button{font-size:11px;min-width:65px}.oc-app button:disabled{color:#777}
.welcome-links.onion-main-links{grid-template-columns:1fr!important;gap:7px}.onion-main-links .retro-button{display:flex;align-items:center;gap:10px;text-align:left;min-height:39px;padding:5px 12px}.onion-main-links .pixel-icon{width:24px;height:24px}.welcome-message .onion-tagline{display:block;font-size:13px;color:#000080;margin-bottom:6px}
@container(max-width:380px){.oc-app{padding:6px}.oc-header{padding:8px}.oc-header span{font-size:9px}.oc-header strong{font-size:12px}.oc-identity{align-items:flex-start}.oc-identity input{width:105px}.oc-identity span{max-width:100px}.oc-transcript{padding:7px}}