:root{--bg: #e6f3fc;--card: #ffffff;--text: #17325c;--muted: #6b84a6;--border: #cfe5f6;--sky: #7dddf9;--sky-d: #43bbfa;--blue: #1486f5;--navy: #0136e8;--sky-soft: #eef8fe;--warn-soft: #fff1e3;--warn: #c26a1b;--danger: #e0536f;--shadow: 0 4px 16px rgba(20, 134, 245, .08);--r: 20px;color-scheme:light}:root[data-theme=dark]{--bg: #0c1a33;--card: #132647;--text: #e3f0fc;--muted: #8fa9c8;--border: #23406d;--sky-soft: #172f55;--warn-soft: #3a2c1c;--warn: #f0a868;--shadow: 0 4px 16px rgba(0, 0, 0, .3);color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Noto Sans Thai,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}h2,h3,.brand{font-family:Mali,Noto Sans Thai,sans-serif}h2{margin:0;font-size:1.5rem}h3{margin:0 0 .6rem;font-size:1.08rem}.muted{color:var(--muted)}.hint{color:var(--muted);font-size:.85rem;margin:.2rem 0 0}.center{text-align:center;padding:3rem 1rem}.grow{flex:1;min-width:0}.top{display:flex;align-items:center;gap:.6rem;padding:.7rem 1.2rem;background:var(--card);border-bottom:2px solid var(--border);position:sticky;top:0;z-index:5}.brand{font-weight:700;font-size:1.15rem;display:flex;gap:.5rem;align-items:center;color:var(--blue)}.brand small{font-family:Noto Sans Thai,sans-serif;font-size:.68rem;font-weight:500;color:var(--muted)}.whale{display:block;flex:none}@media (max-width: 640px){.brand small{display:none}}.top .space{flex:1}.wrap{max-width:1040px;margin:0 auto;padding:1.4rem 1rem 4rem}.pagehead{display:flex;align-items:center;gap:.8rem;margin-bottom:1.1rem;flex-wrap:wrap}.back{color:var(--muted);font-size:.9rem}.card{background:var(--card);border:2px solid var(--border);border-radius:var(--r);padding:1.1rem 1.2rem;box-shadow:var(--shadow);margin-bottom:1rem}.empty{text-align:center;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.server{display:flex;align-items:center;gap:.8rem;margin:0}.server:hover{border-color:var(--sky-d)}.gicon,.avatar{border-radius:50%;object-fit:cover;flex:none}.ph{background:var(--sky-soft);color:var(--blue);display:grid;place-items:center;font-weight:700}.btn{border:2px solid var(--border);background:var(--card);color:var(--text);padding:.42rem .95rem;border-radius:999px;cursor:pointer;font:inherit;font-size:.92rem;display:inline-flex;align-items:center;gap:.4rem}.btn:hover{border-color:var(--sky-d)}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600}.btn.primary:hover{background:var(--navy);border-color:var(--navy)}.btn.pink{background:var(--sky-soft);border-color:var(--sky-d);color:var(--blue)}.btn.danger{color:var(--danger)}.btn.sm{padding:.22rem .7rem;font-size:.82rem}.btn:disabled{opacity:.5;cursor:not-allowed}.actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}input,select,textarea{width:100%;font:inherit;color:var(--text);background:var(--sky-soft);border:2px solid var(--border);border-radius:14px;padding:.5rem .75rem;margin-top:.25rem}input[type=color]{padding:.15rem;height:2.4rem;cursor:pointer}input[type=checkbox]{width:auto;margin:0}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--sky-d)}label{display:block;font-size:.88rem;color:var(--muted)}.form{display:grid;gap:.8rem}.row2{display:grid;grid-template-columns:1fr 2fr;gap:.8rem}.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem}.inline{display:flex;gap:.6rem;align-items:end;flex-wrap:wrap}.inline>*{flex:1;min-width:140px}.inline>.btn{flex:none}.switch{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--text);font-size:.9rem}.switch input{display:none}.switch .track{width:40px;height:22px;border-radius:999px;background:var(--border);position:relative}.switch .track:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff}.switch input:checked+.track{background:var(--blue)}.switch input:checked+.track:after{left:21px}.chips{display:flex;gap:.35rem;flex-wrap:wrap}.chip{border:2px solid var(--border);background:var(--sky-soft);border-radius:999px;padding:0 .65rem;font-size:.82rem;color:var(--text)}.chip button{border:0;background:none;cursor:pointer;color:var(--muted);margin-left:.25rem}.tabs{display:flex;gap:.4rem;margin-bottom:1rem;overflow-x:auto;padding-bottom:.2rem}.tabs a{padding:.4rem 1rem;color:var(--muted);border-radius:999px;white-space:nowrap}.tabs a:hover{background:var(--card)}.tabs a.on{background:var(--blue);color:#fff;font-weight:600}.badge{font-size:.75rem;padding:.1rem .6rem;border-radius:999px;background:var(--sky-soft);color:var(--blue);font-weight:600;border:1px solid var(--border)}.badge.warn,.badge.closing{background:var(--warn-soft);color:var(--warn);border-color:transparent}.badge.closed{background:var(--border);color:var(--muted)}.banner{background:var(--warn-soft);border-radius:14px;padding:.6rem .9rem;margin-bottom:1rem;font-size:.9rem;color:var(--warn)}.banner.err{color:var(--danger)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.55rem .5rem;border-bottom:1px solid var(--border);font-size:.9rem}th{color:var(--muted);font-weight:500}.tablewrap{overflow-x:auto}.pager{display:flex;gap:.6rem;justify-content:center;align-items:center;margin-top:.8rem}.panelhead{display:flex;align-items:center;gap:.7rem;cursor:pointer}.split{display:grid;grid-template-columns:1fr minmax(260px,340px);gap:1.2rem;align-items:start}@media (max-width: 820px){.split,.row2{grid-template-columns:1fr}}.preview{background:#313338;border-radius:14px;padding:.9rem;position:sticky;top:4.5rem;color:#dbdee1}.embed{border-left:4px solid var(--sky-d);background:#2b2d31;border-radius:4px;padding:.6rem .8rem;margin-bottom:.5rem}.et{font-weight:700;color:#fff;margin-bottom:.25rem}.ed{white-space:pre-wrap;font-size:.9rem}.ei{max-width:100%;border-radius:4px;margin-top:.5rem}.ef{font-size:.75rem;color:#949ba4;margin-top:.4rem}.pbtns{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.4rem}.pbtn{padding:.3rem .8rem;border-radius:4px;font-size:.85rem;color:#fff;background:#5865f2}.pbtn.success{background:#248046}.pbtn.danger{background:#da373c}.pbtn.secondary{background:#4e5058}.cat{border:2px solid var(--border);border-radius:16px;padding:.9rem;margin-top:.8rem;background:var(--sky-soft)}.q{display:grid;grid-template-columns:2fr 1fr 2fr auto;gap:.5rem;align-items:end;margin-top:.5rem}details summary{cursor:pointer;color:var(--muted);margin-top:.6rem}.meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.8rem}.meta b{display:block;font-size:.78rem;color:var(--muted);font-weight:500}.msg{display:flex;gap:.8rem;padding:.55rem 0}.msg .body{min-width:0;flex:1}.msg .name{font-weight:600}.msg .time{color:var(--muted);font-size:.78rem;margin-left:.4rem}.mc{white-space:pre-wrap;word-break:break-word}.mc.deleted{text-decoration:line-through;color:var(--muted)}.att img{max-width:min(420px,100%);border-radius:12px;display:block;margin-top:.3rem}.att a{color:var(--blue);text-decoration:underline}.mini-embed{border-left:4px solid var(--sky-d);background:var(--sky-soft);padding:.4rem .7rem;border-radius:8px;margin-top:.3rem;font-size:.9rem}.login{max-width:420px;margin:12vh auto 0;text-align:center;padding:2.2rem 1.5rem}.login .whale{margin:0 auto .8rem}.toasts{position:fixed;bottom:1rem;right:1rem;display:grid;gap:.5rem;z-index:20}.toast{background:var(--card);border:2px solid var(--sky-d);border-radius:14px;padding:.6rem 1rem;box-shadow:var(--shadow)}.toast.err{border-color:var(--danger);color:var(--danger)}