:root{--bg: #0b0c10;--bg-soft: #111217;--card: #151821;--text: #e9ecf1;--text-dim: #b5bdc9;--accent: #1DD1A1;--border: #222633;--radius: 16px;--warn: #f0b429;--danger: #f04747;--ok: #1DD1A1}@media (prefers-color-scheme: light){:root{--bg: #f6f7fb;--bg-soft: #eef0f6;--card: #ffffff;--text: #0b0c10;--text-dim: #444a57;--border: #e7e9f1}}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;background:radial-gradient(1200px 800px at 85% -10%,rgba(29,209,161,.14),transparent 60%),radial-gradient(900px 700px at -10% 110%,rgba(88,101,242,.12),transparent 60%),var(--bg);color:var(--text);display:grid;place-items:center;padding:24px}.container{width:100%;max-width:720px;background:linear-gradient(180deg,#ffffff05,#00000005),var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:clip}.header{display:flex;align-items:center;gap:16px;padding:22px;border-bottom:1px solid var(--border);background:radial-gradient(450px 160px at 100% 0%,rgba(29,209,161,.12),transparent 60%),linear-gradient(180deg,rgba(29,209,161,.06),transparent 60%)}.logo{width:36px;height:36px;border-radius:10px;background:var(--accent);display:grid;place-items:center;overflow:hidden;flex-shrink:0;box-shadow:0 6px 18px #1dd1a159}.logo img{width:100%;height:100%;object-fit:cover;display:block}.header h1{font-size:18px;margin:0}.header p{color:var(--text-dim);margin:0;font-size:13px}.content{padding:22px;display:grid;gap:16px}.invite-preview{border:1px solid var(--border);border-radius:16px;background:var(--bg-soft);overflow:hidden}.invite-preview--invalid .invite-splash{background:linear-gradient(135deg,rgba(240,71,71,.2),transparent 55%),linear-gradient(180deg,#1a2236,#121826)}.invite-preview--invalid .server-icon{background:#f0474724;border-color:#f0474766;color:#ff8e8e}.invite-preview--invalid .actions{display:flex;justify-content:flex-end}.invite-preview--invalid #btn-accept,.invite-preview--invalid .features-panel,.invite-preview--invalid .standing-card,.invite-preview--invalid #server-stats{display:none!important}.invite-splash{position:relative;min-height:110px;background:linear-gradient(135deg,rgba(29,209,161,.22),transparent 55%),linear-gradient(180deg,#1a2236,#121826);background-size:cover;background-position:center}.invite-splash:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(17,18,23,.72) 100%)}.invite-body{position:relative;padding:0 18px 18px;margin-top:-36px;display:grid;gap:14px}.invite-top{display:grid;grid-template-columns:84px minmax(0,1fr) auto;gap:14px;align-items:end}.server-icon{width:84px;height:84px;border-radius:18px;overflow:hidden;border:3px solid var(--card);background:#242938;display:grid;place-items:center;color:var(--text-dim);font-weight:800;font-size:22px;box-shadow:0 10px 28px #00000059}.server-icon img{width:100%;height:100%;object-fit:cover;display:block}.server-meta{display:grid;gap:6px;min-width:0;padding-bottom:6px}.server-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.server-name{font-size:22px;font-weight:800;margin:0;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.server-desc{font-size:13px;color:var(--text-dim);margin:0;line-height:1.45}.special-badges{display:flex;gap:6px;flex-wrap:wrap}.special-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:4px 9px;border-radius:999px;border:1px solid transparent}.special-badge--verified{color:#d7fff2;background:#1dd1a12e;border-color:#1dd1a159}.special-badge--partnered{color:#ffe7b3;background:#f0b42929;border-color:#f0b42959}.actions{display:grid;gap:8px;min-width:148px;padding-bottom:6px}.stats-row{display:flex;flex-wrap:wrap;gap:8px}.stat-chip{font-size:12px;padding:7px 10px;border-radius:999px;border:1px solid var(--border);background:#ffffff08;color:var(--text-dim)}.stat-chip strong{color:var(--text);font-weight:700}.standing-card{display:grid;gap:6px;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:#0000002e}.standing-card[data-tone=good]{border-color:#1dd1a159;background:#1dd1a114}.standing-card[data-tone=limited]{border-color:#f0b42966;background:#f0b4291a}.standing-card[data-tone=restricted],.standing-card[data-tone=very_bad]{border-color:#f0474773;background:#f047471a}.standing-card__label{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.standing-card__title{font-size:15px;font-weight:800;margin:0}.standing-card__text{margin:0;font-size:13px;color:var(--text-dim);line-height:1.4}.features-panel{display:grid;gap:10px}.features-panel__title{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin:0}.features-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin:0;padding:0;list-style:none}.feature-item{display:grid;grid-template-columns:18px 1fr;gap:8px;align-items:start;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#ffffff05;min-width:0}.feature-item--special{border-color:#1dd1a159;background:#1dd1a114}.feature-item--partnered{border-color:#f0b42966;background:#f0b4291a}.feature-item__mark{font-size:12px;line-height:1.4}.feature-item__name{font-size:12px;font-weight:700;color:var(--text);overflow-wrap:anywhere}.feature-item__desc{font-size:11px;color:var(--text-dim);margin-top:2px;line-height:1.35}.features-empty{margin:0;font-size:13px;color:var(--text-dim)}#inviteLogBox{min-width:0;width:100%}#inviteLogBox .success,#inviteLogBox .error,#inviteLogBox .warn,#inviteLogBox .info,#inviteLogBox .notice-box{width:100%;max-width:100%;min-width:0;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.btn{appearance:none;border:0;cursor:pointer;padding:12px 14px;border-radius:12px;font-weight:700;font-size:14px;transition:transform .04s ease,opacity .15s ease,filter .15s ease;box-shadow:0 8px 22px #0000002e}.btn:active{transform:translateY(1px)}.btn.primary,.btn-primary{background:var(--accent);color:#04120e}.btn.primary:hover,.btn-primary:hover{filter:brightness(1.05)}.btn-muted{background:transparent;color:var(--text-dim);border:1px solid var(--border);box-shadow:none}.btn-disabled{opacity:.6;pointer-events:none}.footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--border);padding:16px 22px;font-size:12px;color:var(--text-dim)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.divider{height:1px;background:var(--border);margin:6px 0}a.link{color:var(--accent);text-decoration:none}a.link:hover{text-decoration:underline}@media (max-width: 640px){.invite-top{grid-template-columns:72px minmax(0,1fr)}.actions{grid-column:1 / -1;min-width:0}.server-icon{width:72px;height:72px}}
