:root{color-scheme:dark;font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:#0b0d11;color:#e6e8ec}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% -15%,#333a48 0,transparent 46%),linear-gradient(145deg,#15191f,#090a0d 75%)}
.topbar{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1160px)/2));border-bottom:1px solid #ffffff12;background:#0b0d11b8;backdrop-filter:blur(12px)}
.brand{display:flex;align-items:center;color:#e6e8ec;text-decoration:none;font-weight:700;letter-spacing:.01em}
.brand-mark{width:30px;height:30px;margin-right:9px;object-fit:cover;border-radius:8px}
.topbar a{color:#c2c7d0;text-decoration:none;font-size:.88rem}
.site-main,main{max-width:760px;margin:44px auto 80px;padding:0 16px}
.page-card,.ticket-header{padding:22px 24px;border:1px solid #ffffff18;border-radius:14px;background:#16191ff2;box-shadow:0 18px 55px #0007}
h1{font-size:1.75rem;line-height:1.2;margin:0 0 11px;overflow-wrap:anywhere}
p{color:#b6bdc8}
.button{display:inline-block;background:#5865f2;color:white!important;padding:11px 18px;border-radius:8px;text-decoration:none;font-weight:650}
.small{font-size:.9rem;color:#929aa6}
.ticket-header{margin-bottom:12px}
.metadata{display:flex;flex-wrap:wrap;gap:5px 9px;color:#9da4b0;font-size:.78rem}
.metadata span+span:before{content:"·";margin-right:9px;color:#626a77}
.close-reason{margin:16px 0 0;padding:10px 12px;border-left:3px solid #5865f2;border-radius:4px;background:#20242c;color:#d2d6dd;font-size:.9rem;white-space:pre-wrap;overflow-wrap:anywhere}
.messages{display:grid;gap:9px}
.message{display:flex;gap:12px;padding:14px 16px;border:1px solid #ffffff12;border-radius:11px;background:#14161bdc;box-shadow:0 5px 18px #0003}
.avatar{width:36px;height:36px;border-radius:50%;flex:none;object-fit:cover;background:#30343d}
.avatar.fallback{background:linear-gradient(135deg,#30343d,#5865f2)}
.message-body{min-width:0;flex:1}
.meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0 0 5px}
.meta strong{font-size:.88rem;color:#f1f2f4}
.meta span{font-size:.72rem;color:#9299a5}
.content,.message-body pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#dcdee3;font:inherit;margin:0}
.mention{padding:0 3px;border-radius:3px;background:#34416b;color:#c9d6ff;font-weight:600}
.discord-embed{margin-top:7px;padding:12px 14px;border-left:3px solid var(--accent);border-radius:4px;background:#20242c;overflow:hidden}
.embed-author{display:flex;align-items:center;gap:7px;margin-bottom:7px;font-size:.78rem;font-weight:700}
.embed-author img,.embed-footer img{width:18px;height:18px;border-radius:50%;object-fit:cover}
.embed-title{font-size:.95rem;font-weight:700;color:#f1f2f4}
.embed-title a{color:#9db7ff;text-decoration:none}
.embed-description{margin-top:7px;white-space:pre-wrap;overflow-wrap:anywhere;color:#d4d7de;font-size:.86rem}
.embed-fields{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.embed-field{flex:1 1 100%;min-width:0;font-size:.8rem;white-space:pre-wrap;overflow-wrap:anywhere}
.embed-field.inline{flex:1 1 30%}
.embed-field strong{display:block;margin-bottom:3px;color:#f1f2f4}
.embed-thumbnail{float:right;max-width:96px;max-height:96px;object-fit:contain;margin:0 0 8px 12px}
.embed-image{display:block;max-width:100%;max-height:420px;object-fit:contain;margin-top:12px;border-radius:5px}
.embed-footer{display:flex;align-items:center;gap:6px;margin-top:11px;color:#a4aab4;font-size:.7rem}
.attachments{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px;font-size:.8rem}
.attachments a{display:inline-block;padding:5px 9px;border:1px solid #ffffff1a;border-radius:6px;color:#b9c8ff;text-decoration:none;background:#ffffff06}
.empty{padding:24px;text-align:center;color:#9da4b0;border:1px dashed #ffffff20;border-radius:12px}
.transcripts{list-style:none;padding:0;margin:24px 0}
.transcripts li{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0;border-top:1px solid #343941}
.transcripts li>a:first-child,.transcripts li div>a{color:#e5e9f0;text-decoration:none;font-weight:650}
.meta{font-size:.88rem;color:#929aa6}
.view{white-space:nowrap;color:#aeb8ff!important}
.transcripts .empty{padding:20px;border:1px solid #343941;border-radius:8px}
.admin-link{color:#aeb8ff;font-weight:650;text-decoration:none}
.admin-section{border-top:1px solid #343941;margin-top:24px;padding-top:18px}
.admin-section h2{font-size:1.15rem;margin:0 0 10px}
.admin-form{display:grid;gap:14px;margin-top:14px}
.admin-form label{display:grid;gap:6px;color:#c8cdd6;font-weight:600}
.admin-form input:not([type=checkbox]),.admin-form textarea,.admin-form select{width:100%;border:1px solid #3a414c;border-radius:7px;padding:10px 11px;background:#101318;color:#e6e8ec;font:inherit}
.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus{outline:2px solid #5865f2;outline-offset:1px}
.admin-form textarea{resize:vertical}
.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.confirm-check{display:flex!important;grid-template-columns:none!important;align-items:center;font-weight:400!important}
.admin-button{justify-self:start;border:0;border-radius:7px;padding:10px 15px;background:#5865f2;color:#fff;font:inherit;font-weight:700;cursor:pointer}
.admin-button.danger{background:#b83b4b}
.admin-button:disabled{opacity:.5;cursor:not-allowed}
.admin-notice{padding:10px 12px;border-radius:7px;background:#183e2c;color:#c8f5d8}
.admin-notice.error{background:#4b2228;color:#ffd4d8}
.admin-types{padding-left:20px}.admin-types li{margin:8px 0}.admin-types span{color:#929aa6;font-size:.85rem}
.privacy-policy h2{margin:30px 0 10px;padding-top:14px;border-top:1px solid #343941;font-size:1.25rem}
.privacy-policy h3{margin:22px 0 8px;font-size:1.05rem}
.privacy-policy h4,.privacy-policy h5,.privacy-policy h6{margin:18px 0 6px;font-size:1rem}
.privacy-policy p{line-height:1.75}
.privacy-policy li{margin:7px 0;color:#c8cdd6;line-height:1.7}
.privacy-policy a,.site-footer a{color:#aeb8ff}
.privacy-policy strong{color:#f0f2f5}
.privacy-policy ul,.privacy-policy ol{padding-left:24px}
.site-footer{max-width:760px;margin:-52px auto 40px;padding:0 16px;text-align:center;font-size:.85rem}
.site-footer a{text-decoration:none}
code{padding:2px 5px;border-radius:4px;background:#101318;color:#c9d6ff}
@media(max-width:600px){.site-main,main{margin-top:20px}.page-card,.ticket-header{padding:18px}.message{padding:12px}.metadata{display:grid;gap:2px}.metadata span+span:before{display:none}.embed-field.inline{flex-basis:100%}}
@media(max-width:600px){.admin-grid{grid-template-columns:1fr}.topbar{padding:0 14px}.brand{font-size:.88rem}.brand-mark{width:28px;height:28px}}