:root{
  --bg:#F4F5F0;--surface:#FFFFFF;--sunk:#EEF0E9;--ink:#111111;--muted:#5F635C;--line:#E2E5DC;
  --lime:#CDFF00;--lime-edge:#B3E000;--lime-soft:#F3FFD1;--lime-ink:#3F6100;
  --accent:#111111;--accent-ink:#CDFF00;--in:#3F6100;--in-bg:#F3FFD1;--warn:#B3401A;--warn-bg:#FDEDE6;
  color-scheme:light;box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);
}
*,*::before,*::after{box-sizing:inherit}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Archivo",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:16px;line-height:1.45;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.hidden{display:none!important}

/* header */
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--surface);border-bottom:1px solid var(--line)}
.bar{max-width:1440px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.ev{font-stretch:75%;font-weight:800;font-size:1.35rem;letter-spacing:-.01em;margin:0;flex:1 1 220px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sync{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--muted);white-space:nowrap}
.dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}
.sync.live .dot{background:var(--in)} .sync.warn .dot{background:var(--warn)}
.tabs{display:flex;gap:4px}
.tab{border:0;background:transparent;padding:8px 12px;border-radius:8px;color:var(--muted);font-weight:600}
.tab[aria-selected="true"]{background:var(--sunk);color:var(--ink)}

main{max-width:1440px;margin:0 auto;padding:20px}
.banner{background:var(--warn-bg);color:var(--warn);padding:10px 14px;border-radius:10px;margin-bottom:16px;font-size:.92rem}

/* day switcher — the hero */
.days{display:flex;gap:0;border:2px solid var(--ink);border-radius:14px;overflow:hidden;width:max-content;max-width:100%}
.day{border:0;background:transparent;padding:10px 18px;text-align:left;min-width:120px;border-right:2px solid var(--ink)}
.day:last-child{border-right:0}
.day b{display:block;font-stretch:80%;font-size:1.05rem}
.day span{font-size:.82rem;color:var(--muted)}
.day[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
.day[aria-pressed="true"] span{color:inherit;opacity:.75}

.top{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end;margin-bottom:18px}
.count{text-align:right}
.count .big{font-stretch:62%;font-weight:800;font-size:clamp(2.6rem,7vw,4.2rem);line-height:.9;letter-spacing:-.02em}
.count .big small{font-size:.45em;color:var(--muted);font-weight:600}
.count .lab{color:var(--muted);font-size:.88rem}

.searchwrap{position:relative;margin-bottom:12px}
#q{width:100%;margin-bottom:12px;font-size:clamp(1.3rem,3.2vw,1.8rem);font-stretch:85%;font-weight:600;padding:16px 18px;border:2px solid var(--line);border-radius:14px;background:var(--surface)}
#q:focus{border-color:var(--accent);outline:none}
#q::placeholder{color:var(--muted);font-weight:500}
.hint{font-size:.82rem;color:var(--muted);margin:0 0 14px}

.tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.seg{display:flex;background:var(--sunk);border-radius:10px;padding:3px}
.seg button{border:0;background:transparent;padding:6px 12px;border-radius:8px;font-weight:600;color:var(--muted);font-size:.92rem}
.seg button[aria-pressed="true"]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.grow{flex:1}
.btn{border:1.5px solid var(--line);background:var(--surface);padding:8px 14px;border-radius:10px;font-weight:600}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.btn.danger{color:var(--warn);border-color:var(--warn)}
.btn:disabled{opacity:.5;cursor:not-allowed}
.listinfo{font-size:.85rem;color:var(--muted);margin:0 0 8px}

/* rows */
#list{display:flex;flex-direction:column;gap:6px}
.row{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;background:var(--surface);border:1px solid var(--line);border-left:6px solid var(--line);border-radius:10px;padding:12px 14px;cursor:pointer}
.row.in{border-left-color:var(--in)}
.nm{font-weight:700;font-size:1.12rem;line-height:1.25}
.ttl{color:var(--muted);font-weight:500;margin-right:4px}
.tag{display:inline-block;font-size:.72rem;font-weight:700;padding:1px 7px;border-radius:6px;background:var(--sunk);color:var(--muted);vertical-align:2px;margin-left:6px}
.meta{color:var(--ink);font-size:.95rem}
.sub{color:var(--muted);font-size:.85rem;display:flex;gap:14px;flex-wrap:wrap}
.chips{display:flex;gap:4px}
.chip{font-size:.78rem;font-weight:700;padding:3px 8px;border-radius:7px;background:var(--sunk);color:var(--muted);white-space:nowrap}
.chip.on{background:var(--in-bg);color:var(--in)}
.act{min-width:132px;padding:12px 16px;border-radius:10px;border:0;background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:1rem}
.act.done{background:var(--in-bg);color:var(--in)}
.empty{background:var(--surface);border:1.5px dashed var(--line);border-radius:14px;padding:32px;text-align:center;color:var(--muted)}
.empty h2{color:var(--ink);font-stretch:80%;margin:0 0 6px}

/* setup */
.sect{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:16px}
.sect h2{font-stretch:80%;font-size:1.25rem;margin:0 0 4px}
.sect p.d{color:var(--muted);margin:0 0 14px;font-size:.92rem;max-width:70ch}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
label.f{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--muted);font-weight:600}
label.f input,label.f select{padding:9px 10px;border:1.5px solid var(--line);border-radius:9px;background:var(--bg);color:var(--ink);font-weight:500;font-size:.95rem}
.checks{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:6px}
.checks label{display:flex;gap:6px;align-items:center;font-size:.9rem}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;align-items:center}
.note{font-size:.88rem;color:var(--muted)}
.scroll{overflow-x:auto;max-width:100%}
table.pv{border-collapse:collapse;font-size:.82rem;margin-top:10px}
table.pv th,table.pv td{border:1px solid var(--line);padding:4px 8px;text-align:left;white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}
table.pv th{background:var(--sunk)}
textarea{width:100%;min-height:140px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.8rem;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:8px}

