:root {
  color-scheme: dark;
  --bg: #080a12;
  --panel: rgba(17, 20, 32, .88);
  --panel-strong: #111421;
  --border: rgba(220, 224, 255, .09);
  --border-strong: rgba(220, 224, 255, .14);
  --text: #f4f5ff;
  --muted: #9a9fb6;
  --muted-dim: #6f758d;
  --primary: #bca8ff;
  --primary-strong: #9b7cff;
  --blue: #78b9ff;
  --green: #68e0bd;
  --radius: 18px;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
* { box-sizing: border-box; }
html { min-width: 280px; min-height: 100%; background: var(--bg); scroll-behavior: smooth; }
body {
  min-width: 280px; min-height: 100vh; min-height: 100dvh; margin: 0;
  color: var(--text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  background:
    radial-gradient(ellipse at 50% -15%, rgba(145,119,255,.12), transparent 42%),
    radial-gradient(ellipse at 95% 45%, rgba(72,153,255,.06), transparent 35%),
    linear-gradient(180deg, #090b14 0%, #080a12 55%, #090b13 100%);
}
button, input { font: inherit; }
button { -webkit-tap-highlight-color: transparent; }
button:focus-visible, input:focus-visible { outline: 2px solid #c6b6ff; outline-offset: 3px; }
[hidden] { display: none !important; }
a { color: inherit; text-decoration: none; }
.site-header { position: sticky; top: 0; z-index: 10; width: 100%; border-bottom: 1px solid rgba(255,255,255,.065); background: rgba(9,11,20,.82); backdrop-filter: blur(22px); -webkit-backdrop-filter: blur(22px); }
.header-inner { width: min(1180px, 100%); min-height: 68px; margin: 0 auto; padding: 0 28px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.brand-lockup { display: inline-flex; align-items: center; gap: 11px; min-width: 0; }
.brand-mark { width: 36px; height: 36px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid rgba(190,169,255,.26); border-radius: 12px; background: linear-gradient(145deg, rgba(172,145,255,.20), rgba(98,158,255,.08)); box-shadow: inset 0 1px 0 rgba(255,255,255,.06); color: var(--primary); font-size: 17px; font-weight: 900; }
.brand-name { overflow: hidden; color: #f5f5ff; font-size: 15px; font-weight: 760; letter-spacing: -.35px; white-space: nowrap; }
.brand-name span { color: var(--primary); }
.header-pill { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid var(--border); border-radius: 999px; color: #b7bdd2; background: rgba(255,255,255,.025); font-size: 11px; font-weight: 650; letter-spacing: .1px; }
.header-pill-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 10px rgba(104,224,189,.5); }
.page-shell { position: relative; width: min(1180px, 100%); margin: 0 auto; padding: 58px 28px 42px; }
.hero-grid { display: grid; grid-template-columns: minmax(0, .92fr) minmax(400px, 1.08fr); align-items: center; gap: 64px; }
.hero-copy { max-width: 550px; }
.eyebrow { display: inline-flex; align-items: center; gap: 8px; padding: 7px 11px; border: 1px solid rgba(190,169,255,.2); border-radius: 999px; color: #d0c2ff; background: rgba(169,144,255,.07); font-size: 10px; font-weight: 750; letter-spacing: 1.3px; text-transform: uppercase; }
.eyebrow-star { color: var(--primary); font-size: 13px; }
h1 { margin: 22px 0 18px; color: #f6f6ff; font-size: clamp(39px, 5.3vw, 62px); font-weight: 780; line-height: 1.04; letter-spacing: -2.5px; }
h1 .gradient { display: block; background: linear-gradient(95deg, #d6c8ff 0%, #a994ff 38%, #81bdff 100%); background-clip: text; -webkit-background-clip: text; color: transparent; }
.hero-description { max-width: 470px; margin: 0; color: #a1a6bd; font-size: 15px; line-height: 1.8; }
.mini-benefits { display: flex; flex-wrap: wrap; gap: 10px 17px; margin-top: 24px; }
.mini-benefit { display: inline-flex; align-items: center; gap: 7px; color: #a7adc4; font-size: 11px; }
.mini-benefit .check { display: grid; place-items: center; width: 16px; height: 16px; border-radius: 50%; background: rgba(104,224,189,.10); color: var(--green); font-size: 10px; }
.workspace { position: relative; }
.workspace-glow { position: absolute; inset: -35px -25px; z-index: -1; border-radius: 42%; background: radial-gradient(ellipse, rgba(143,118,255,.11), transparent 65%); filter: blur(12px); pointer-events: none; }
.converter-card { position: relative; padding: 27px; border: 1px solid rgba(221,222,255,.12); border-radius: 20px; background: linear-gradient(155deg, rgba(21,25,41,.96), rgba(13,16,27,.94)); box-shadow: 0 25px 80px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.035); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
.card-topline { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 19px; border-bottom: 1px solid rgba(255,255,255,.07); }
.card-title-group { display: flex; align-items: center; gap: 11px; }
.card-icon { width: 38px; height: 38px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid rgba(185,164,255,.19); border-radius: 13px; color: #c4b2ff; background: rgba(170,145,255,.09); font-size: 18px; }
.card-title { margin: 0; font-size: 14px; font-weight: 740; letter-spacing: -.2px; }
.card-subtitle { margin: 4px 0 0; color: #858ba4; font-size: 10px; }
.card-state { display: inline-flex; align-items: center; gap: 6px; padding: 6px 8px; border: 1px solid rgba(104,224,189,.15); border-radius: 999px; color: #8ee7ca; background: rgba(104,224,189,.045); font-size: 9px; font-weight: 750; white-space: nowrap; }
.card-state::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: #68e0bd; }
.form-area { padding-top: 23px; }
.field-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 9px; }
.field-label { color: #c2c6d8; font-size: 10px; font-weight: 750; letter-spacing: 1.25px; text-transform: uppercase; }
.field-tip { color: #747b94; font-size: 10px; }
.input-shell { display: flex; align-items: center; gap: 10px; min-height: 55px; padding: 0 14px; border: 1px solid rgba(221,222,255,.12); border-radius: 12px; background: rgba(5,7,13,.55); transition: border-color .18s, box-shadow .18s, background .18s; }
.input-shell:focus-within { border-color: rgba(184,164,255,.62); background: rgba(8,10,18,.85); box-shadow: 0 0 0 3px rgba(169,144,255,.08); }
.input-link-icon { color: #858ba8; font-size: 16px; }
input[type="url"] { display: block; width: 100%; min-width: 0; height: 52px; padding: 0; border: 0; outline: 0; color: #f1f1ff; background: transparent; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 12px; }
input[type="url"]::placeholder { color: #656b82; opacity: 1; }
.convert-button { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 51px; margin-top: 13px; padding: 12px 16px; border: 1px solid rgba(200,185,255,.32); border-radius: 12px; color: #f8f6ff; background: linear-gradient(100deg, #7f69d8 0%, #9d85f3 54%, #778cf0 100%); box-shadow: 0 10px 25px rgba(130,105,216,.14), inset 0 1px 0 rgba(255,255,255,.19); font-size: 11px; font-weight: 800; letter-spacing: 1.1px; cursor: pointer; transition: filter .16s, transform .16s, box-shadow .16s; }
.convert-button:hover { filter: brightness(1.08); transform: translateY(-1px); box-shadow: 0 13px 28px rgba(130,105,216,.2); }
.convert-button:active { transform: translateY(0); }
.convert-button:disabled { opacity: .6; cursor: wait; }
.error-message { min-height: 0; margin: 0; color: #ff9aaa; font-size: 11px; line-height: 1.55; }
.error-message:not(:empty) { margin-top: 11px; }
.result-box { margin-top: 17px; padding: 17px; border: 1px solid rgba(169,144,255,.18); border-radius: 13px; background: rgba(8,11,20,.56); animation: lift-in .2s ease; }
.result-heading-row { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 10px; }
.result-title { margin: 0; color: #c6c9dc; font-size: 10px; font-weight: 750; letter-spacing: 1px; text-transform: uppercase; }
.result-status { color: #83e6c5; font-size: 9px; font-weight: 750; }
.result-output { display: block; width: 100%; padding: 12px; border: 1px solid rgba(221,222,255,.09); border-radius: 9px; color: #e9e8ff; background: rgba(3,5,10,.6); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 11px; line-height: 1.65; overflow-wrap: anywhere; word-break: break-word; user-select: text; }
.result-actions { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 9px; margin-top: 10px; }
.copy-button, .reset-button { min-height: 42px; border: 1px solid rgba(221,222,255,.13); border-radius: 10px; color: #d9d8ed; background: rgba(255,255,255,.035); font-size: 10px; font-weight: 750; letter-spacing: .8px; text-transform: uppercase; cursor: pointer; transition: background .16s, border-color .16s; }
.copy-button:hover, .reset-button:hover { border-color: rgba(184,164,255,.42); background: rgba(169,144,255,.08); }
.copy-button:disabled { opacity: .6; cursor: wait; }
.copy-icon { margin-right: 8px; color: #c0afff; font-size: 14px; }
.reset-button { padding: 0 15px; color: #a1a6bd; }
.copy-feedback { min-height: 0; margin: 0; color: #8ee7ca; font-size: 10px; line-height: 1.5; }
.copy-feedback:not(:empty) { margin-top: 8px; }
.privacy-note { display: flex; align-items: flex-start; gap: 9px; margin-top: 17px; padding: 12px; border: 1px solid rgba(221,222,255,.065); border-radius: 11px; background: rgba(255,255,255,.018); }
.privacy-icon { color: #b8a4ff; font-size: 13px; }
.privacy-note p { margin: 0; color: #858ba4; font-size: 10px; line-height: 1.6; }
.steps-strip { display: flex; align-items: center; justify-content: center; gap: 11px; margin-top: 21px; color: #6f758e; font-size: 9px; font-weight: 780; letter-spacing: 1.3px; text-transform: uppercase; }
.steps-strip .step-dot { width: 3px; height: 3px; border-radius: 50%; background: #a994ff; }
.info-strip { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; margin-top: 46px; }
.info-item { display: flex; gap: 12px; min-width: 0; padding: 17px; border: 1px solid rgba(221,222,255,.07); border-radius: 14px; background: rgba(255,255,255,.018); }
.info-icon { width: 31px; height: 31px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 10px; color: #c5b6ff; background: rgba(169,144,255,.09); font-size: 14px; }
.info-title { margin: 0 0 5px; color: #e2e4f4; font-size: 11px; font-weight: 720; }
.info-copy { margin: 0; color: #858ba4; font-size: 10px; line-height: 1.65; }
.footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 13px; margin-top: 35px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.065); color: #767c94; font-size: 10px; }
.footer-brand { color: #d7d9eb; font-weight: 750; }
.footer-brand span { color: #ad9cff; }
.footer-note { max-width: 560px; line-height: 1.6; text-align: right; }
@keyframes lift-in { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 900px) { .hero-grid { grid-template-columns: minmax(0,1fr); gap: 34px; } .hero-copy { max-width: 760px; } .hero-description { max-width: 650px; } .workspace { max-width: 680px; width: 100%; margin: 0 auto; } h1 { font-size: clamp(42px, 8vw, 62px); } .page-shell { padding-top: 39px; } }
@media (max-width: 600px) { .header-inner { min-height: 61px; padding: 0 16px; } .brand-mark { width: 33px; height: 33px; border-radius: 11px; } .brand-name { font-size: 13px; } .header-pill { padding: 7px 9px; font-size: 9px; } .page-shell { padding: 31px 15px 30px; } h1 { margin-top: 17px; margin-bottom: 13px; font-size: clamp(38px, 11vw, 54px); letter-spacing: -1.8px; } .hero-description { font-size: 13px; line-height: 1.75; } .mini-benefits { gap: 9px 12px; margin-top: 19px; } .mini-benefit { font-size: 10px; } .converter-card { padding: 19px 16px 16px; border-radius: 16px; } .card-topline { padding-bottom: 15px; } .card-icon { width: 35px; height: 35px; } .card-title { font-size: 13px; } .card-subtitle { font-size: 9px; } .card-state { font-size: 8px; } .form-area { padding-top: 19px; } .input-shell { min-height: 51px; padding: 0 11px; } input[type="url"] { height: 49px; font-size: 11px; } .convert-button { min-height: 48px; font-size: 10px; } .privacy-note p { font-size: 9px; } .info-strip { grid-template-columns: 1fr; gap: 9px; margin-top: 29px; } .info-item { padding: 13px; } .footer { align-items: flex-start; flex-direction: column; margin-top: 27px; } .footer-note { text-align: left; } .steps-strip { font-size: 8px; letter-spacing: 1px; } }
@media (max-width: 330px) { .header-pill { display: none; } .converter-card { padding: 15px 12px; } .result-actions { grid-template-columns: 1fr; } .reset-button { min-height: 38px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; } }


/* Authentication and invitation management */
.header-actions { display: flex; align-items: center; gap: 10px; }
.signout-button { min-height: 34px; padding: 0 12px; border: 1px solid rgba(221,222,255,.12); border-radius: 10px; color: #c9cde0; background: rgba(255,255,255,.03); font-size: 10px; font-weight: 720; cursor: pointer; }
.signout-button:hover { border-color: rgba(184,164,255,.4); background: rgba(169,144,255,.07); }
.setup-notice { display: flex; align-items: flex-start; gap: 16px; width: min(820px, calc(100% - 30px)); margin: 60px auto; padding: 24px; border: 1px solid rgba(255,180,90,.22); border-radius: 16px; background: rgba(37,28,22,.6); }
.setup-icon { display: grid; place-items: center; width: 42px; height: 42px; flex: 0 0 auto; border: 1px solid rgba(255,180,90,.2); border-radius: 13px; color: #ffc782; background: rgba(255,180,90,.08); font-size: 20px; }
.setup-notice h1 { margin: 1px 0 8px; font-size: 20px; letter-spacing: -.4px; }
.setup-notice p { margin: 0; color: #b2b5c6; font-size: 13px; line-height: 1.75; }
.setup-notice code { padding: 2px 5px; border-radius: 5px; color: #e2d8ff; background: rgba(0,0,0,.23); }
.setup-notice a { color: #c4b2ff; text-decoration: underline; text-underline-offset: 3px; }
.auth-wrap { display: grid; place-items: start center; padding: 60px 16px 70px; }
.auth-card { width: min(460px, 100%); padding: 32px; border: 1px solid rgba(221,222,255,.11); border-radius: 22px; background: linear-gradient(155deg, rgba(21,25,41,.96), rgba(11,14,24,.97)); box-shadow: 0 25px 85px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.035); }
.auth-symbol { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 24px; border: 1px solid rgba(190,169,255,.25); border-radius: 15px; color: #d3c6ff; background: linear-gradient(145deg, rgba(172,145,255,.2), rgba(98,158,255,.08)); font-size: 22px; font-weight: 900; }
.auth-title { margin: 18px 0 13px; color: #f6f6ff; font-size: clamp(32px, 7vw, 43px); font-weight: 780; line-height: 1.06; letter-spacing: -1.9px; }
.auth-title span { display: block; margin-top: 4px; background: linear-gradient(95deg, #d6c8ff 0%, #a994ff 40%, #81bdff 100%); background-clip: text; -webkit-background-clip: text; color: transparent; }
.auth-description { margin: 0; color: #a1a6bd; font-size: 13px; line-height: 1.8; }
.invite-details { margin-top: 21px; padding: 14px; border: 1px solid rgba(104,224,189,.18); border-radius: 12px; background: rgba(104,224,189,.045); }
.invite-label { color: #8ee7ca; font-size: 9px; font-weight: 800; letter-spacing: 1.2px; text-transform: uppercase; }
.invite-email { margin-top: 7px; overflow-wrap: anywhere; color: #e9fff8; font-size: 13px; font-weight: 750; }
.invite-expiry { margin: 5px 0 0; color: #8ea99f; font-size: 10px; line-height: 1.5; }
.auth-feedback { margin-top: 16px; color: #aeb5ce; font-size: 11px; line-height: 1.65; }
.auth-feedback:empty { display: none; }
.auth-feedback.is-error { color: #ff9aaa; }
.auth-feedback.is-success { color: #8ee7ca; }
.telegram-button { display: flex; align-items: center; justify-content: center; gap: 12px; width: 100%; min-height: 49px; margin-top: 18px; padding: 12px 14px; border: 1px solid rgba(221,222,255,.14); border-radius: 12px; color: #eff0fc; background: rgba(255,255,255,.045); font-size: 12px; font-weight: 750; cursor: pointer; transition: background .16s, border-color .16s, transform .16s; }
.telegram-button svg { width: 18px; height: 18px; flex: 0 0 auto; }
.telegram-button:hover { border-color: rgba(184,164,255,.38); background: rgba(169,144,255,.075); transform: translateY(-1px); }
.telegram-button:disabled { opacity: .55; cursor: wait; transform: none; }
.google-arrow { margin-left: auto; color: #c6b6ff; font-size: 16px; }
.auth-smallprint { margin: 12px 0 0; color: #777f99; font-size: 10px; line-height: 1.65; text-align: center; }
.auth-divider { display: flex; align-items: center; gap: 10px; margin: 24px 0 14px; color: #707791; font-size: 8px; font-weight: 800; letter-spacing: 1.7px; }
.auth-divider span:first-child, .auth-divider span:last-child { flex: 1; height: 1px; background: rgba(221,222,255,.08); }
.auth-footnote { display: flex; align-items: flex-start; gap: 9px; color: #838aa4; font-size: 10px; line-height: 1.65; }
.auth-footnote span:first-child { color: #b8a4ff; }
.admin-panel { margin-bottom: 47px; padding: 25px; border: 1px solid rgba(190,169,255,.18); border-radius: 18px; background: linear-gradient(145deg, rgba(20,23,38,.96), rgba(12,15,25,.95)); box-shadow: 0 18px 45px rgba(0,0,0,.16); }
.admin-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.admin-heading h2 { margin: 13px 0 7px; color: #f4f4ff; font-size: 23px; letter-spacing: -.7px; }
.admin-heading p { margin: 0; color: #969db5; font-size: 12px; line-height: 1.6; }
.invite-form { display: grid; grid-template-columns: minmax(0,1fr) 135px auto; align-items: end; gap: 11px; margin-top: 23px; padding: 17px; border: 1px solid rgba(221,222,255,.075); border-radius: 13px; background: rgba(0,0,0,.13); }
.invite-field { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.invite-field label, .invite-result label { color: #bbc0d6; font-size: 10px; font-weight: 750; letter-spacing: .65px; }
.invite-field input, .invite-field select, .invite-link-row input { width: 100%; min-width: 0; height: 42px; padding: 0 11px; border: 1px solid rgba(221,222,255,.13); border-radius: 9px; outline: none; color: #edf0ff; background: rgba(5,7,13,.65); font-size: 11px; }
.invite-field select { color-scheme: dark; }
.invite-field input:focus, .invite-field select:focus, .invite-link-row input:focus { border-color: rgba(184,164,255,.58); }
.primary-button, .secondary-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 41px; padding: 0 14px; border: 1px solid rgba(200,185,255,.27); border-radius: 10px; color: #f8f6ff; background: linear-gradient(105deg, rgba(127,105,216,.8), rgba(119,140,240,.8)); font-size: 10px; font-weight: 800; cursor: pointer; white-space: nowrap; }
.primary-button:hover { filter: brightness(1.1); }
.primary-button:disabled, .secondary-button:disabled { opacity: .55; cursor: wait; }
.secondary-button { border-color: rgba(221,222,255,.13); color: #c9cde0; background: rgba(255,255,255,.035); }
.secondary-button:hover { border-color: rgba(184,164,255,.4); background: rgba(169,144,255,.07); }
.admin-feedback { min-height: 0; margin: 0; color: #a7b0ca; font-size: 11px; line-height: 1.6; }
.admin-feedback:not(:empty) { margin-top: 12px; }
.admin-feedback.is-error { color: #ff9aaa; }
.admin-feedback.is-success { color: #8ee7ca; }
.invite-result { margin-top: 14px; padding: 15px; border: 1px solid rgba(104,224,189,.16); border-radius: 12px; background: rgba(104,224,189,.035); }
.invite-link-row { display: flex; gap: 9px; margin-top: 9px; }
.invite-link-row input { flex: 1; }
.invite-result p { margin: 9px 0 0; color: #8c9a9d; font-size: 10px; line-height: 1.6; }
.admin-lists { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; margin-top: 24px; }
.admin-list-section { min-width: 0; padding: 15px; border: 1px solid rgba(221,222,255,.075); border-radius: 13px; background: rgba(0,0,0,.12); }
.admin-list-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 11px; }
.admin-list-heading h3 { margin: 0; color: #d9dbed; font-size: 11px; font-weight: 750; }
.admin-list-heading > span { display: inline-grid; place-items: center; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 7px; color: #cdbfff; background: rgba(169,144,255,.12); font-size: 10px; font-weight: 800; }
.admin-list { display: flex; flex-direction: column; gap: 8px; }
.access-list-item { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px; border: 1px solid rgba(221,222,255,.06); border-radius: 10px; background: rgba(255,255,255,.018); }
.access-item-copy { min-width: 0; }
.access-item-email { overflow-wrap: anywhere; color: #dfe2f4; font-size: 10px; font-weight: 700; line-height: 1.5; }
.access-item-meta { margin-top: 3px; color: #858ba4; font-size: 9px; line-height: 1.5; }
.danger-small-button { flex: 0 0 auto; min-height: 30px; padding: 0 9px; border: 1px solid rgba(255,125,150,.18); border-radius: 8px; color: #ff9aaa; background: rgba(255,100,140,.04); font-size: 9px; font-weight: 750; cursor: pointer; }
.danger-small-button:hover { border-color: rgba(255,125,150,.4); background: rgba(255,100,140,.09); }
.list-empty { margin: 0; padding: 9px 2px; color: #858ba4; font-size: 10px; line-height: 1.6; }
@media (max-width: 650px) {
  .header-inner { gap: 8px; }
  .header-actions { gap: 6px; }
  .header-pill { font-size: 8px; }
  .signout-button { min-height: 31px; padding: 0 8px; font-size: 9px; }
  .auth-wrap { padding: 32px 14px 45px; }
  .auth-card { padding: 24px 19px; border-radius: 18px; }
  .setup-notice { margin: 32px auto; padding: 18px; }
  .admin-panel { padding: 17px; margin-bottom: 32px; }
  .admin-heading { align-items: flex-start; }
  .admin-heading h2 { font-size: 20px; }
  .invite-form { grid-template-columns: minmax(0,1fr) minmax(100px, .55fr); padding: 12px; }
  .invite-form .primary-button { grid-column: 1 / -1; width: 100%; }
  .admin-lists { grid-template-columns: 1fr; }
}
@media (max-width: 370px) {
  .header-pill { display: none; }
  .auth-card { padding: 21px 15px; }
  .invite-form { grid-template-columns: 1fr; }
  .invite-form .primary-button { grid-column: auto; }
  .invite-link-row { flex-direction: column; }
}


.identity-chip { display: inline-flex; align-items: center; gap: 8px; max-width: 100%; margin-top: 17px; padding: 7px 11px; border: 1px solid rgba(169,144,255,.17); border-radius: 999px; color: #d9d2ff; background: rgba(169,144,255,.06); font-size: 10px; font-weight: 700; overflow-wrap: anywhere; }
.identity-dot { width: 6px; height: 6px; flex: 0 0 auto; border-radius: 50%; background: #68e0bd; box-shadow: 0 0 8px rgba(104,224,189,.35); }
.request-access-button { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 46px; margin-top: 12px; padding: 11px 14px; border: 1px solid rgba(200,185,255,.29); border-radius: 12px; color: #e8e3ff; background: rgba(169,144,255,.10); font-size: 11px; font-weight: 800; cursor: pointer; transition: background .16s, border-color .16s; }
.request-access-button:hover { border-color: rgba(184,164,255,.55); background: rgba(169,144,255,.16); }
.request-access-button:disabled { opacity: .55; cursor: wait; }