:root { --ink:#edf0f2; --paper:#18191c; --white:#222428; --line:#43464d; --muted:#b2b8c1; --red:#ff9587; --red-dark:#ffb4a3; --mint:#bce9d2; --green:#8cd2ac; --yellow:#f4c95d; --blue:#9fc7e8; --panel:#26292e; --button-bg:#bce9d2; --button-fg:#17271e; --field-bg:#141519; --field-border:#727986; --nav-bg:#111216; --nav-fg:#d0d5dd; --nav-active:#30343b; --rail-bg:#101114; --success-bg:#1d352b; --success-fg:#bce9d2; --danger-bg:#3b2727; --danger-fg:#ffb4a3; --warning-bg:#362f20; --on-accent:#17221b; --accent-bg:#a73728; --on-panel:#edf0f2; --radius:6px; color-scheme:dark; font-family:"Avenir Next","Gill Sans",sans-serif; color:var(--ink); background:var(--paper); }
:root[data-theme="light"] { --ink:#171917; --paper:#f4f1e9; --white:#fffef9; --line:#cbc8bf; --muted:#686b65; --red:#e34a33; --red-dark:#a92e20; --green:#216553; --panel:#242724; --button-bg:#171917; --button-fg:#ffffff; --field-bg:#ffffff; --field-border:#999d97; --nav-bg:#e9e7e0; --nav-fg:#303630; --nav-active:#d4d9d1; --rail-bg:#e2e0d8; --success-bg:#d9efe3; --success-fg:#145b3e; --danger-bg:#f7dfd9; --danger-fg:#8b2924; --warning-bg:#f4f0dc; --accent-bg:#a92e20; color-scheme:light; }
#template-apply-form { grid-template-columns:repeat(2,minmax(0,1fr)); }
#template-apply-form select,#template-apply-form textarea { width:100%; min-width:0; padding:10px; border:1px solid #999d97; background:white; }
#template-apply-form .rules-text-field { grid-column:1/-1; }
.rules-character-profile { grid-column:1/-1; display:flex; align-items:flex-start; gap:16px; padding:18px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.rules-character-profile>span { flex:none; display:grid; place-items:center; width:48px; height:48px; font-size:30px; background:var(--mint); border-radius:6px; }
.rules-character-profile>div { min-width:0; }
.rules-character-profile h2 { margin:0 0 8px; font-size:20px; line-height:1.3; overflow-wrap:anywhere; }
.rules-character-profile p { margin:5px 0; font-size:14px; line-height:1.5; color:var(--muted); overflow-wrap:anywhere; }
#template-apply-form textarea { resize:vertical; line-height:1.5; }
#template-preview { margin:28px 0 40px; padding:24px 0; border-top:1px solid var(--ink); border-bottom:1px solid var(--ink); }
#template-preview h2 { font-size:26px; }
#template-preview details { padding:12px 0; border-top:1px solid var(--line); }
#template-preview summary { cursor:pointer; overflow-wrap:anywhere; }
#template-preview pre { white-space:pre-wrap; overflow-wrap:anywhere; max-height:360px; overflow:auto; padding:16px; background:var(--white); border-left:3px solid var(--green); }
#template-preview .check-setting { display:flex; align-items:flex-start; gap:10px; }
.entry-gate-preview { display:grid; grid-template-columns:130px minmax(0,1fr); gap:8px 16px; padding:16px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.entry-gate-preview dt { font-weight:700; font-size:13px; }
.entry-gate-preview dd { margin:0; overflow-wrap:anywhere; font-size:14px; }
@media(max-width:620px) { .entry-gate-preview { grid-template-columns:minmax(0,1fr); gap:6px; } .entry-gate-preview dd { margin-bottom:10px; } }
.template-actions { margin-top:20px; }
button:disabled { opacity:.5; cursor:not-allowed; transform:none; }
.template-entry { overflow-wrap:anywhere; }
@media(max-width:620px) { #template-apply-form { grid-template-columns:minmax(0,1fr); } }
* { box-sizing:border-box; }
.server-rail { position:fixed; inset:0 auto 0 0; z-index:12; width:76px; padding:20px 10px; display:flex; flex-direction:column; align-items:center; gap:16px; background:#101310; border-right:1px solid #454a45; overflow-y:auto; }
#server-rail-list { display:flex; flex-direction:column; gap:12px; }
.server-rail-item { position:relative; display:block; flex:none; width:52px; height:52px; }
.server-rail-item::before { content:""; position:absolute; left:-10px; top:8px; width:4px; height:36px; border-radius:0 4px 4px 0; background:white; opacity:0; pointer-events:none; }
.server-rail-item[data-selected="true"]::before { opacity:1; }
.active-server-context { display:flex; align-items:center; gap:16px; padding:22px 0; margin:0 0 24px; border-bottom:1px solid var(--line); }
.active-server-avatar { position:relative; display:grid; place-items:center; flex:none; width:52px; height:52px; border-radius:16px; overflow:hidden; background:var(--mint); color:#171917; font-weight:800; }
.active-server-avatar img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.active-server-context>div { min-width:0; }
.active-server-context .eyebrow { margin:0 0 5px; font-size:11px; color:var(--muted); }
.active-server-context h2 { margin:0; font-size:24px; line-height:1.3; overflow-wrap:anywhere; }
.active-server-context p:last-child { margin:6px 0 0; font-size:12px; color:var(--muted); overflow-wrap:anywhere; }
.runtime-health-actions { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:-18px 0 32px; }
.runtime-health-actions p { margin:0; font-size:13px; color:var(--muted); }
.moderation-data-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin:24px 0 0; }
.moderation-data-actions span { color:var(--muted); font-size:13px; overflow-wrap:anywhere; }
.active-server-context>button { margin-left:auto; flex:none; }
.readiness-result { margin:0 0 28px; padding:18px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); font-size:14px; overflow-wrap:anywhere; }
.readiness-result li { margin:10px 0; line-height:1.5; }
.readiness-ok { color:var(--green); }
.readiness-warning { color:var(--red-dark); }
@media(max-width:620px) { .active-server-context { flex-wrap:wrap; } .active-server-context>button { margin-left:0; } }
.metric-row small { color:var(--muted); font-size:12px; overflow-wrap:anywhere; }
@media(max-width:620px) { .runtime-health-actions { align-items:flex-start; flex-direction:column; } }
@media(max-width:900px) { .server-rail-item::before { left:8px; top:auto; bottom:-8px; width:36px; height:4px; border-radius:4px; } }
.server-button { position:relative; flex:none; width:52px; height:52px; border:2px solid transparent; border-radius:16px; font-weight:800; color:var(--ink); background:var(--mint); cursor:pointer; }
.server-button[data-color="1"] { background:var(--yellow); }
.server-button[data-color="2"] { background:var(--blue); }
.server-button[data-color="3"] { color:white; background:var(--red); }
.server-button[aria-pressed="true"] { border-color:white; border-radius:16px; box-shadow:0 0 0 2px var(--green); }
.server-button:hover,.server-button:focus-visible { border-radius:12px; }
@media(prefers-reduced-motion:no-preference) { .server-button { transition:border-radius .16s ease; } }
.server-button:focus-visible { outline:3px solid var(--yellow); outline-offset:3px; }
.server-button { overflow:hidden; }
.server-button img,.server-hover-avatar img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.server-hover-preview { position:fixed; z-index:110; max-width:calc(100vw - 16px); width:max-content; padding:10px 14px; display:flex; align-items:center; gap:12px; color:white; background:#171917; border:1px solid #454a45; border-radius:6px; box-shadow:0 6px 20px #0004; pointer-events:none; }
.server-hover-avatar { position:relative; flex:none; display:grid; place-items:center; width:44px; height:44px; overflow:hidden; border-radius:50%; background:var(--mint); color:var(--ink); font-weight:800; }
.server-hover-preview strong { max-width:240px; min-width:0; font-size:14px; line-height:1.4; overflow-wrap:anywhere; }
.server-add { color:var(--mint); background:transparent; border:1px solid #686b65; font-size:28px; }
#app-shell .app-sidebar { left:76px; }
#app-shell .app-main { margin-left:326px; }
.selected-server-name { margin:-26px 8px 24px; font-size:13px; color:var(--mint); overflow-wrap:anywhere; }
.filter-fields { min-width:0; padding:0; border:0; grid-column:1/-1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.filter-fields legend { margin:0 0 20px; font-weight:800; }
#content-filter-form,#inactivity-form { grid-template-columns:repeat(2,minmax(0,1fr)); }
#app-shell .tool-grid { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); }
#app-shell .tool-panel { min-width:0; }
.filter-rules-editor { grid-column:1/-1; }
.filter-rules-editor h2 { margin:8px 0 16px; font-size:22px; }
#filter-rules { display:grid; gap:14px; margin-bottom:18px; }
.filter-rule { display:grid; grid-template-columns:minmax(0,1fr) 95px 42px; gap:12px; align-items:end; }
.filter-rule input { width:100%; min-width:0; }
.filter-rule button { padding:0; }
.filter-pagination { margin:16px 0 36px; display:flex; align-items:center; justify-content:flex-end; gap:14px; }
.filter-pagination button { width:42px; padding:0; }
.lab-actions { display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-end; min-width:290px; }
.lab-actions button { min-height:38px; padding:0 12px; font-size:12px; }
#support-lab-status { margin:16px 0; overflow-wrap:anywhere; }
#filter-events td { max-width:340px; overflow-wrap:anywhere; }
#filter-events td:last-child { min-width:150px; }
#filter-events td:last-child>* { display:block; margin-bottom:8px; }
@media(max-width:900px) { #app-shell .tool-grid { grid-template-columns:minmax(0,1fr); } }
@media(max-width:620px) { #content-filter-form,#inactivity-form,.filter-fields { grid-template-columns:minmax(0,1fr); } .filter-rule { grid-template-columns:minmax(0,1fr) 75px 36px; gap:8px; } }
.tool-panel select,.options-form select { width:100%; min-width:0; min-height:43px; padding:9px 11px; border:1px solid #999d97; border-radius:3px; background:white; }
@media(max-width:900px) { .server-rail { position:sticky; inset:0; width:100%; height:74px; padding:10px 14px; flex-direction:row; overflow-x:auto; overflow-y:hidden; } #server-rail-list { flex-direction:row; } #app-shell .app-sidebar { left:auto; } #app-shell .app-main { margin-left:0; } .selected-server-name { display:none; } }
html { scroll-behavior:auto; }
body { margin:0; min-width:320px; background:var(--paper); }
button,input,textarea,select { font:inherit; letter-spacing:0; }
button,a { -webkit-tap-highlight-color:transparent; }
a { color:inherit; }
[hidden] { display:none !important; }
.site-header { height:72px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:24px; padding:0 4vw; border-bottom:1px solid var(--ink); background:var(--paper); position:sticky; top:0; z-index:20; }
.wordmark { display:inline-flex; align-items:center; gap:10px; font-weight:800; text-decoration:none; }
.wordmark span { width:28px; height:28px; display:grid; place-items:center; background:var(--red); color:white; font-family:"Iowan Old Style",Georgia,serif; }
.site-header nav { display:flex; gap:30px; }
.site-header nav a { text-decoration:none; font-size:14px; font-weight:600; }
.site-header>.button { justify-self:end; }
.button,.quiet-button { min-height:42px; border:1px solid var(--ink); border-radius:var(--radius); padding:0 17px; cursor:pointer; font-weight:700; }
.button-dark { color:white; background:var(--ink); }
.button-accent { color:white; background:var(--red); border-color:var(--red-dark); }
.button-coffee { display:inline-flex; align-items:center; text-decoration:none; background:var(--yellow); color:var(--ink); }
.quiet-button { background:transparent; color:inherit; }
.button:hover,.quiet-button:hover { transform:translateY(-1px); }
.button:focus-visible,.quiet-button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,.nav-item:focus-visible { outline:3px solid var(--blue); outline-offset:2px; }
.hero { min-height:calc(100vh - 72px); max-height:920px; position:relative; overflow:hidden; display:grid; align-items:end; padding:clamp(56px,8vw,110px) 6vw; color:white; background:#1e211f; border-bottom:1px solid var(--ink); }
.hero-interface { position:absolute; inset:5% -3% -12% 38%; display:grid; grid-template-columns:76px 220px 1fr; background:#ecebe4; border:1px solid #6e716c; transform:rotate(-2deg); box-shadow:0 35px 90px #0008; opacity:.92; }
.mock-rail { background:#151715; padding:24px 20px; display:flex; flex-direction:column; gap:20px; }
.mock-rail i { width:34px; aspect-ratio:1; background:var(--red); border-radius:50%; }
.mock-rail i:nth-child(2) { background:var(--mint); }.mock-rail i:nth-child(3) { background:var(--yellow); }.mock-rail i:nth-child(4) { background:#555b56; }
.mock-sidebar { color:var(--ink); padding:26px; border-right:1px solid var(--line); display:flex; flex-direction:column; gap:22px; }
.mock-sidebar b { margin-bottom:24px; font-size:19px; }.mock-sidebar span { color:#62665f; font-size:14px; }
.mock-workspace { color:var(--ink); padding:8vw 5vw; position:relative; }
.mock-kicker { font-size:12px; font-weight:800; color:var(--green); }.mock-number { font:700 clamp(62px,9vw,132px)/1 "Iowan Old Style",Georgia,serif; }
.mock-bars { height:180px; display:flex; align-items:end; gap:12px; margin-top:35px; border-bottom:1px solid var(--ink); }
.mock-bars i { flex:1; height:34%; background:var(--mint); }.mock-bars i:nth-child(2){height:48%}.mock-bars i:nth-child(3){height:43%}.mock-bars i:nth-child(4){height:72%;background:var(--red)}.mock-bars i:nth-child(5){height:61%}.mock-bars i:nth-child(6){height:86%;background:var(--yellow)}.mock-bars i:nth-child(7){height:76%}
.mock-activity { display:grid; gap:14px; margin-top:35px; }.mock-activity span { height:13px; width:70%; background:#cacbc5; }.mock-activity span:nth-child(2){width:45%}.mock-activity span:nth-child(3){width:58%}
.hero-copy { position:relative; z-index:2; width:min(690px,58%); }
.eyebrow { margin:0 0 13px; text-transform:uppercase; font-size:12px; font-weight:800; letter-spacing:.12em; }
.hero h1 { margin:0; font:700 clamp(76px,13vw,188px)/.82 "Iowan Old Style",Georgia,serif; letter-spacing:0; }
.hero-lede { max-width:620px; margin:32px 0 26px; font-size:clamp(19px,2vw,25px); line-height:1.42; }
.hero-actions { display:flex; align-items:center; gap:24px; }.text-link { font-weight:700; text-underline-offset:5px; }
.price-note { margin:30px 0 0; color:#d8ddd7; }.price-note strong { color:var(--yellow); }
.login-error { max-width:620px; margin:0 0 24px; padding:12px 16px; color:white; background:var(--red-dark); border-left:5px solid var(--yellow); font-weight:700; line-height:1.4; }
.proof-strip { min-height:72px; padding:18px 5vw; display:flex; justify-content:space-between; gap:24px; align-items:center; background:var(--yellow); border-bottom:1px solid var(--ink); font-size:13px; font-weight:800; text-transform:uppercase; }
.feature-band { padding:110px 5vw 80px; }
.section-intro { width:min(760px,100%); margin-bottom:90px; }.section-intro h2,.security-band h2,.community-band h2 { margin:0 0 22px; font:700 clamp(44px,6vw,82px)/.98 "Iowan Old Style",Georgia,serif; }.section-intro>p:last-child { max-width:620px; color:var(--muted); font-size:19px; line-height:1.55; }
.feature-row { display:grid; grid-template-columns:minmax(260px,.72fr) minmax(480px,1.28fr); gap:7vw; align-items:center; margin-bottom:130px; }.feature-row.reverse { grid-template-columns:minmax(480px,1.28fr) minmax(260px,.72fr); }.feature-row.reverse .feature-copy { order:2; }
.feature-copy .index { color:var(--red); font:700 24px "Iowan Old Style",Georgia,serif; }.feature-copy h3 { margin:16px 0; font:700 clamp(32px,4vw,52px)/1.02 "Iowan Old Style",Georgia,serif; }.feature-copy p { color:var(--muted); font-size:17px; line-height:1.65; }
.product-shot { min-height:430px; border:1px solid var(--ink); border-radius:var(--radius); position:relative; overflow:hidden; background:var(--white); box-shadow:14px 14px 0 var(--ink); }
.shot-toolbar { height:64px; display:flex; justify-content:space-between; align-items:center; padding:0 24px; color:white; background:var(--panel); }.shot-toolbar b { padding:7px 10px; color:var(--mint); border:1px solid var(--mint); font-size:12px; }
.channel-tree { width:48%; height:366px; padding:28px; display:flex; flex-direction:column; gap:15px; border-right:1px solid var(--line); }.channel-tree strong { margin-top:8px; font-size:12px; }.channel-tree span { color:var(--muted); padding-left:12px; }
.permission-panel { position:absolute; right:0; top:64px; width:52%; padding:36px 28px; }.permission-panel small { color:var(--red); font-weight:800; }.permission-panel p { display:flex; justify-content:space-between; padding:17px 0; border-bottom:1px solid var(--line); }.permission-panel b { color:var(--green); font-size:12px; }
.shot-automation { padding:66px 45px 30px; background:#202320; color:white; }.timeline { position:absolute; left:72px; top:0; bottom:0; width:2px; background:#575d58; }.timeline i { display:block; width:14px; height:14px; margin:80px 0 84px -6px; border:3px solid #202320; border-radius:50%; background:var(--mint); }.job { position:relative; margin:0 0 24px 56px; min-height:90px; border-bottom:1px solid #555b56; display:grid; grid-template-columns:1fr auto; align-items:center; }.job span { font:700 23px "Iowan Old Style",Georgia,serif; }.job b { font-size:12px; color:#aeb4af; }.job em { grid-column:1/-1; color:var(--mint); font-size:12px; font-style:normal; }.job.muted { opacity:.52; }
.shot-safety { display:grid; grid-template-columns:.82fr 1.18fr; background:var(--mint); }.safety-score { padding:54px 34px; display:flex; flex-direction:column; border-right:1px solid var(--ink); }.safety-score small { font-weight:800; }.safety-score strong { margin:65px 0 20px; font:700 72px "Iowan Old Style",Georgia,serif; color:var(--green); }.signal-grid { padding:38px; display:grid; grid-template-columns:repeat(4,1fr); gap:10px; background:var(--white); }.signal-grid i { min-height:72px; background:#dfe2dc; }.signal-grid i:nth-child(5),.signal-grid i:nth-child(8){background:var(--yellow)}.signal-grid i:nth-child(10){background:var(--red)}
.security-band { display:grid; grid-template-columns:.9fr 1.1fr; gap:8vw; padding:105px 6vw; color:white; background:#202320; }.security-band h2 { max-width:620px; }.security-points p { display:grid; grid-template-columns:190px 1fr; gap:25px; margin:0; padding:24px 0; border-top:1px solid #515651; }.security-points span { color:#c1c7c1; line-height:1.5; }
.community-band { padding:120px 8vw; text-align:center; background:var(--red); color:white; }.community-band p:not(.eyebrow) { width:min(720px,100%); margin:0 auto 35px; font-size:20px; line-height:1.55; }.community-band .button { color:var(--ink); }
footer { min-height:150px; padding:40px 5vw; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; background:var(--ink); color:white; } footer>span { font:700 28px "Iowan Old Style",Georgia,serif; } footer p { color:#aeb3ae; } footer a { justify-self:end; }
#toast { position:fixed; z-index:100; right:24px; bottom:24px; max-width:380px; padding:15px 18px; color:white; background:var(--ink); border-left:5px solid var(--yellow); box-shadow:0 10px 30px #0004; }
#server-connections { display:block; margin:30px 0; padding:0; border:0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:transparent; }
.connection-summary { padding:18px 4px; cursor:pointer; font-size:17px; }
.connection-summary strong { margin-right:18px; font-weight:700; }
#connection-server-count { color:var(--muted); font-size:13px; white-space:nowrap; }
.connection-summary:focus-visible { outline:3px solid var(--blue); outline-offset:3px; }
.connection-content { padding:0 4px 18px; }
.connection-toolbar { display:flex; justify-content:flex-end; padding:0 0 14px; }
#server-connections .guild-list { border-top:1px solid var(--line); }
#server-connections .guild-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,312px); gap:20px; border-bottom:1px solid var(--line); padding:18px 0; }
#server-connections .guild-row small { color:var(--muted); }
#server-connections .guild-bot-status { justify-self:start; width:max-content; max-width:100%; }
#server-connections .guild-row>div:first-child { min-width:0; overflow-wrap:anywhere; }
#server-connections .guild-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; width:100%; }
.guild-action { display:flex; min-width:0; border-radius:6px; }
.guild-action button { width:100%; min-width:0; min-height:40px; padding:0 8px; font-size:12px; white-space:nowrap; }
.guild-action button:disabled { pointer-events:none; }
.guild-action[data-action="connection"][data-linked="true"] button:not(:disabled) { color:var(--red-dark); border-color:var(--red); }
.guild-action:focus-visible { outline:3px solid var(--blue); outline-offset:3px; }
.guild-action-tooltip { position:fixed; z-index:120; width:max-content; max-width:min(280px,calc(100vw - 16px)); padding:10px 13px; border:1px solid #454a45; border-radius:6px; color:white; background:var(--ink); font-size:13px; line-height:1.45; overflow-wrap:anywhere; pointer-events:none; box-shadow:0 6px 20px #0004; }
@media(max-width:1200px) { #server-connections .guild-row { grid-template-columns:minmax(0,1fr); gap:12px; } #server-connections .guild-actions { max-width:480px; } }
@media(max-width:620px) { #server-connections .guild-actions { grid-template-columns:repeat(3,minmax(0,1fr)); max-width:none; } .connection-summary strong { display:inline-block; margin-right:12px; } }
.app-sidebar { position:fixed; inset:0 auto 0 0; width:250px; padding:27px 20px; display:flex; flex-direction:column; background:#1c1f1c; color:white; }.app-sidebar .wordmark { margin:0 8px 45px; }.app-sidebar nav { display:grid; gap:5px; }.nav-item { min-height:44px; padding:0 14px; border:0; border-radius:var(--radius); text-align:left; color:#c2c7c2; background:transparent; cursor:pointer; }.nav-item:hover,.nav-item.active { color:white; background:#343934; }.account-block { margin-top:auto; padding:18px 8px 0; border-top:1px solid #454a45; }.account-block p { margin:0 0 12px; overflow-wrap:anywhere; }.account-block button { color:#d4d8d4; border-color:#737873; }
.app-main { min-height:100vh; margin-left:250px; padding:42px clamp(24px,5vw,74px); }.app-view { max-width:1180px; margin:0 auto; }.view-header { min-height:100px; display:flex; justify-content:space-between; align-items:start; gap:30px; border-bottom:1px solid var(--ink); }.view-header h1 { margin:0; font:700 clamp(38px,5vw,62px)/1 "Iowan Old Style",Georgia,serif; }.status-pill { padding:8px 12px; color:var(--green); background:var(--mint); border:1px solid var(--green); font-size:12px; font-weight:800; }
.support-session-banner { position:sticky; top:0; z-index:10; margin:-42px clamp(-74px,-5vw,-24px) 36px; padding:14px clamp(24px,5vw,74px); display:flex; justify-content:space-between; gap:20px; align-items:center; color:var(--ink); background:var(--yellow); border-bottom:1px solid var(--ink); }.support-session-banner div { display:flex; gap:16px; }.support-session-banner button { padding:8px 12px; border:1px solid var(--ink); background:transparent; font-weight:800; cursor:pointer; }
.connection-panel { margin:36px 0; padding:26px; display:grid; grid-template-columns:1fr auto; gap:22px; align-items:start; border:1px solid var(--ink); background:var(--mint); }.connection-panel h2 { margin:0 0 8px; font:700 30px "Iowan Old Style",Georgia,serif; }.connection-panel p { margin-bottom:0; max-width:680px; line-height:1.5; }.guild-list { grid-column:1/-1; display:grid; border-top:1px solid var(--green); }.guild-row { min-height:72px; padding:13px 0; display:flex; justify-content:space-between; align-items:center; gap:20px; border-bottom:1px solid #78ad98; }.guild-row>div:first-child { display:grid; gap:4px; }.guild-row small { color:#345e50; }.guild-row>div:last-child { display:flex; gap:9px; }
.metric-row { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--ink); margin:38px 0; }.metric-row div { min-height:130px; padding:24px; display:flex; flex-direction:column; justify-content:space-between; border-right:1px solid var(--ink); }.metric-row div:last-child { border:0; }.metric-row span { color:var(--muted); }.metric-row strong { font:700 27px "Iowan Old Style",Georgia,serif; }
.template-browser { margin:0 0 42px; border-top:1px solid var(--ink); border-bottom:1px solid var(--ink); }.template-browser>header { min-height:82px; display:flex; justify-content:space-between; align-items:center; gap:20px; }.template-browser h2 { margin:0; font:700 30px "Iowan Old Style",Georgia,serif; }.template-browser .eyebrow { margin:0 0 5px; }.template-entry { border-top:1px solid var(--line); }.template-entry summary { min-height:62px; padding:14px 4px; display:flex; justify-content:space-between; align-items:center; gap:18px; cursor:pointer; }.template-entry summary small { color:var(--muted); text-transform:capitalize; }.template-entry pre { max-height:340px; margin:0 0 18px; padding:18px; overflow:auto; color:#cce5d6; background:#1d201e; white-space:pre-wrap; }.guild-row>div:first-child { align-items:start; }.guild-bot-status { padding:4px 8px; border-radius:999px; font-size:11px; font-weight:800; }.bot-installed { color:#145b3e; background:#d9efe3; }.bot-uninstalled { color:#8b2924; background:#f7dfd9; }.import-result { margin-top:16px; padding:12px 14px; border-left:4px solid var(--yellow); background:#f4f0dc; line-height:1.45; }.import-result p { margin:0; }.import-result ul { margin:8px 0 0; padding-left:20px; }.import-result li+li { margin-top:4px; }
.tool-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:24px; }.tool-panel { padding:26px; border:1px solid var(--line); background:var(--white); }.tool-panel h2,.settings-row h2,.warning-setting h2,.recovery-panel h2 { margin:0 0 18px; font:700 26px "Iowan Old Style",Georgia,serif; }.tool-panel form { display:grid; gap:14px; }.tool-panel label,dialog label,.setup-panel label { display:grid; gap:7px; font-size:13px; font-weight:700; }.tool-panel input,dialog input,dialog textarea,dialog select,.setup-panel input { width:100%; min-height:43px; padding:9px 11px; border:1px solid #999d97; border-radius:3px; background:white; }.output-panel pre { min-height:320px; margin:0; padding:18px; overflow:auto; color:#cce5d6; background:#1d201e; white-space:pre-wrap; }
.options-form { margin:32px 0 46px; padding:28px; display:grid; grid-template-columns:repeat(3,minmax(180px,1fr)); gap:20px; border:1px solid var(--ink); background:var(--white); }.options-form label { display:grid; align-content:start; gap:7px; font-size:13px; font-weight:700; }.options-form input { min-height:43px; padding:9px 11px; border:1px solid #999d97; border-radius:3px; background:white; }.options-form .check-setting { grid-column:1/-1; display:flex; align-items:center; gap:10px; font-size:15px; }.check-setting input { min-height:auto; width:18px; height:18px; }.load-policy { align-self:end; }.save-policy { grid-column:1/-1; justify-self:start; }.danger-option { padding:14px; border-left:4px solid var(--red); background:#fff5ed; }.danger-option small { color:var(--red-dark); line-height:1.4; }.member-status-header { margin:0 0 18px; display:flex; align-items:end; justify-content:space-between; gap:24px; }.member-status-header h2 { margin:0; font:700 28px "Iowan Old Style",Georgia,serif; }.member-status-header p { margin-bottom:0; color:var(--muted); }
.settings-row { min-height:150px; padding:28px 0; display:grid; grid-template-columns:1fr auto; gap:45px; align-items:center; border-bottom:1px solid var(--line); }.settings-row p { max-width:680px; color:var(--muted); }.setup-panel { margin:26px 0; padding:28px; display:grid; grid-template-columns:210px 1fr; gap:32px; border:1px solid var(--ink); background:var(--white); }.setup-panel img { width:210px; height:210px; }.setup-panel code { display:block; margin:15px 0; padding:10px; overflow-wrap:anywhere; background:#e8e7e1; }.setup-panel form { max-width:360px; display:grid; gap:12px; }.recovery-panel { margin:25px 0; padding:28px; color:white; background:var(--panel); }.recovery-panel pre { white-space:pre-wrap; color:var(--yellow); font-size:16px; line-height:1.7; }
.warning-setting { margin-top:35px; padding:30px; display:grid; grid-template-columns:45px 1fr auto; gap:24px; border:2px solid var(--red); background:#fff8f1; }.warning-mark { width:38px; height:38px; display:grid; place-items:center; color:white; background:var(--red); font:800 24px serif; }.warning-setting p { max-width:760px; line-height:1.5; }.toggle-column { min-width:70px; text-align:center; }.switch { position:relative; display:inline-block; width:54px; height:29px; }.switch input { opacity:0; width:0; height:0; }.switch span { position:absolute; inset:0; cursor:pointer; border:1px solid var(--ink); border-radius:20px; background:#c4c6c1; }.switch span::before { content:""; position:absolute; width:21px; height:21px; left:3px; top:3px; border-radius:50%; background:white; border:1px solid var(--ink); transition:transform .18s; }.switch input:checked+span { background:var(--mint); }.switch input:checked+span::before { transform:translateX(25px); }
.admin-notice { margin:34px 0; padding:22px 26px; color:white; background:var(--panel); border-left:7px solid var(--yellow); }.admin-notice p { margin-bottom:0; color:#c8cdc8; }.support-table-wrap { overflow-x:auto; border:1px solid var(--ink); }.support-table-wrap table { width:100%; border-collapse:collapse; background:var(--white); }.support-table-wrap th,.support-table-wrap td { padding:16px; text-align:left; border-bottom:1px solid var(--line); }.support-table-wrap th { font-size:12px; text-transform:uppercase; background:#deddd6; }.support-table-wrap td:last-child { text-align:right; }.access-yes { color:var(--green); font-weight:800; }.access-no { color:var(--muted); }
.admin-period { display:flex; align-items:center; gap:14px; }.admin-period label,.admin-search { display:grid; gap:5px; font-size:12px; font-weight:800; }.admin-period select,.admin-search input { min-height:38px; padding:7px 10px; border:1px solid var(--ink); background:var(--white); }.admin-metrics { grid-template-columns:repeat(4,1fr); }.admin-report-grid { margin-bottom:48px; display:grid; grid-template-columns:1.15fr .85fr; gap:24px; }.feature-usage { display:grid; gap:13px; margin-top:24px; }.usage-row { display:grid; grid-template-columns:110px 1fr 45px; gap:12px; align-items:center; }.usage-row span { overflow:hidden; text-overflow:ellipsis; }.usage-row i { height:12px; display:block; background:#dfdfd8; }.usage-row b { height:100%; display:block; background:var(--red); }.usage-row strong { text-align:right; }.admin-users-header { margin-top:55px; }.admin-search { width:min(300px,100%); }.admin-actions { min-width:330px; display:flex; justify-content:flex-end; gap:7px; }.admin-actions .button,.admin-actions .quiet-button { min-height:36px; padding:0 10px; font-size:12px; }.danger-button { color:var(--red-dark); border-color:var(--red); }.admin-table small { margin-top:4px; color:var(--muted); }
dialog { width:min(500px,calc(100% - 32px)); padding:30px; border:1px solid var(--ink); border-radius:var(--radius); color:var(--ink); background:var(--white); box-shadow:18px 18px 0 #17191799; } dialog::backdrop { background:#121412b8; } dialog h2 { margin:0 0 10px; font:700 36px "Iowan Old Style",Georgia,serif; } dialog form { display:grid; gap:18px; } dialog textarea { min-height:120px; resize:vertical; }.dialog-actions { display:flex; justify-content:flex-end; gap:10px; }
@media(max-width:900px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero{min-height:780px;align-items:start;padding-top:70px}.hero-interface{inset:44% -30% -7% 7%}.hero-copy{width:100%}.hero h1{font-size:clamp(68px,19vw,120px)}.feature-row,.feature-row.reverse{grid-template-columns:1fr;gap:35px}.feature-row.reverse .feature-copy{order:0}.product-shot{min-height:390px}.security-band{grid-template-columns:1fr}.security-points p{grid-template-columns:1fr;gap:8px}.app-sidebar{position:static;width:100%;min-height:auto;flex-direction:row;align-items:center;gap:18px}.app-sidebar .wordmark{margin:0 auto 0 0}.app-sidebar nav{display:flex;overflow-x:auto}.account-block{margin:0;padding:0;border:0;display:flex;gap:10px;align-items:center}.account-block p{display:none}.app-main{margin-left:0}.tool-grid{grid-template-columns:1fr}.options-form{grid-template-columns:repeat(2,minmax(180px,1fr))}.admin-report-grid{grid-template-columns:1fr}.admin-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.site-header{height:64px;padding:0 16px}.site-header .button{padding:0 10px;font-size:12px}.hero{min-height:720px;padding:52px 20px}.hero-interface{inset:53% -95% -4% 3%;grid-template-columns:48px 150px 1fr}.mock-sidebar{padding:18px}.hero-lede{font-size:18px}.hero-actions{align-items:stretch;flex-direction:column}.proof-strip{align-items:start;flex-direction:column}.feature-band{padding:80px 20px 40px}.feature-row{margin-bottom:90px}.product-shot{min-height:360px;box-shadow:7px 7px 0 var(--ink)}.channel-tree{width:100%}.permission-panel{display:none}.shot-automation{padding:45px 20px}.shot-safety{grid-template-columns:1fr}.safety-score{border-right:0;border-bottom:1px solid var(--ink)}.signal-grid{grid-template-columns:repeat(6,1fr);padding:20px}.signal-grid i{min-height:45px}.security-band,.community-band{padding:76px 20px}footer{grid-template-columns:1fr;gap:16px}footer a{justify-self:start}.app-sidebar{padding:14px;flex-wrap:wrap}.app-sidebar .wordmark{width:100%}.app-sidebar nav{order:3;width:100%}.app-main{padding:28px 16px}.view-header{min-height:120px;align-items:stretch;flex-direction:column}.metric-row{grid-template-columns:1fr}.metric-row div{min-height:95px;border-right:0;border-bottom:1px solid var(--ink)}.setup-panel{grid-template-columns:1fr}.warning-setting{grid-template-columns:42px 1fr;padding:20px}.toggle-column{grid-column:2;justify-self:start}.support-session-banner{margin:-28px -16px 30px;align-items:start}.support-session-banner div{flex-direction:column;gap:4px}.options-form{grid-template-columns:1fr;padding:20px}.member-status-header{align-items:start;flex-direction:column}.connection-panel{grid-template-columns:1fr}.guild-list{grid-column:1}.guild-row{align-items:flex-start;flex-direction:column}.guild-row>div:last-child{width:100%;flex-wrap:wrap}.admin-period{width:100%;align-items:flex-end;justify-content:space-between}.admin-metrics{grid-template-columns:1fr}.admin-users-header{align-items:stretch}.admin-search{width:100%}}
@media(prefers-reduced-motion:no-preference){.hero-copy>*{animation:reveal .55s both}.hero-copy>*:nth-child(2){animation-delay:.06s}.hero-copy>*:nth-child(3){animation-delay:.12s}.hero-copy>*:nth-child(4){animation-delay:.18s}.hero-interface{animation:interface-in .7s .1s both}@keyframes reveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes interface-in{from{opacity:0;transform:translate(60px,25px) rotate(-2deg)}to{opacity:.92;transform:translate(0,0) rotate(-2deg)}}}