:root{--bg:#080809;--panel:#121214;--gold:#c9a45e;--gold2:#efd692;--text:#f2ede4;--muted:#9b968d;--line:rgba(201,164,94,.3);--aqua:#69b8bc}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 0,#252013,transparent 28%),var(--bg);color:var(--text);font:16px/1.5 Inter,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}.hidden{display:none!important}.primary{border:0!important;background:linear-gradient(135deg,#9b7131,#e0c176)!important;color:#18130b!important;font-weight:700;padding:11px 16px;cursor:pointer}.welcome{min-height:100vh;display:grid;place-items:center;padding:20px}.welcome-card{width:min(520px,100%);padding:38px;border:1px solid var(--line);background:#121214;text-align:center;box-shadow:0 35px 100px #000}.mark,.avatar{display:grid;place-items:center;border-radius:50%;border:1px solid var(--gold);color:var(--gold2);overflow:hidden}.mark{width:62px;height:62px;margin:auto;font:30px Georgia,serif}.eyebrow{color:var(--aqua);letter-spacing:.16em;text-transform:uppercase;font-size:12px}.welcome h1{font:42px Georgia,serif;margin:8px}.welcome p{color:#c7c1b7}.auth-tabs{display:flex;margin:25px 0 14px}.auth-tabs button{flex:1;padding:11px;border:0;border-bottom:1px solid #333;background:transparent;color:var(--muted);cursor:pointer}.auth-tabs .active{color:var(--gold2);border-color:var(--gold)}.auth-form{display:grid;gap:13px;text-align:left}.auth-form label,dialog label{display:grid;gap:5px;color:#c8c0b3}.auth-form input,dialog input,dialog textarea,dialog select,.composer input,.profile textarea{width:100%;border:1px solid #393630;background:#0c0c0e;color:var(--text);padding:11px;outline:none}.welcome small,.expiry{display:block;margin-top:16px;color:#77736c}.app{width:min(1480px,calc(100% - 30px));margin:auto;padding:28px 0;display:grid;grid-template-columns:310px 1fr;gap:18px}.app>header{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.brand{color:var(--gold2);font:600 15px Georgia,serif;letter-spacing:.18em}.me{display:flex;align-items:center;gap:9px}.me .avatar{width:34px;height:34px}.me button,.panel button{border:1px solid var(--line);background:transparent;color:#d6c49d;padding:8px 11px;cursor:pointer}.panel{border:1px solid var(--line);background:linear-gradient(145deg,#19191c,var(--panel));box-shadow:0 25px 70px #0006}.profile{padding:26px;text-align:center}.avatar.large{width:145px;height:145px;margin:auto;font:48px Georgia,serif}.avatar img{width:100%;height:100%;object-fit:cover}.profile h2{font:30px Georgia,serif}.profile textarea{min-height:125px;resize:vertical}.profile textarea:read-only{border-color:transparent;background:#ffffff08}.row{display:flex;justify-content:center;gap:8px;margin:12px}.boat{display:block;margin-top:24px;color:var(--aqua)}.chat{min-height:690px;display:flex;flex-direction:column}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:19px 22px;border-bottom:1px solid var(--line)}.panel-head h2{margin:0;font:26px Georgia,serif}.chat nav{display:flex;border-bottom:1px solid var(--line)}.chat nav button{flex:1;border:0;background:#0d0d0f;color:var(--muted);padding:12px;cursor:pointer}.chat nav .active{color:var(--gold2);box-shadow:inset 0 -2px var(--gold)}.view{flex:1;min-height:0}.messages{height:500px;overflow:auto;padding:12px 22px}.message{display:grid;grid-template-columns:40px 1fr;gap:11px;padding:13px 0;border-bottom:1px solid #ffffff10}.message .avatar{width:38px;height:38px}.meta{display:flex;gap:9px;align-items:baseline}.meta small{color:#77736c}.body{color:#ddd8cf;margin-top:3px}.actions{display:flex;gap:10px;margin-top:5px}.actions button{border:0;padding:2px 0;background:none;color:#948c7e;font-size:12px}.actions .admin{color:#b99a61}.anchor{color:var(--aqua);cursor:pointer}.composer{display:grid;grid-template-columns:1fr auto auto;gap:8px;padding:15px 22px;border-top:1px solid var(--line)}.emoji{font-size:20px!important}.reply-bar{padding:8px 22px;background:#c9a45e14;color:#cdbd9c}.expiry{padding:0 22px 14px}.toolbar{padding:15px 22px}.help-card{margin:0 22px 12px;padding:15px;border:1px solid #ffffff17;background:#111114}.help-card h3{margin:0}.category{color:var(--gold);font-size:12px}.private-layout{display:grid;grid-template-columns:220px 1fr;height:585px}.conversation-list{border-right:1px solid var(--line);overflow:auto}.conversation{width:100%;text-align:left;padding:12px!important;border:0!important;border-bottom:1px solid #ffffff12!important}.conversation.active{background:#c9a45e18}.thread .messages{height:500px}dialog{width:min(480px,calc(100% - 28px));border:1px solid var(--gold);background:#121214;color:var(--text);padding:24px;box-shadow:0 30px 100px #000}dialog::backdrop{background:#000c}dialog h2{font-family:Georgia,serif}dialog label{margin:12px 0}.close{float:right;border:0;background:none;color:var(--gold2);font-size:25px}.player{display:flex;gap:10px;padding:10px;border:1px solid #333;margin:7px 0}.emoji-picker{position:fixed;z-index:50;display:flex;flex-wrap:wrap;width:260px;padding:8px;border:1px solid var(--gold);background:#111}.emoji-picker button{width:38px;height:38px;border:0;background:none;font-size:21px}.toast{display:none;position:fixed;z-index:80;top:18px;left:50%;transform:translateX(-50%);padding:11px 17px;background:#242018;border:1px solid var(--gold)}.toast.on{display:block}@media(max-width:850px){.app{grid-template-columns:1fr}.app>header{grid-column:auto}.private-layout{grid-template-columns:1fr;height:auto}.conversation-list{display:flex;overflow:auto}.messages{height:420px}.composer{grid-template-columns:1fr auto}.composer .primary{grid-column:1/-1}}
