@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=Inter:wght@400;500;600&display=swap");:root{--cream:#f6ede0;--white:#fff;--navy:#0b1020;--teal:#0e7c6b;--cyan:#0891b2;--blood-red:#b3202a;--amber:#c58a00;--chat-green:#ddf1ec;--chat-other:#fff;--nav-w:220px;--border:#e2d9cc;--text:#1a1a2e;--muted:#6b7280}#nl-badge-frame{display:none!important}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,sans-serif;background:var(--cream);color:var(--text);min-height:100vh}.nav{position:fixed;left:0;top:0;height:100vh;width:var(--nav-w);background:var(--navy);color:#fff;display:flex;flex-direction:column;padding:0;z-index:100}.nav-logo{padding:1.5rem 1.25rem 1rem;display:flex;align-items:center;gap:.6rem;border-bottom:1px solid hsla(0,0%,100%,.08)}.nav-logo-skull{font-size:1.6rem}.nav-logo-text{font-family:Playfair Display,serif;font-size:1.1rem;line-height:1.1}.nav-logo-text small{display:block;font-family:Inter,sans-serif;font-size:.65rem;opacity:.5;font-weight:400;letter-spacing:.1em;text-transform:uppercase}.nav-links{flex:1 1;padding:.75rem 0}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;color:hsla(0,0%,100%,.65);text-decoration:none;font-size:.9rem;font-weight:500;transition:background .15s,color .15s;cursor:pointer;border:none;background:none;width:100%;text-align:left}.nav-link:hover{background:hsla(0,0%,100%,.08);color:#fff}.nav-link.active{background:rgba(14,124,107,.25);color:#fff;border-left:3px solid var(--teal)}.nav-link:focus-visible{outline:2px solid var(--teal);outline-offset:-2px}.nav-link .icon{font-size:1.1rem}.nav-link .badge{margin-left:auto;background:var(--blood-red);color:#fff;font-size:.65rem;padding:.1rem .4rem;border-radius:99px}.nav-footer{padding:1rem 1.25rem;border-top:1px solid hsla(0,0%,100%,.08)}.nav-footer .role-chip{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;opacity:.5;margin-bottom:.5rem}.main{margin-left:var(--nav-w);min-height:100vh}.page{padding:2rem 2.5rem;max-width:1200px}h1{font-family:Playfair Display,serif;font-size:2.25rem;color:var(--navy);margin-bottom:.25rem}h2{font-size:1rem;color:var(--text);margin-bottom:.75rem}h2,h3{font-weight:600}h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.page-subtitle,h3{color:var(--muted)}.page-subtitle{font-size:.9rem;margin-bottom:2rem}.card{background:var(--white);border:1px solid var(--border);border-radius:10px;padding:1.5rem;margin-bottom:1.25rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--white);border:1px solid var(--border);border-radius:10px;padding:1.25rem}.stat-number{font-family:Playfair Display,serif;font-size:2rem;font-weight:900;display:block}.stat-number.green{color:var(--teal)}.stat-number.red{color:var(--blood-red)}.stat-number.amber{color:var(--amber)}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-top:.25rem;display:block}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:6px;border:none;cursor:pointer;font-family:Inter,sans-serif;font-size:.85rem;font-weight:500;transition:opacity .15s,box-shadow .15s;text-decoration:none}.btn:hover{opacity:.88}.btn:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.btn-primary{background:linear-gradient(135deg,var(--teal),var(--cyan));color:#fff}.btn-danger{background:var(--blood-red);color:#fff}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-amber{background:var(--amber);color:#fff}.btn-sm{padding:.3rem .65rem;font-size:.78rem}.badge{display:inline-block;padding:.15rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.badge-spam{background:#fef3c7;color:#92400e}.badge-scam{background:#fee2e2;color:#991b1b}.badge-off_topic{background:#ede9fe;color:#5b21b6}.badge-unnecessary{background:#e0f2fe;color:#0c4a6e}.badge-fine{background:#d1fae5;color:#065f46}.badge-admin{background:var(--teal);color:#fff}.badge-bot{background:#f3f4f6;color:#374151}.badge-held{background:#fef3c7;color:#92400e}.badge-deleted{background:#fee2e2;color:#991b1b}.badge-restored{background:#d1fae5;color:#065f46}.conf-bar{height:6px;border-radius:3px;background:#e5e7eb;overflow:hidden;min-width:60px}.conf-fill{height:100%;border-radius:3px;background:var(--teal)}.conf-fill.high{background:var(--blood-red)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.83rem}th{text-align:left;border-bottom:2px solid var(--border);color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}td,th{padding:.6rem .75rem}td{border-bottom:1px solid var(--border);vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:#f9f7f4}.form-group{margin-bottom:1.1rem}.form-label{display:block;font-size:.8rem;font-weight:500;color:var(--text);margin-bottom:.35rem}.form-input,.form-select,.form-textarea{width:100%;background:var(--white);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:.55rem .75rem;font-family:Inter,sans-serif;font-size:.9rem}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(14,124,107,.12)}.form-textarea{min-height:75px;resize:vertical}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--border)}.toggle-row:last-child{border-bottom:none}.toggle-desc{font-size:.8rem;color:var(--muted);margin-top:.15rem}.toggle{position:relative;width:42px;height:22px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background:#d1d5db;border-radius:22px;cursor:pointer;transition:background .2s}.toggle-slider:before{content:"";position:absolute;width:14px;height:14px;left:4px;top:4px;background:#fff;border-radius:50%;transition:transform .2s}.toggle input:checked+.toggle-slider{background:var(--teal)}.toggle input:checked+.toggle-slider:before{transform:translateX(20px)}.toast{position:fixed;bottom:1.5rem;right:1.5rem;background:var(--navy);color:#fff;padding:.75rem 1.25rem;border-radius:8px;font-size:.88rem;display:flex;align-items:center;gap:.75rem;box-shadow:0 4px 20px rgba(0,0,0,.2);animation:slide-up .25s ease;z-index:999}.toast .undo-btn{background:var(--teal);color:#fff;border:none;padding:.25rem .6rem;border-radius:4px;cursor:pointer;font-size:.8rem}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.chat-page{display:flex;flex-direction:column;height:100vh}.chat-header{background:var(--navy);color:#fff;padding:.85rem 1.25rem;gap:.85rem;border-bottom:1px solid hsla(0,0%,100%,.08)}.chat-avatar,.chat-header{display:flex;align-items:center;flex-shrink:0}.chat-avatar{width:40px;height:40px;border-radius:50%;background:var(--teal);justify-content:center;font-size:1.4rem}.chat-header-info h2{margin:0;font-size:1rem;font-weight:600;color:#fff}.chat-header-info small{font-size:.75rem;opacity:.6}.chat-header-actions{margin-left:auto;display:flex;gap:.5rem;align-items:center}.chat-body{background-color:#f7f1e8;background-image:radial-gradient(rgba(14,124,107,.07) 1px,transparent 0),linear-gradient(135deg,rgba(245,158,11,.04),transparent 42%);background-size:22px 22px,100% 100%;flex:1 1;overflow-y:auto;padding:1rem 1.25rem;background:var(--cream);background-image:radial-gradient(circle,rgba(14,124,107,.06) 1px,transparent 0);background-size:24px 24px}.date-divider{text-align:center;margin:1rem 0}.date-divider span{background:rgba(0,0,0,.08);color:var(--muted);font-size:.72rem;padding:.25rem .75rem;border-radius:99px}.msg-row{display:flex;margin-bottom:.5rem;align-items:flex-end;gap:.5rem}.msg-row.own{flex-direction:row-reverse}.msg-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#fff;flex-shrink:0}.bubble{max-width:68%;padding:.55rem .85rem;border-radius:12px;font-size:.88rem;line-height:1.45;position:relative;word-break:break-word}.bubble.own{background:var(--chat-green);border-bottom-right-radius:3px}.bubble.other{background:var(--chat-other);border-bottom-left-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.08)}.bubble.deleted{background:#f3f4f6;color:var(--muted);font-style:italic}.bubble.held{background:#fef3c7;color:#92400e;font-style:italic}.bubble-sender{font-size:.72rem;font-weight:600;margin-bottom:.2rem}.bubble-meta{display:flex;align-items:center;gap:.35rem;margin-top:.3rem;justify-content:flex-end;font-size:.68rem;color:var(--muted)}.bubble-ticks{color:var(--teal)}.warning-chip{text-align:center;margin:.5rem 0;font-size:.75rem;color:var(--amber);background:#fffbeb;border:1px solid #fde68a;border-radius:99px;padding:.25rem 1rem;display:inline-block;width:-moz-fit-content;width:fit-content;align-self:center}.warning-chip-row{display:flex;justify-content:center}.mute-chip{text-align:center;font-size:.75rem;color:var(--blood-red);background:#fee2e2;border-radius:99px;padding:.25rem 1rem;display:inline-block}.mute-chip-row{display:flex;justify-content:center;margin:.4rem 0}.typing-indicator{font-size:.75rem;color:var(--muted);font-style:italic;padding:.25rem 0;min-height:22px}.chat-footer{background:var(--white);border-top:1px solid var(--border);padding:.75rem 180px .75rem 1.25rem;display:flex;flex-direction:column;gap:.5rem;flex-shrink:0;position:relative;z-index:10}@media (max-width:640px){.hero-kicker:after,.hero-kicker:before{width:18px;margin-left:.35rem;margin-right:.35rem}.chat-footer{padding-right:1.25rem;padding-bottom:3.5rem}}.composer{display:flex;gap:.6rem;align-items:flex-end;position:relative;z-index:11}.composer-input{flex:1 1;border:1px solid var(--border);border-radius:22px;padding:.55rem 1rem;font-family:Inter,sans-serif;font-size:.9rem;resize:none;min-height:42px;max-height:120px;background:var(--cream);outline:none}.composer-input:focus{border-color:var(--teal);box-shadow:0 0 0 2px rgba(14,124,107,.1)}.composer-send{width:42px;height:42px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--teal),var(--cyan));color:#fff;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .15s}.composer-send:hover{opacity:.85}.composer-send:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.role-switch{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:var(--muted)}.role-switch select{border:1px solid var(--border);border-radius:4px;padding:.2rem .4rem;font-size:.78rem;background:var(--white)}.new-msg-btn{position:absolute;bottom:70px;left:50%;transform:translateX(-50%);background:var(--navy);color:#fff;border:none;border-radius:99px;padding:.4rem 1rem;z-index:10;box-shadow:0 2px 8px rgba(0,0,0,.2)}.members-toggle,.new-msg-btn{font-size:.8rem;cursor:pointer}.members-toggle{color:hsla(0,0%,100%,.6);background:none;border:none}.members-panel{background:var(--white);border-left:1px solid var(--border);width:220px;flex-shrink:0;overflow-y:auto;padding:1rem}.member-item{display:flex;align-items:center;gap:.5rem;padding:.4rem 0;font-size:.82rem}.member-dot{width:8px;height:8px;border-radius:50%;background:var(--teal);flex-shrink:0}.member-warnings{margin-left:auto;font-size:.7rem;color:var(--amber);font-weight:600}.filter-bar{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem;align-items:center}.filter-bar .form-input,.filter-bar .form-select{width:auto;font-size:.82rem;padding:.4rem .65rem}.diff-block{background:#f9f7f4;border:1px solid var(--border);border-radius:6px;padding:1rem;font-family:monospace;font-size:.82rem;white-space:pre-wrap}.diff-add{color:var(--teal)}.diff-remove{color:var(--blood-red)}.empty-state{text-align:center;padding:4rem 2rem;color:var(--muted)}.empty-state .skull{font-size:2.5rem;display:block;margin-bottom:1rem}.tabs{display:flex;gap:0;border-bottom:2px solid var(--border);margin-bottom:1.5rem}.tab{padding:.65rem 1.25rem;font-size:.88rem;font-weight:500;color:var(--muted);cursor:pointer;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s}.tab.active{color:var(--teal);border-bottom-color:var(--teal)}.tab:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.welcome-page{min-height:100vh;background:var(--cream);display:flex;flex-direction:column}.welcome-hero{background:radial-gradient(circle at 50% 30%,rgba(245,158,11,.22),transparent 19rem),radial-gradient(circle at 86% 16%,rgba(14,124,107,.42),transparent 25rem),linear-gradient(145deg,#070d1b,#102f2d 52%,#061319);color:#fff;min-height:430px;padding:5.5rem 2rem 4.5rem;text-align:center;overflow:hidden;isolation:isolate;box-shadow:inset 0 -70px 100px rgba(3,10,15,.22)}.welcome-hero,.welcome-hero>*{position:relative}.welcome-hero:before{border-radius:50%;border:1px solid hsla(0,0%,100%,.06);box-shadow:0 0 0 30px hsla(0,0%,100%,.04),0 0 0 60px hsla(0,0%,100%,.03),0 0 0 90px hsla(0,0%,100%,.02)}.welcome-hero:after,.welcome-hero:before{content:"";position:absolute;top:-40px;left:-40px;width:220px;height:220px;pointer-events:none}.welcome-hero:after{background:repeating-conic-gradient(from 0deg,hsla(0,0%,100%,.05) 0deg 1deg,transparent 1deg 30deg);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.welcome-hero{background-image:linear-gradient(hsla(0,0%,100%,.025) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.025) 1px,transparent 0),radial-gradient(circle at 50% 30%,rgba(245,158,11,.22),transparent 19rem),radial-gradient(circle at 86% 16%,rgba(14,124,107,.42),transparent 25rem),linear-gradient(145deg,#070d1b,#102f2d 52%,#061319);background-size:46px 46px,46px 46px,auto,auto,auto}.welcome-hero>*{z-index:1}.welcome-hero::marker{display:none}.welcome-hero .hero-skull svg{filter:drop-shadow(0 10px 24px rgba(245,158,11,.24))}.welcome-hero .hero-skull:before{content:"";position:absolute;width:92px;height:92px;border:1px solid rgba(245,158,11,.38);border-radius:50%;box-shadow:0 0 0 12px rgba(245,158,11,.05),0 0 44px rgba(245,158,11,.18)}.hero-bats{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.hero-skull{margin-bottom:1.25rem;position:relative}.hero-deco,.hero-skull{display:flex;justify-content:center}.hero-deco{margin-top:1.5rem}.welcome-hero h1{color:#fff;font-size:clamp(2.5rem,6vw,4.5rem);font-family:Playfair Display,serif;letter-spacing:-.01em;position:relative;line-height:1.05;text-shadow:0 4px 0 rgba(0,0,0,.16),0 16px 38px rgba(0,0,0,.22)}.welcome-hero .hero-sub{margin-top:1rem;opacity:.65;max-width:520px;margin-left:auto;margin-right:auto;font-size:1rem;position:relative;line-height:1.6;text-shadow:0 2px 12px rgba(0,0,0,.28)}.hero-kicker{position:relative;margin-bottom:.9rem;color:rgba(245,158,11,.9);font-size:.68rem;font-weight:700;letter-spacing:.2em}.hero-kicker span{color:hsla(0,0%,100%,.35);margin:0 .45rem}.hero-kicker:after,.hero-kicker:before{content:"";display:inline-block;width:34px;height:1px;margin:0 .8rem .2rem;background:rgba(245,158,11,.55)}.bone-divider{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:2rem;position:relative}.bone-divider:after,.bone-divider:before{content:"";flex:1 1;max-width:80px;height:1px;background:hsla(0,0%,100%,.2)}.bone-node{width:6px;height:6px;border-radius:50%;background:hsla(0,0%,100%,.35)}.welcome-section{max-width:960px;margin:0 auto;padding:3rem 1.5rem 0;width:100%}.welcome-section:first-of-type{padding-top:4.5rem}.welcome-section:first-of-type:before{content:"";display:block;width:100%;height:1px;margin-bottom:2rem;background:linear-gradient(90deg,transparent,rgba(14,124,107,.45),transparent)}.section-title{font-family:Playfair Display,serif;font-size:1.75rem;color:var(--navy);margin-bottom:.5rem;position:relative;display:inline-block}.section-title:after{content:"";display:block;width:40px;height:3px;background:var(--teal);margin-top:.4rem;border-radius:2px}.section-sub{font-size:.9rem;color:var(--muted);margin-bottom:1.75rem;max-width:680px;line-height:1.65;margin-top:.75rem}.welcome-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1.25rem;gap:1.25rem}.step-card{background:linear-gradient(150deg,#fff,#fbfaf7);border:1px solid rgba(14,124,107,.14);border-radius:4px 14px 14px 4px;padding:1.5rem;position:relative;overflow:hidden;box-shadow:0 18px 34px rgba(11,16,32,.08);transition:transform .2s ease,box-shadow .2s ease}.step-card:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(11,16,32,.11)}.step-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,var(--teal),var(--cyan));border-radius:10px 0 0 10px}.step-sym{font-size:1.5rem;color:var(--teal);margin-bottom:.75rem;line-height:1}.step-title{font-weight:700;font-size:.9rem;margin-bottom:.4rem;color:var(--navy)}.step-desc{font-size:.82rem;color:var(--muted);line-height:1.55}.cast-tables{display:flex;flex-direction:column;gap:1.5rem}.cast-group{background:var(--white);border:1px solid var(--border);border-radius:10px;overflow:hidden}.cast-group-header{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.cast-group-header.ally{background:#f0fdf4;color:#065f46;border-bottom:1px solid #d1fae5}.cast-group-header.threat{background:#fef2f2;color:#991b1b;border-bottom:1px solid #fee2e2}.cast-table{width:100%;border-collapse:collapse;font-size:.83rem}.cast-table th{text-align:left;padding:.55rem 1rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.cast-table td,.cast-table th{border-bottom:1px solid var(--border)}.cast-table td{padding:.65rem 1rem;vertical-align:middle}.cast-table tr:last-child td{border-bottom:none}.cast-table tr:hover td{background:#fafaf9}.cast-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.join-section{max-width:500px;margin:3rem auto 0;padding:0 1.5rem 4rem;width:100%}.join-card{background:radial-gradient(circle at 15% 20%,rgba(245,158,11,.2),transparent 12rem),linear-gradient(145deg,#0b1020,#123f3c);border-radius:14px;padding:2.5rem 2rem;text-align:center;position:relative;overflow:hidden}.join-card:before{content:"";position:absolute;bottom:-20px;right:-20px;width:120px;height:120px;border-radius:50%;border:1px solid hsla(0,0%,100%,.06);box-shadow:0 0 0 20px hsla(0,0%,100%,.04),0 0 0 40px hsla(0,0%,100%,.02);pointer-events:none}.join-card h2{color:#fff;font-family:Playfair Display,serif;font-size:1.5rem;margin-bottom:.5rem}.join-card p{color:hsla(0,0%,100%,.55);margin-bottom:1.75rem}.join-btns{display:flex;gap:.75rem;flex-wrap:wrap}.join-btn,.join-btns{justify-content:center}.join-btn{min-width:165px}.pin-input{width:140px;text-align:center;font-size:1.4rem;letter-spacing:.3em;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.2);color:#fff;border-radius:8px;padding:.6rem;outline:none}.pin-input:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(14,124,107,.3)}.join-card .btn-ghost{border-color:hsla(0,0%,100%,.3);color:hsla(0,0%,100%,.8)}.join-card .btn-ghost:hover{border-color:#fff;color:#fff}.welcome-footer-deco{width:100%;line-height:0;margin-top:2rem}.welcome-footer-deco svg{width:100%;height:50px;display:block}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}