/* all attendees table */
.tblwrap{overflow-x:auto;max-width:100%;background:var(--surface);border:1px solid var(--line);border-radius:12px}
table.data{border-collapse:collapse;font-size:.86rem;width:max-content;min-width:100%}
table.data th,table.data td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;max-width:260px;overflow:hidden;text-overflow:ellipsis}
table.data th{background:var(--sunk);font-weight:700;position:sticky;top:0}
table.data tbody tr{cursor:pointer}
table.data tbody tr:hover td{background:var(--sunk)}
table.data td.on{color:var(--in);font-weight:700}
.ain{flex:1 1 260px;padding:9px 12px;border:1.5px solid var(--line);border-radius:10px;background:var(--surface)}
.pager{display:flex;gap:10px;align-items:center;margin-top:12px}
/* events */
.evcard{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--line);border-left:6px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:8px}
.evcard.cur{border-left-color:var(--accent)}
.evcard h3{margin:0;font-stretch:80%;font-size:1.15rem}
.evcard .btns{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.qrbox{margin-top:14px;display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap}
.qrbox .qr{background:#fff;padding:12px;border-radius:10px;border:1px solid var(--line)}
.qrbox .qr img,.qrbox .qr canvas{width:220px!important;height:220px!important;display:block}
.radios{display:flex;gap:18px;flex-wrap:wrap;margin:12px 0 4px}
.radios label{display:flex;gap:6px;align-items:center}
@media (max-width:680px){.evcard{grid-template-columns:1fr}.evcard .btns{justify-content:flex-start}}
.mini{border:0;background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:.8rem;padding:5px 10px;border-radius:7px}
.mini:disabled{opacity:.5}
/* registration page */
.reg{max-width:760px;margin:0 auto;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:28px}
.reg h2{font-stretch:75%;font-size:clamp(1.8rem,4vw,2.4rem);line-height:1.05;margin:0 0 6px}
.reg .grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-top:20px}
.reg label.f input,.reg label.f select{font-size:1.1rem;padding:13px 12px}
.reg .req{color:var(--warn)}
.btn.big{font-size:1.15rem;padding:14px 28px}
.regdone{text-align:center;padding:40px 10px}
.regdone h2{color:var(--in)}
.regfoot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:22px;flex-wrap:wrap}
/* dialogs */
dialog{border:0;border-radius:16px;padding:0;width:min(560px,94vw);background:var(--surface);color:var(--ink);box-shadow:0 20px 60px rgba(0,0,0,.3)}
dialog::backdrop{background:rgba(10,20,24,.45)}
.dlg{padding:22px;max-height:85vh;overflow:auto}
.dlg h2{margin:0 0 2px;font-stretch:80%;font-size:1.5rem}
dl.kv{display:grid;grid-template-columns:minmax(110px,40%) 1fr;gap:6px 14px;margin:16px 0;font-size:.92rem}
dl.kv dt{color:var(--muted)} dl.kv dd{margin:0;word-break:break-word}
.daytoggles{display:grid;gap:8px;margin-top:8px}
.dt{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:var(--sunk)}
.dt.on{background:var(--in-bg)}

#toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:12px 18px;border-radius:12px;font-weight:600;max-width:92vw;z-index:20;opacity:0;pointer-events:none;transition:opacity .2s}
#toast.show{opacity:1}
#toast.ok{background:var(--in);color:#fff}
#toast.warn{background:var(--warn);color:#fff}

@media (max-width:680px){
  .top{grid-template-columns:1fr}
  .count{text-align:left}
  .row{grid-template-columns:1fr auto}
  .chips{grid-column:1/-1;order:3}
  .act{min-width:0}
  .day{min-width:0;padding:8px 12px}
}
@media (prefers-reduced-motion:reduce){#toast{transition:none}}

/* header extras */
.me{display:flex;gap:10px;align-items:center;font-size:.88rem;white-space:nowrap}
.me a{color:var(--accent);font-weight:600;text-decoration:none}
.me a:hover{text-decoration:underline}
.btn{text-decoration:none;display:inline-block;color:inherit}
.btn.primary{color:var(--accent-ink)}
textarea,.copyrow input{font:inherit}
.copyrow{display:flex;gap:8px;flex-wrap:wrap}
.copyrow input{flex:1 1 280px;padding:9px 10px;border:1.5px solid var(--line);border-radius:9px;background:var(--bg);color:var(--ink)}
.toggle{display:flex;gap:8px;align-items:center;margin-top:12px;font-size:.95rem}
/* users */
table.users{border-collapse:collapse;width:100%;font-size:.92rem}
table.users th,table.users td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
table.users th{color:var(--muted);font-weight:600;font-size:.82rem}
table.users td .btn{padding:5px 10px;font-size:.85rem}
.off{color:var(--muted)}
/* sign-in, install, public registration */
.authpage{min-height:100vh;display:grid;place-items:center;padding:20px}
.authcard{width:min(420px,100%);background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:28px}
.authcard h1{font-stretch:75%;font-size:2rem;margin:0 0 4px;line-height:1.05}
.authcard form{display:grid;gap:14px;margin-top:18px}
.authmsg{background:var(--warn-bg);color:var(--warn);padding:10px 12px;border-radius:10px;font-size:.92rem}
.authmsg.ok{background:var(--in-bg);color:var(--in)}
.regpage main{padding-top:max(20px,3vh)}
.regpage .reg{margin-bottom:30px}
.regpage form .btn.big{width:100%;margin-top:6px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media (max-width:680px){.reg{padding:20px}.me{order:3}}

/* registration form */
.rgrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;margin:18px 0 16px}
.rgrid .f span{font-size:.8rem}
.rgrid .opt{font-style:normal;font-weight:500;color:var(--muted)}
.c2{grid-column:span 2}.c4{grid-column:span 4}.c5{grid-column:span 5}.c6{grid-column:span 6}.c10{grid-column:span 10}
.rgrid select:disabled{opacity:.6}
.rgrid .code{text-align:center;padding-left:4px!important;padding-right:4px!important}
.rgrid .bad input,.rgrid .bad select{border-color:var(--warn);background:var(--warn-bg)}
.regpage .send{width:100%}
.staffmode{background:transparent}
.staffmode .reg{border:0;padding:4px;max-width:none;background:transparent}
.staffmode main{padding:0}
#regFrame{width:100%;min-height:900px;border:0;display:block;background:transparent}
@media (max-width:760px){
  .c4,.c5,.c6{grid-column:span 12}
  .c2{grid-column:span 3}.c10{grid-column:span 9}
  .rgrid>.c2:first-child{grid-column:span 12}
}

/* ---------- white theme with black + lime ---------- */
::selection{background:var(--lime);color:#000}
header{background:#fff;border-bottom:1px solid var(--line);box-shadow:0 1px 0 rgba(0,0,0,.02)}
header::before{content:"";display:block;height:4px;background:linear-gradient(90deg,#111 0 30%,var(--lime) 30% 100%)}
.ev{text-transform:uppercase;letter-spacing:.01em;display:flex;align-items:center;gap:10px}
.ev::before{content:"";flex:none;width:12px;height:12px;border-radius:3px;background:var(--lime);box-shadow:0 0 0 2px #111}
.tab[aria-selected="true"]{background:#111;color:var(--lime)}
.tab:hover{color:var(--ink)}
.days{border-color:#111}
.day{border-right-color:#111}
.day[aria-pressed="true"]{background:#111;color:#fff}
.day[aria-pressed="true"] b{color:var(--lime)}
.count .big{display:inline-block;background:linear-gradient(transparent 62%,var(--lime) 62% 90%,transparent 90%)}
#q{border-color:#D6D9CF}
#q:focus,.ain:focus,label.f input:focus,label.f select:focus,label.f textarea:focus{border-color:#111;outline:none;box-shadow:0 0 0 4px rgba(205,255,0,.55)}
.seg button[aria-pressed="true"]{background:#111;color:var(--lime);box-shadow:none}
.btn{background:#fff;border-color:#D6D9CF}
.btn:hover{border-color:#111}
.btn.primary{background:#111;border-color:#111;color:var(--lime)}
.btn.primary:hover{background:#000}
.btn.danger{background:#fff}
.row{transition:border-color .15s}
.row:hover{border-color:#cfd3c6}
.row.in{border-left-color:var(--lime);background:linear-gradient(90deg,var(--lime-soft),#fff 40%)}
.act{background:var(--lime);color:#000;border:1.5px solid var(--lime-edge)}
.act:hover{filter:brightness(.97)}
.act.done{background:#fff;color:var(--lime-ink);border:1.5px solid var(--lime-edge)}
.chip.on{background:var(--lime);color:#000}
.tag{background:#111;color:var(--lime)}
.mini{background:var(--lime);color:#000;border:1px solid var(--lime-edge)}
table.data th{background:#111;color:var(--lime);text-transform:uppercase;font-size:.72rem;letter-spacing:.05em}
table.data td.on{color:var(--lime-ink)}
table.data tbody tr:hover td{background:var(--lime-soft)}
.evcard.cur{border-left-color:var(--lime)}
.sect h2,.empty h2{display:flex;align-items:center;gap:8px}
.sect h2::before{content:"";width:8px;height:18px;border-radius:2px;background:var(--lime);box-shadow:inset 0 0 0 1px var(--lime-edge)}
#toast{background:#111;color:#fff}
#toast.ok{background:#111;color:var(--lime)}
#toast.warn{background:var(--warn);color:#fff}
.dt.on{background:var(--lime-soft)}

/* registration page */
.regpage{min-height:100vh;background:
  radial-gradient(700px 360px at 100% 0%,rgba(205,255,0,.45),transparent 60%),
  radial-gradient(520px 300px at 0% 100%,rgba(205,255,0,.25),transparent 60%),var(--bg)}
.regpage .reg{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:20px;padding:34px;box-shadow:0 24px 60px rgba(17,17,17,.08)}
.regpage .reg::before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:linear-gradient(90deg,#111 0 35%,var(--lime) 35% 100%)}
.kicker{display:inline-block;color:var(--lime);background:#111;font-weight:800;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;padding:6px 11px;border-radius:6px;margin-bottom:12px}
.regpage h2{font-size:clamp(2rem,6vw,2.9rem);text-transform:uppercase;letter-spacing:-.01em;margin:0 0 4px}
.regpage .lead{color:var(--muted);margin:0}
.rgrid .f span{color:#3b3e38;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:700}
.rgrid label.f input,.rgrid label.f select{background:#FAFBF7;border:1.5px solid #DADDD3;border-radius:10px;color:var(--ink)}
.rgrid label.f input:hover,.rgrid label.f select:hover{border-color:#bfc3b6}
.rgrid .code{background:var(--lime-soft)!important;border-color:var(--lime-edge)!important;font-weight:800;color:#000}
.regpage .send{margin-top:8px;font-size:1.05rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;padding:16px;border-radius:12px;background:#111;color:var(--lime);border:0}
.regpage .send:hover{background:var(--lime);color:#000}
.regdone{padding:30px 6px}
.regdone::before{content:"";display:block;width:84px;height:84px;margin:0 auto 18px;border-radius:50%;background:var(--lime) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/46px no-repeat;box-shadow:0 0 0 8px var(--lime-soft)}
.staffmode{background:transparent}
.staffmode .reg{background:transparent;border:0;box-shadow:none;padding:4px}
.staffmode .reg::before{display:none}
.authpage{background:radial-gradient(700px 360px at 50% -5%,rgba(205,255,0,.45),transparent 60%),var(--bg)}
.authcard{position:relative;overflow:hidden;box-shadow:0 24px 60px rgba(17,17,17,.08)}
.authcard::before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:linear-gradient(90deg,#111 0 35%,var(--lime) 35% 100%)}
.authcard h1{text-transform:uppercase}
.authcard .btn.primary{width:100%}
@media (max-width:760px){.regpage .reg{padding:26px 18px;border-radius:16px}}
.regpage .reg{margin:clamp(14px,4vh,40px) auto}
.staffmode .reg{margin:0}
/* menu hover */
.tab{transition:background .15s,color .15s}
.tab:hover{background:var(--sunk);color:var(--ink)}
.tab[aria-selected="true"],.tab[aria-selected="true"]:hover{background:#111;color:var(--lime)}

/* check in & copy */
.acts{display:flex;gap:6px;align-items:stretch}
.cpy{border:1.5px solid #D6D9CF;background:#fff;border-radius:10px;padding:0 14px;font-weight:700;color:var(--ink)}
.cpy:hover{border-color:#111;background:var(--lime-soft)}
.copylist{display:grid;gap:6px;max-width:560px}
.copyitem{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}
.copyitem label{display:flex;gap:8px;align-items:center;font-weight:600}
.copyitem:has(input:checked){background:var(--lime-soft);border-color:var(--lime-edge)}
.mv{border:1px solid var(--line);background:#fff;border-radius:7px;width:30px;height:28px;font-weight:700;margin-left:4px}
.mv:hover{border-color:#111}

/* edit record */
.editgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:16px 0}
.editgrid label.f input{padding:8px 10px;border:1.5px solid var(--line);border-radius:9px;background:var(--bg);font-weight:500}
dialog:has(.editgrid){width:min(820px,96vw)}

/* select & delete attendees */
table.data th.ck,table.data td.ck{width:36px;text-align:center;padding-left:12px;padding-right:4px;cursor:default}
table.data input[type=checkbox]{width:17px;height:17px;accent-color:#111;cursor:pointer;vertical-align:middle}
table.data tbody tr.sel td{background:var(--lime-soft)}
.selbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#111;color:#fff;border-radius:12px;padding:10px 14px;margin:0 0 10px}
.selbar b{color:var(--lime)}
.selbar .btn{background:#fff;color:#111;border-color:#fff;padding:6px 12px}
.selbar .btn.danger{background:#B3401A;border-color:#B3401A;color:#fff}

/* arrange table columns */
.colpanel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;margin:0 0 12px}
.colpanel h3{margin:0 0 4px;font-stretch:80%;font-size:1.1rem}
.colgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px;margin:12px 0}
.colgrid .copyitem{cursor:grab}
.colgrid .copyitem.drag{opacity:.4}
.colgrid .copyitem.over{outline:2px dashed #111}
.copyitem input[type=checkbox]{accent-color:#111;width:16px;height:16px}

/* brand credit */
.credit{text-align:center;font-size:.78rem;color:var(--muted);margin:28px 0 24px;letter-spacing:.01em}
.credit b{color:var(--ink);font-weight:700}
.credit b::before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--lime);box-shadow:0 0 0 1.5px #111;margin-right:6px;vertical-align:1px}
.authwrap{display:flex;flex-direction:column;align-items:center;width:min(420px,100%)}
.authwrap .authcard{width:100%}
.authwrap .credit{margin:16px 0 0}
.authcard h1{text-transform:none;letter-spacing:-.01em}