:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1d1c1d;background:#f8f7f9;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:1px solid #ccc;border-radius:5px;background:white;color:#29252b;padding:9px 13px}button:hover{background:#eee9f0}button:disabled{opacity:.5;cursor:wait}input{padding:10px;border:1px solid #b7b2b9;border-radius:5px;max-width:100%}h1{font-size:28px;letter-spacing:-1px}p{line-height:1.7;color:#625e66}.gate{max-width:580px;margin:8vh auto;background:white;padding:38px;border:1px solid #e3dfe6;border-radius:12px;box-shadow:0 10px 50px #2d123b0b}.brand{color:#531852;font-size:23px;margin-bottom:32px}.gate label{display:block;line-height:1.7;margin:20px 0}.gate label>input:not([type=checkbox]){display:block;width:100%;margin-top:8px}.consent{font-size:13px;color:#625e66}.consent input{vertical-align:middle;margin-right:8px}.gate>button:first-of-type{background:#007a5a;color:white;border:0}.gate details{margin-top:30px;color:#777}.gate details input{margin-top:12px}#notice{color:#7d337f}.top{height:54px;background:#350d36;color:white;display:flex;align-items:center;gap:16px;padding:0 20px}.top>b{min-width:225px}.top>span:nth-child(2){flex:1;opacity:.75}.top button{font-size:12px;background:#ffffff12;border-color:#ffffff40;color:white}.layout{display:grid;grid-template-columns:270px 1fr;height:calc(100vh - 54px)}aside{background:#3f0e40;color:#ddc9df;position:relative;padding:12px 0 100px;overflow:auto}aside h2{color:white;font-size:19px;padding:0 20px}aside h2 small{float:right}aside h3{font-size:13px;font-weight:500;padding:16px 16px 4px}aside input{margin:0 15px;width:240px;background:#ffffff0d;color:white;border-color:#ffffff30}nav button{border:0;border-radius:0;background:none;color:inherit;display:block;text-align:left;width:100%;padding:8px 22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}nav button:hover{background:#ffffff10}nav button.selected{background:#1264a3;color:white}aside footer{font-size:11px;line-height:1.8;margin:25px 20px;color:#bfa9c3}#admin-toggle{margin:20px;background:transparent;color:#ddc9df;border-color:#785079}main{background:white;overflow:auto;position:relative}.channel-head{padding:15px 28px;border-bottom:1px solid #ddd;position:sticky;top:0;background:white;z-index:2}.channel-head h2{font-size:19px;margin:0}.channel-head p{font-size:12px;margin:7px 0 0}#messages{padding:12px 0 100px}.message{display:flex;gap:12px;padding:10px 28px}.message:hover{background:#f8f8f8}.avatar{height:36px;width:36px;min-width:36px;display:grid;place-items:center;border-radius:7px;background:#e9d8eb;color:#531852;font-weight:700}.body{min-width:0}.body b{font-size:14px}.body time{font-size:11px;color:#888;margin-left:9px}.body p{white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0;color:#29252b;line-height:1.6}.body a{display:block;border:1px solid #ddd;padding:10px;border-radius:5px;margin-top:6px;color:#1264a3;text-decoration:none}.thread{font-size:12px;color:#1264a3;margin-top:6px}.readonly{padding:16px 24px;border-top:1px solid #ddd;color:#888;font-size:12px;position:sticky;bottom:0;background:white}#admin{padding:24px;background:#faf8fb;border-bottom:1px solid #ddd}#admin pre{overflow:auto;max-height:350px;white-space:pre-wrap;font-size:12px}#older{margin:15px 28px}#toast{position:fixed;bottom:20px;right:20px;background:#1d1c1d;color:white;padding:15px;border-radius:6px;z-index:10}#toast:empty{display:none}[hidden]{display:none!important}dd{margin:8px 0 22px;overflow-wrap:anywhere}dt{font-weight:700}@media(max-width:700px){.layout{grid-template-columns:175px 1fr}aside input{width:145px}.top>span:nth-child(2){display:none}.top>b{min-width:0;flex:1}.top{gap:6px;padding:0 8px}.top button{padding:7px}.gate{margin:20px 12px;padding:24px}.message{padding:10px 14px}.channel-head{padding:15px}aside h2{font-size:16px}}
