:root{--papper:#f6f4ef;--yta:#fff;--black:#1d1d1b;--dampad:#6f6c66;--linje:#e2ded5;--accent:#2f5d50;--accent-ljus:#e6efeb;--fel:#a3392f;--radie:8px;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#rot{height:100%;margin:0}body{font-family:var(--sans);color:var(--black);background:var(--papper);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.45}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:var(--yta);border:1px solid var(--linje);border-radius:var(--radie);padding:7px 14px}button:disabled{opacity:.5;cursor:default}button.primar{background:var(--accent);border-color:var(--accent);color:#fff}button.liten{padding:5px 10px;font-size:14px}button.lank{color:var(--dampad);background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline}input,textarea{border:1px solid var(--linje);border-radius:var(--radie);background:var(--yta);outline:none;width:100%;padding:9px 11px}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ljus)}textarea{resize:none}.dampad{color:var(--dampad)}.fel{color:var(--fel);margin:4px 0;font-size:14px}.meta{color:var(--dampad);font-size:12.5px;font-weight:400}.knappar{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.mitten{text-align:center;place-items:center;height:100%;padding:24px;display:grid}.logotyp{letter-spacing:-.02em;margin:0 0 20px;font-size:34px;font-weight:600}.logotyp.liten{color:var(--accent);margin:0;font-size:15px}.inloggning{text-align:left;background:var(--yta);border:1px solid var(--linje);border-radius:12px;width:100%;max-width:340px;padding:28px}.inloggning label{color:var(--dampad);margin-bottom:14px;font-size:13px;display:block}.inloggning label input{color:var(--black);margin-top:4px}.inloggning button{width:100%;margin-top:6px;padding:10px}.ram{grid-template-columns:240px 340px 1fr;height:100%;display:grid}.kolumn{border-right:1px solid var(--linje);flex-direction:column;min-width:0;min-height:0;display:flex}.tradkolumn{background:var(--yta);border-right:none}.sidhuvud{border-bottom:1px solid var(--linje);min-height:58px;padding:10px 16px;padding-top:max(10px, env(safe-area-inset-top));align-items:center;gap:10px;display:flex}.sidhuvud .titel{flex:1;min-width:0;font-weight:600}.sidhuvud .titel>div{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidhuvud .under{color:var(--dampad);font-size:13px;font-weight:400}.tillbaka{background:0 0;border:none;padding:0 6px 4px 0;font-size:28px;line-height:1;display:none}.sidopanel{background:#efece5}.sidopanel .sidhuvud{flex-direction:column;justify-content:center;align-items:flex-start;gap:0}.ytnamn{font-size:17px;font-weight:600}.kanaler{flex:1;padding:12px 8px;overflow-y:auto}.kanaler .rubrik{text-transform:uppercase;letter-spacing:.06em;color:var(--dampad);padding:0 8px 6px;font-size:12px}.kanal{text-align:left;background:0 0;border:none;border-radius:6px;width:100%;padding:6px 8px;display:block}.kanal:hover{background:#0000000a}.kanal.vald{background:var(--accent);color:#fff}.kanal.vald .hash{color:#cfe0da}.kanal.ny{color:var(--dampad)}.hash{color:var(--dampad);margin-right:4px}.nykanal{padding:6px 4px}.sidfot{border-top:1px solid var(--linje);padding:12px 16px;padding-bottom:max(12px, env(safe-area-inset-bottom));align-items:center;gap:10px;display:flex}.sidfot .jag{flex:1;min-width:0;font-size:14px}.status{color:var(--dampad);align-items:center;gap:5px;font-size:12px;display:flex}.prick{background:#c9a227;border-radius:50%;width:7px;height:7px;display:inline-block}.status.ok .prick{background:#3c8c5a}.status.nere .prick{background:var(--fel)}.avatar{background:var(--accent-ljus);width:32px;height:32px;color:var(--accent);border-radius:8px;flex:none;place-items:center;font-size:12.5px;font-weight:600;display:grid}.lista{flex:1;padding:8px;overflow-y:auto}.tom{text-align:center;padding:24px}.tradrad{text-align:left;border-radius:var(--radie);background:0 0;border:1px solid #0000;width:100%;margin-bottom:2px;padding:10px 12px;display:block}.tradrad:hover{background:#00000008}.tradrad.vald{background:var(--yta);border-color:var(--linje)}.tradtitel{font-weight:600}.forhandsvisning{color:var(--dampad);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.forhandsvisning b{color:var(--black);font-weight:500}.nytrad{background:var(--yta);border:1px solid var(--linje);border-radius:var(--radie);gap:8px;margin-bottom:8px;padding:10px;display:grid}.nytrad .knappar{margin-top:0}.meddelanden{flex:1;padding:16px 0 8px;overflow-y:auto}.meddelande{gap:10px;padding:4px 20px;display:flex;position:relative}.meddelande:not(.ihop){margin-top:10px}.meddelande:hover{background:#faf9f6}.meddelande.ihop .avatar{background:0 0;height:0}.meddelande .kropp{flex:1;min-width:0}.meddelande .text{white-space:pre-wrap;overflow-wrap:anywhere}.meddelande .text a{color:var(--accent)}.andraknapp{opacity:0;position:absolute;top:4px;right:20px}.meddelande:hover .andraknapp,.andraknapp:focus{opacity:1}.andra{margin-top:4px}.skrivruta{border-top:1px solid var(--linje);padding:10px 16px;padding-bottom:max(10px, env(safe-area-inset-bottom))}.skrivruta .rad{align-items:flex-end;gap:8px;display:flex}.skrivruta .tips{color:var(--dampad);margin-top:4px;font-size:12px}@media (width<=759px){.ram{grid-template-columns:1fr}.kolumn{border-right:none;height:100%;display:none}.ram.visa-kanaler .sidopanel,.ram.visa-trader .traderkolumn,.ram.visa-trad .tradkolumn{display:flex}.tillbaka{display:block}.meddelande{padding:4px 14px}.andraknapp{opacity:1;align-self:flex-start;position:static}.kanal{padding:10px 8px;font-size:16px}input,textarea{font-size:16px}}