*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}.hidden{display:none!important}.relay-main{padding:calc(var(--header-height, 56px) + 24px) 24px 24px;min-height:100vh}.relay-page{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.relay-h1{font-size:21px;font-weight:700;letter-spacing:-.03em}.relay-sub{color:var(--text-sec);font-size:13px}.relay-muted{color:var(--text-mut);font-size:13px}.relay-small{font-size:11px}.relay-btn{align-self:flex-start;padding:8px 16px;border:none;border-radius:var(--radius, 8px);background:var(--accent);color:#fff;font-size:13px;font-weight:600}.relay-btn:disabled{opacity:.5;cursor:default}.relay-connect-row{display:flex;gap:10px;flex-wrap:wrap}.relay-list{list-style:none;display:flex;flex-direction:column;gap:8px}.relay-list-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius, 8px)}.relay-list-title{flex:1;font-weight:500;font-size:13.5px}.relay-badge{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:2px 7px;border-radius:5px;background:var(--accent-soft);color:var(--accent-text, var(--accent))}.relay-status{font-size:11px;font-family:var(--font-mono);color:var(--text-mut)}.relay-status--connected,.relay-status--published{color:var(--success, #16a34a)}.relay-status--failed,.relay-status--revoked,.relay-status--expired{color:var(--danger, #dc2626)}.relay-field{display:flex;flex-direction:column;gap:6px;font-size:13px}.relay-field>span{font-weight:600;color:var(--text-sec)}.relay-field input[type=text],.relay-field input[type=datetime-local]{padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius, 8px);background:var(--bg-input, transparent);color:var(--text);font-size:13px;outline:none}.relay-field input:focus{border-color:var(--accent)}.relay-check{display:flex;align-items:center;gap:8px;font-size:13px;padding:4px 0}.relay-field textarea,.relay-field select{padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius, 8px);background:var(--bg-input, transparent);color:var(--text);font-size:13px;outline:none;font-family:inherit;resize:vertical}.relay-field textarea:focus,.relay-field select:focus{border-color:var(--accent)}.relay-import{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px dashed var(--border);border-radius:var(--radius, 8px);background:var(--bg-card)}.relay-import-title{font-weight:600;font-size:13px}.relay-platform{border:1px solid var(--border);border-radius:var(--radius, 8px);background:var(--bg-card);padding:10px 14px}.relay-platform.is-on{border-color:var(--accent)}.relay-platform-head{padding:0}.relay-platform-body{display:flex;flex-direction:column;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.relay-btn-sm{padding:4px 10px;border:1px solid var(--border);border-radius:var(--radius, 8px);background:transparent;color:var(--text-sec);font-size:12px;font-weight:600}.relay-btn-sm:hover{border-color:var(--danger, #dc2626);color:var(--danger, #dc2626)}.relay-queue-item{flex-direction:column;align-items:stretch;gap:8px}.relay-queue-head{display:flex;align-items:center;gap:10px}.relay-queue-head .relay-list-title{flex:1}.relay-queue-targets{display:flex;flex-wrap:wrap;gap:6px}.relay-tbadge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:5px;background:var(--bg-input, rgba(127,127,127,.12));color:var(--text-sec)}.relay-tstate--submitted,.relay-tstate--published{background:#16a34a26;color:var(--success, #16a34a)}.relay-tstate--failed{background:#dc262626;color:var(--danger, #dc2626)}.relay-tstate--pending,.relay-tstate--locked{color:var(--text-mut)}.relay-connect-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card);color:var(--text);font-size:13px;font-weight:600;transition:border-color .15s ease,box-shadow .15s ease,transform .05s ease}.relay-connect-btn:hover{border-color:var(--accent);box-shadow:0 2px 12px #00000012}.relay-connect-btn:active{transform:translateY(1px)}.relay-list-item{transition:border-color .15s ease}.relay-list-item.is-muted{opacity:.55}.relay-revoked{display:flex;flex-direction:column;gap:8px;margin-top:2px}.relay-revoked-toggle{align-self:flex-start;background:none;border:none;padding:2px 0;color:var(--text-mut);font-size:12px;font-weight:600}.relay-revoked-toggle:hover{color:var(--text-sec)}.relay-platform{transition:border-color .15s ease,box-shadow .15s ease}.relay-platform.is-on{box-shadow:0 2px 14px #14b8a61a}.relay-platform-head{display:flex;align-items:center;gap:8px}.relay-tiktok-disclose{display:flex;flex-direction:column;gap:6px;margin-top:2px;padding:10px 12px;border-radius:8px;background:var(--bg-input, rgba(127,127,127,.06));border:1px solid var(--border)}.relay-field video{border:1px solid var(--border)}.relay-btn{transition:filter .15s ease,transform .05s ease}.relay-btn:not(:disabled):hover{filter:brightness(1.06)}.relay-btn:not(:disabled):active{transform:translateY(1px)}.relay-queue-actions{display:flex;gap:8px;margin-top:2px}.relay-btn-danger{color:var(--danger, #dc2626)}.relay-btn-danger:hover{border-color:var(--danger, #dc2626)}.relay-tabs{display:flex;gap:6px}.relay-tab{padding:5px 12px;border:1px solid var(--border);border-radius:999px;background:var(--bg-card);color:var(--text-sec);font-size:12px;font-weight:600;transition:border-color .15s ease,color .15s ease}.relay-tab:hover{border-color:var(--accent)}.relay-tab.is-active{border-color:var(--accent);color:var(--accent-text, var(--accent));background:var(--accent-soft)}.relay-queue-targets-v{display:flex;flex-direction:column;gap:5px}.relay-target-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.relay-target-err{font-size:11px;color:var(--danger, #dc2626);cursor:help;text-align:right}.relay-loadmore{align-self:center}:root{--bg: #F6F6F4;--bg-card: #FFFFFF;--bg-sidebar: #FAFAF8;--bg-hover: #F0EFED;--bg-input: #F0EFED;--bg-subtle: #F6F6F4;--border: #E8E6E3;--border-light: #F0EFED;--text: #1B1B18;--text-sec: #706F6C;--text-mut: #A3A29E;--accent: #6E56CF;--accent-hov: #5B44B2;--accent-soft: #F0ECFF;--accent-text: #5746A8;--success: #2D8A4E;--success-soft: #E1F5E8;--warning: #B8860B;--warning-soft: #FEF6DD;--danger: #C93C37;--danger-soft: #FDEDED;--shadow: 0 1px 2px rgba(0,0,0,.04), 0 0 0 1px rgba(0,0,0,.03);--shadow-lg: 0 12px 40px rgba(0,0,0,.08), 0 0 0 1px rgba(0,0,0,.03);--overlay: rgba(0,0,0,.3);--radius: 7px;--radius-lg: 10px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--pro: #D4A017;--pro-bg: rgba(212,160,23,.08);--pro-border: rgba(212,160,23,.18);--pro-glow: rgba(212,160,23,.25)}[data-theme=dark]{--bg: #0a0a0f;--bg-card: #16161a;--bg-sidebar: #111116;--bg-hover: #1e1e24;--bg-input: #16161a;--bg-subtle: #111116;--border: #2a2a32;--border-light: #1e1e24;--text: #f1f5f9;--text-sec: #878784;--text-mut: #4a4a55;--accent: #8B73E6;--accent-hov: #A08FFF;--accent-soft: #1C1632;--accent-text: #A99BF0;--success: #3FB950;--success-soft: #0D2818;--warning: #D29922;--warning-soft: #271E08;--danger: #F85149;--danger-soft: #2A1215;--shadow: 0 1px 2px rgba(0,0,0,.3), 0 0 0 1px rgba(255,255,255,.04);--shadow-lg: 0 12px 40px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.04);--overlay: rgba(0,0,0,.6);--pro: #F0C000;--pro-bg: rgba(240,192,0,.08);--pro-border: rgba(240,192,0,.18);--pro-glow: rgba(240,192,0,.25)}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}.content{min-height:100vh;padding:20px 28px;background:var(--bg);transition:padding-left .2s ease}@media(max-width:768px){.content{padding:12px 0;overflow-x:hidden}}.modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:var(--overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.form-input,.form-textarea{width:100%;padding:8px 12px;font-size:16px;font-family:inherit;color:var(--text);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);outline:none;transition:border-color .15s ease}.form-input:focus,.form-textarea:focus{border-color:var(--accent)}.form-input.lg{font-size:16px;padding:10px 14px}.form-textarea{resize:vertical;min-height:60px}.btn-primary{padding:8px 18px;font-size:13px;font-weight:600;font-family:inherit;color:#fff;background:var(--accent);border:none;border-radius:var(--radius);cursor:pointer;transition:background .15s ease}.btn-primary:hover{background:var(--accent-hov)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:8px 18px;font-size:13px;font-weight:500;font-family:inherit;color:var(--text-sec);background:transparent;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:background .15s ease}.btn-secondary:hover{background:var(--bg-hover)}