.extras{--extras-accent:#edcd81;--extras-line:#a47b3d;line-height:1.5;min-width:0}.extras header>small{letter-spacing:.18em;font-size:10px;color:var(--extras-accent)}#panel .extras h2{margin:4px 0 16px}.extras-tabs{display:flex;gap:8px;border-bottom:1px solid var(--extras-line);padding-bottom:14px}.extras-tabs button{flex:1}.extras button[aria-pressed=true]{background:linear-gradient(#e7c877,#ac7b24)!important;color:#291706}.extras :is(button,input,select,summary){min-height:44px;touch-action:manipulation}#panel .extras button{min-width:44px;padding:9px 12px;white-space:normal}.extras button:disabled{opacity:.5;cursor:default}.extras :is(button,input,select,textarea,summary):focus-visible{outline:3px solid var(--extras-accent);outline-offset:3px}.extras .error:empty{margin:8px 0;min-height:0}.extras form{margin:18px 0;border:1px solid var(--extras-line);padding:16px;background:#ffffff05}.extras form>button{margin-top:14px}.extras-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}#panel .extras textarea{width:100%;padding:10px;background:#f9efd8;color:#3b210c;border:1px solid #c29c56;border-radius:4px;font:inherit;resize:vertical;user-select:text}.extras :is(input,textarea){user-select:text;-webkit-user-select:text}.extras-subhead{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-top:18px}.extras-subhead h3,.extras-list h3{margin:0!important;overflow-wrap:anywhere}.extras-subhead p,.extras-list p{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0}.extras-subhead small,.extras-list small{display:block;opacity:.75}.extras-list,.extras-questions{padding:0;list-style:none}.extras-list>li,.extras-questions>li{display:flex;gap:16px;align-items:center;justify-content:space-between;border-bottom:1px solid #a47b3d88;padding:16px 0}.extras-list>li>div:first-child,.extras-questions>li>div:first-child{flex:1;min-width:0}.extras-row-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;max-width:55%}.extras-list button,.extras-questions button{font-size:13px!important}.extras-id{font-family:monospace;font-size:10px;overflow-wrap:anywhere}.extras-share-id{font-family:monospace;font-size:12px!important}.extras-questions p{overflow-wrap:anywhere;white-space:pre-wrap;margin:5px 0}.extras-questions span{font-size:13px;color:var(--extras-accent)}.extras-questions small{font-size:11px;opacity:.75}.extras-confirm{padding:12px 16px;border:1px solid #d9a068;background:#51230f;margin-top:16px}.extras-confirm p{margin-top:0}.extras footer{border-top:1px solid var(--extras-line);padding-top:14px}.extras footer button:last-child{margin-left:auto}.extras-messages{list-style:none;padding:10px;max-height:330px;overflow:auto;border:1px solid var(--extras-line);overscroll-behavior:contain}.extras-messages li{background:#0002;border-left:3px solid var(--extras-line);padding:9px 12px;margin:8px 20px 8px 0}.extras-messages li.is-mine{margin-left:20px;margin-right:0;background:#edcd8110;border-color:var(--extras-accent)}.extras-messages small{font-size:11px;color:var(--extras-accent)}.extras-messages p{margin:3px 0;white-space:pre-wrap;overflow-wrap:anywhere}.extras-blocked{margin-top:20px;border-top:1px solid var(--extras-line)}.extras-blocked summary{display:flex;align-items:center;cursor:pointer;color:var(--extras-accent)}body[data-skin=ornate] .extras{--extras-accent:#f0c98c;--extras-line:#ad7c46}body[data-skin=parchment] .extras{--extras-accent:#e8d39a;--extras-line:#a58d59}#panel:has(.extras)>.close-panel{min-width:44px;min-height:44px}@media(max-width:520px){.extras-grid{grid-template-columns:1fr;gap:0}.extras form{padding:12px}.extras-subhead{flex-direction:column}.extras-list>li,.extras-questions>li{flex-wrap:wrap;gap:10px}.extras-list>li>div:first-child,.extras-questions>li>div:first-child{flex-basis:100%}.extras-row-actions{max-width:100%;justify-content:flex-start;width:100%}.extras-row-actions button{flex:1}.extras .form-actions{flex-wrap:wrap}.extras .form-actions>button{flex:1 1 auto}.extras-messages{max-height:35dvh}}
