:root{color-scheme:dark;--bg:#0b0d14;--panel:#151925;--panel2:#1c2131;--line:#2a3043;--text:#e9edfa;--muted:#8992ab;--accent:#8c77ff;--accent2:#58cdfd;--radius:17px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 Inter,ui-sans-serif,system-ui,Segoe UI,Arial,sans-serif}a{color:#b6aaff;text-decoration:none}a:hover{color:white}.shell{display:flex;min-height:100vh}.side{width:245px;flex:none;background:#11141e;border-right:1px solid var(--line);padding:29px 17px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{font-size:18px;display:flex;align-items:center;gap:9px;font-weight:800;color:#fff;padding-left:8px;letter-spacing:-.6px}.muted-brand{font-weight:500;color:var(--muted)}.logo{display:inline-grid;place-items:center;background:linear-gradient(130deg,#695ef4,#48c3ef);width:32px;height:32px;border-radius:10px;color:white}.side-caption,.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--accent2)}.side-caption{margin:58px 10px 14px;color:#606b86}.navlink{display:block;border-radius:9px;padding:11px 14px;color:#a5aec8;font-size:13px}.navlink:hover{background:#1c2130;color:#fff}.side-bottom{margin-top:auto;font-size:12px;padding:12px;color:#6e7690}.side-bottom span{color:#a28efc}.main{width:calc(100% - 245px);min-width:0}.topbar{height:75px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.crumb{font-size:11px;font-weight:800;letter-spacing:1.6px;color:#a0a8c0;text-transform:uppercase}.slash{padding:0 10px;color:#404b66}.identity{font-size:13px;color:#b9c1d4}.identity::first-letter{color:#64dbaf}.inline{display:inline;margin-left:14px}.signout{background:transparent;border:0;color:#9f8dff;cursor:pointer;font:inherit;font-size:12px}.small-link{font-size:13px}.content{max-width:1240px;margin:auto;padding:45px 5vw 90px}.hero{padding:90px 0 70px;max-width:860px}.hero h1{font-size:clamp(34px,5vw,63px);line-height:1.12;letter-spacing:-2.2px;margin:23px 0}.gradient{background:linear-gradient(90deg,#a995ff,#58caff);color:transparent;background-clip:text}.hero p{font-size:18px;line-height:1.8;color:#9da7c4;max-width:630px;margin-bottom:32px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:15px;padding:12px 21px;border:0;border-radius:10px;background:linear-gradient(110deg,#7562f0,#9279ff);color:#fff;font:inherit;font-size:13px;font-weight:750;cursor:pointer}.btn:hover{filter:brightness(1.13);color:#fff}.btn.ghost{background:#2a2d42}.btn.sm{padding:9px 15px;font-size:12px}.features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.feature,.server-card{border:1px solid var(--line);background:var(--panel);padding:27px;border-radius:var(--radius)}.feature-icon{font-size:24px}.feature h3{font-size:16px;margin:13px 0 7px}.feature p,.page-head p,.section-head p{color:var(--muted);font-size:13px}.page-head{margin-bottom:30px}.page-head h1{font-size:36px;letter-spacing:-1.2px;margin:10px 0 0}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:27px 0 32px}.stat{border:1px solid var(--line);background:linear-gradient(140deg,#1d2132,#141823);padding:23px 21px;border-radius:14px}.stat span,.stat small{display:block;color:#818ba5;font-size:11px}.stat span{letter-spacing:1px;font-weight:750}.stat strong{display:block;font-size:27px;padding:8px 0 4px;letter-spacing:-.8px}.panel{border:1px solid var(--line);background:var(--panel);padding:30px;margin:21px 0;border-radius:var(--radius);scroll-margin-top:25px}.section-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:23px;margin-bottom:25px}.section-head h2{font-size:22px;letter-spacing:-.6px;margin:8px 0 5px}.section-head p{margin:0}.badge{font-size:11px;color:#b0a3ff;background:#3b365f;padding:4px 11px;border-radius:40px;font-weight:750;white-space:nowrap}.badge.open{background:#1d463d;color:#6fe7ac}.badge.closed{background:#483d25;color:#f2d18e}.badge.deleted{background:#44303b;color:#eeb2c3}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:19px}label{display:block;font-size:12px;font-weight:700;color:#b8c1d7;margin-bottom:18px}select,input:not([type=hidden]):not([type=checkbox]),textarea{background:var(--panel2);color:#e6ecff;border:1px solid #373e55;border-radius:9px;width:100%;font:inherit;font-size:13px;padding:11px 13px;margin-top:8px;outline:none}select:focus,input:focus,textarea:focus{border-color:#8a7df8}textarea{resize:vertical}option{background:#1c2131}.switch-row{padding:8px 2px 20px;display:flex;align-items:center;justify-content:space-between}.switch-row strong,.switch-row small{display:block}.switch-row small{font-size:11px;color:var(--muted);font-weight:400}.switch-row input{width:22px;height:22px;accent-color:var(--accent)}.hint{color:var(--muted);font-size:11px;margin:0 0 21px}.callout{margin-top:21px;background:#252a42;border:1px solid #323b5e;padding:15px 18px;border-radius:10px;color:#aeb9d2;font-size:12px}.callout code,code{color:#b5a2ff;background:#323252;padding:3px 6px;border-radius:4px}.list-title{letter-spacing:1.5px;color:#8995af;font-weight:800;font-size:10px;margin:31px 0 11px}.alert-list{border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:21px}.alert-item{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 17px;border-bottom:1px solid var(--line)}.alert-item:last-child{border:0}.alert-item p{color:var(--muted);font-size:11px;margin:4px 0 0}.row-title{font-weight:750;font-size:13px}.pill{font-size:9px;padding:4px 8px;border-radius:5px;margin-right:5px}.pill.twitch{color:#c7a6ff;background:#3c225f}.pill.tiktok{color:#ff9aab;background:#512437}.actions{display:flex;gap:8px}.mini{background:#272d44;color:#c4cceb;border:1px solid #404964;border-radius:7px;font-size:11px;font-weight:750;padding:7px 11px;cursor:pointer}.mini.danger{color:#ffa6ae}.ok{color:#75d1a6}.err{color:#f9a7a7}.table-head,.table-row{display:grid;grid-template-columns:60px 1fr 95px minmax(220px,1.5fr);align-items:center;gap:15px;padding:15px;border-bottom:1px solid var(--line);font-size:12px}.table-head{font-size:10px;letter-spacing:1px;color:var(--muted);font-weight:800}.table-row:last-child{border:0}.server-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:17px}.server-card{display:flex;align-items:center;gap:14px}.server-icon{background:linear-gradient(110deg,#584da8,#346c96);width:47px;height:47px;flex:none;border-radius:12px;display:grid;place-items:center;font-size:14px;font-weight:900}.server-details{flex:1;min-width:0}.server-details h3{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.server-details p{font-size:11px;color:var(--muted);margin:0}.alert{border:1px solid #8e4d4d;color:#ffc4c4;background:#3a2429;padding:14px;border-radius:10px}
@media(max-width:900px){.side{width:190px}.main{width:calc(100% - 190px)}.summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.shell{display:block}.side{width:100%;height:auto;position:static;padding:15px}.side-caption,.side-bottom{display:none}.navlink{display:inline-block;padding:8px}.main{width:100%}.topbar{height:60px}.content{padding:25px 16px 60px}.summary,.features,.field-row{grid-template-columns:1fr}.panel{padding:20px}.hero{padding:60px 0}.hero h1{letter-spacing:-1px}.section-head{display:block}.section-head .badge{display:inline-block;margin-top:12px}.alert-item{align-items:flex-start;flex-direction:column}.table-head,.table-row{grid-template-columns:45px 1fr 80px 80px;gap:5px;padding:12px 4px;font-size:10px}.actions{align-self:flex-end}}

.ticket-actions{flex-wrap:wrap;justify-content:flex-start}.ticket-actions .mini{text-decoration:none}.ticket-actions form{margin:0}.table-row>span{min-width:0;overflow-wrap:anywhere}

/* Ticket panel editor and application review */
.panel-divider{height:1px;background:var(--line);margin:30px 0 24px}
.publish-form{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}
.publish-form label{flex:1;min-width:225px;margin-bottom:0}
.publish-form .btn{min-height:42px;white-space:nowrap}
.success-notice{border-color:#345c50;background:#19362e;color:#a8eacc;margin-bottom:25px}
.table-row small{display:block;color:var(--muted);font-size:10px}
.answer-card{padding:15px 17px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;margin-bottom:12px}
.answer-card strong{font-size:13px;color:var(--accent2)}
.answer-card p{margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.decision-actions{margin-top:20px}.decision-actions form{margin:0}

.embed-preview{background:#313338;padding:17px 18px;border:1px solid #3a3c43;border-radius:11px;margin:8px 0 20px;max-width:540px}
.embed-preview .eyebrow{margin-bottom:10px;color:#aaaeba}
.discord-embed{padding:12px 15px;background:#2b2d31;border-left:4px solid #5865f2;border-radius:4px;max-width:500px;overflow-wrap:anywhere}
.discord-embed strong{color:#fff;font-size:14px}.discord-embed p{color:#d9dce2;font-size:12px;line-height:1.6;white-space:pre-wrap;margin:7px 0 0}
.fake-discord-button{display:inline-block;margin-top:10px;padding:6px 13px;background:#5865f2;color:white;border-radius:4px;font-weight:700;font-size:12px}

/* Per-stream announcement designer */
.stream-alert-card{border:1px solid var(--line);background:#191d2c;border-radius:12px;margin:14px 0;overflow:hidden}
.stream-alert-header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 19px}
.stream-status{margin:6px 0 0}.stream-actions{flex-wrap:wrap}.stream-actions form{margin:0}
.stream-editor{border-top:1px solid var(--line)}.stream-editor summary{list-style-position:inside;cursor:pointer;color:#b9abff;font-weight:750;font-size:12px;padding:13px 19px;background:#202436}.stream-editor summary:hover{background:#282d42}
.stream-editor-content{padding:20px 19px}.stream-editor-content form>label{margin-bottom:16px}.stream-discord-preview{background:#313338;padding:18px;border-radius:10px;max-width:580px;margin:14px 0 20px;border:1px solid #434650}
.stream-preview-text{white-space:pre-wrap;overflow-wrap:anywhere;color:#eceff5;font-size:13px;margin:10px 0 14px}
.stream-preview-embed{border-left-color:#9146ff}.stream-preview-embed strong,.stream-preview-embed p{white-space:pre-wrap;overflow-wrap:anywhere}
.stream-preview-embed img{display:block;width:100%;max-width:480px;height:auto;border-radius:5px;margin-top:15px}
.stream-preview-embed img[hidden]{display:none}.stream-preview-image-note{color:#aeb4c6!important;font-style:italic;font-size:11px!important}
@media(max-width:650px){.stream-alert-header{align-items:flex-start;flex-direction:column}.stream-actions{justify-content:flex-start}}
/* v0.4 full-page navigation */
.navlink.active{background:#302b53;color:#fff;border-left:3px solid #a48cff}
.server-label{font-size:12px;font-weight:800;color:#d5dafa;margin:20px 10px 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.details-head{cursor:pointer;color:#c4b8ff;font-weight:750;font-size:14px;padding:16px 0;list-style-position:inside}
.form-card{margin:18px 0;padding:0 20px 20px;border:1px solid var(--line);border-radius:12px;background:#191d2c}
.form-card summary:hover,.details-head:hover{color:white}
.profile-grid{display:flex;gap:32px;align-items:flex-start;flex-wrap:wrap}
.guild-avatar{height:132px;width:132px;border-radius:25px;object-fit:cover;background:#272c43}
.profile-grid>div{min-width:260px;max-width:650px;flex:1}.profile-grid form{margin-bottom:15px}
.quick-links{display:flex;gap:12px;flex-wrap:wrap}.quick-links a{background:#272d46;padding:12px 16px;border-radius:9px;color:#ddd7ff;font-weight:750;font-size:13px}
.timeline{display:grid;gap:10px;margin-top:20px}.timeline>div{padding:12px;border:1px solid var(--line);background:#1c2032;border-radius:8px;font-size:12px;overflow-wrap:anywhere}.timeline small{display:block;margin-top:5px;color:#8892ae}
.thumb-preview{display:block;width:75px;height:75px;object-fit:cover;float:right;margin:2px 0 12px 14px;border-radius:6px}
.large-preview{display:block;max-width:100%;max-height:275px;object-fit:contain;margin-top:15px;border-radius:5px}
.thumb-preview[hidden],.large-preview[hidden]{display:none}
.discord-embed>small{display:block;color:#aab0bb;margin:6px 0;font-size:10px}
button:disabled{opacity:.5;cursor:not-allowed}
.stream-editor-content .discord-embed [data-stream-thumb]{width:75px;height:75px;float:right;object-fit:cover}
.side{overflow-y:auto}
.table-row[hidden]{display:none!important}
@media(max-width:650px){.side{overflow:visible}.server-label{display:block;margin:9px 8px}.navlink{font-size:11px}}


/* Reaction-role emoji picker, panel editor, and Discord message preview. */
.rr-builder{border:1px solid #41466a;background:#181e31;padding:18px;border-radius:12px;margin:18px 0}
.rr-builder-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}
.rr-builder .list-title,.rr-add-existing .list-title{margin-top:0}
.rr-count{font-size:12px;color:#bdb2ff;font-weight:800}
.rr-map-row{display:flex;align-items:flex-end;gap:12px;margin:11px 0;padding:14px;background:#22283b;border:1px solid #42485e;border-radius:10px}
.rr-map-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;flex:1;min-width:0}
.rr-map-fields label{margin:0;min-width:0}
.rr-map-fields select,.rr-map-fields input{width:100%;margin:5px 0 0}
.rr-map-actions{display:flex;align-items:center;gap:9px;flex-direction:column;justify-content:center;padding-bottom:5px}
.rr-emoji-badge{display:grid;place-items:center;width:39px;height:39px;border-radius:9px;background:#363e58;font-size:22px}
.rr-emoji-badge img{width:28px;height:28px;object-fit:contain}
.rr-custom-emoji[hidden],.rr-map-remove[hidden]{display:none!important}
.rr-map-remove{font-size:11px}
.rr-add{margin-top:10px}
.rr-preview-frame{border:1px solid #454855;background:#313338;border-radius:11px;padding:18px;max-width:640px;margin:20px 0}
.rr-preview-frame .discord-embed{max-width:100%;margin-top:10px}
.rr-preview-message{color:#eef1fa;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0 5px}
.rr-preview-message[hidden]{display:none}
.reaction-instructions{color:#9ba6c1;font-size:11px;margin-top:10px}
.reaction-option-preview{font-size:12px;margin-top:9px;line-height:2}
.rr-preview-map{display:flex;align-items:center;gap:4px;color:#e3e5ed}
.rr-preview-emoji-img{width:21px;height:21px;object-fit:contain;vertical-align:middle}
.rr-reaction-hint{font-size:11px;color:#b2bad1;margin-top:9px}
.rr-advanced{padding:10px 14px 0;border:1px solid #353b55;border-radius:9px;margin:13px 0}
.rr-advanced summary{cursor:pointer;font-weight:750;color:#b6adff;font-size:12px;margin-bottom:11px}
.rr-saved-map{display:flex;align-items:center;gap:15px;border:1px solid #353b55;padding:12px 15px;margin:7px 0;border-radius:9px;background:#23283c}
.rr-saved-emoji{font-size:23px;min-width:36px}
.rr-saved-details{flex:1;min-width:0}.rr-saved-details small{display:block;color:#a8b0c4}
.rr-saved-map form{margin:0}
.rr-add-existing{background:#1b2133;border:1px solid #363f5c;border-radius:11px;padding:16px;margin-top:18px}
.rr-add-existing .rr-map-row{padding:12px 0;background:transparent;border:0}
.rr-add-existing .rr-map-remove{display:none}
@media(max-width:850px){.rr-map-fields{grid-template-columns:1fr}.rr-map-row{align-items:stretch;flex-direction:column}.rr-map-actions{flex-direction:row;justify-content:flex-start}.rr-saved-map{flex-wrap:wrap}}


/* Native browser colour picker for reaction-role embed create/edit. */
.rr-colour-picker{display:flex;align-items:center;gap:14px;min-height:47px;margin-top:8px;padding:5px 10px;border:1px solid #373e55;border-radius:9px;background:var(--panel2)}
.rr-colour-picker input[type=color]{flex:none;display:block;width:82px;height:40px;margin:0;padding:4px;border:1px solid #5a6381;border-radius:8px;background:#141923;cursor:pointer}
.rr-colour-picker input[type=color]::-webkit-color-swatch-wrapper{padding:0}
.rr-colour-picker input[type=color]::-webkit-color-swatch{border:0;border-radius:4px}
.rr-colour-picker input[type=color]::-moz-color-swatch{border:0;border-radius:4px}
.rr-colour-picker input[type=color]:focus-visible{outline:2px solid #9d8bff;outline-offset:3px}
.rr-colour-picker-help{color:var(--muted);font-size:11px;font-weight:500;line-height:1.35}
@media(max-width:650px){.rr-colour-picker{gap:10px}.rr-colour-picker input[type=color]{width:66px}}


/* In-dashboard visual embed colour selector. No hexadecimal codes displayed. */
.rr-visual-colour{border:1px solid #3c4360;background:#1c2335;border-radius:11px;padding:14px;margin-bottom:18px}
.rr-colour-heading{font-size:12px;font-weight:800;color:#bec9e1;margin-bottom:9px}
.rr-colour-current-row{display:flex;align-items:center;gap:10px;font-size:11px;line-height:1.45;color:#aab6d2;margin-bottom:12px}
.rr-colour-current{display:block;flex:none;width:43px;height:43px;border-radius:9px;border:2px solid #b9c1d4;background:#5865f2;box-shadow:0 0 0 2px #101524}
.rr-colour-palette{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:14px}
.rr-colour-palette .rr-colour-swatch{display:block;width:100%;height:28px;border-radius:7px;background:var(--rr-swatch);border:2px solid transparent;box-shadow:0 1px 2px #0006;cursor:pointer;transition:transform .12s ease,border-color .12s ease}
.rr-colour-palette .rr-colour-swatch:hover{transform:translateY(-2px);filter:brightness(1.08)}
.rr-colour-palette .rr-colour-swatch[aria-pressed=true]{border-color:#fff;outline:2px solid #818cf8;outline-offset:2px}
.rr-colour-palette .rr-colour-swatch:focus-visible{outline:3px solid #fff;outline-offset:2px}
.rr-colour-sliders{display:grid;gap:8px}
.rr-colour-sliders label{font-size:11px;font-weight:650;color:#c1cbe3;margin:0}
.rr-visual-colour .rr-colour-sliders input[type=range]{display:block;appearance:none;-webkit-appearance:none;padding:0;margin:8px 0 5px;border:0;border-radius:20px;width:100%;height:12px;cursor:pointer;outline:none;background:linear-gradient(90deg,red,yellow,lime,cyan,blue,magenta,red)}
.rr-visual-colour .rr-colour-sliders input[type=range]:focus-visible{outline:2px solid #af9bff;outline-offset:3px}
.rr-visual-colour .rr-colour-sliders input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:19px;height:19px;border:2px solid #fff;border-radius:50%;background:#30384f;box-shadow:0 2px 4px #0008}
.rr-visual-colour .rr-colour-sliders input[type=range]::-moz-range-thumb{width:15px;height:15px;border:2px solid #fff;border-radius:50%;background:#30384f;box-shadow:0 2px 4px #0008}
@media(max-width:650px){.rr-colour-palette{grid-template-columns:repeat(4,minmax(0,1fr))}}


/* Shared dashboard palette: optional stream colour remains disabled until selected. */
.rr-colour-optional{display:flex;align-items:center;gap:10px;margin:4px 0 12px;font-size:12px;color:#bec9e1;cursor:pointer}
.rr-colour-optional input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);margin:0}
.field-row>.rr-visual-colour{align-self:start}