.gnumac-ac-page{
  --ac-primary: #9E1B24;
  --ac-accent: #E2683C;
  --ac-bg: #FCFCFD;
  --ac-card: #FFFFFF;
  --ac-ink: #141830;
  --ac-on-primary: #ffffff;
  --ac-primary-text: color-mix(in srgb, var(--ac-primary) 42%, var(--ac-ink));
  --ac-ok: #1e8e5a;
  --ac-warn: #9a6b0f;
  --ac-danger: #c53939;
  --ac-shadow: #141830;
  --ac-r: 12px;
  --ac-font-head: "Chivo", "PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif;
  --ac-font-body: "Inter", "PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif;
  --ac-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
width:100%;
min-width:0;
padding:var(--hero-top) var(--gutter) var(--space-close);
background:var(--light);
color:var(--ink);
font-family:var(--f-body);
overflow-x:clip;
}
.gnumac-ac-page [hidden]{display:none!important}
.gnumac-ac-gate{
width:100%;
max-width:42rem;
margin-inline:auto;
display:grid;
gap:var(--space-4);
}
.gnumac-ac-introduction{
display:grid;
gap:var(--space-field);
padding-inline:var(--space-4);
}
.gnumac-ac-introduction h1{
font-size:clamp(2rem,4vw,3rem);
line-height:var(--lh-heading);
}
.gnumac-ac-introduction p{
max-width:38rem;
color:var(--muted);
font-size:var(--text-base);
}
.gnumac-ac-entry{
padding:var(--space-5);
background:var(--lav);
color:var(--lav-ink);
border-radius:var(--r-panel);
box-shadow:var(--shadow);
}
.gnumac-ac-entry-form{
display:grid;
align-content:start;
gap:var(--space-4);
width:100%;
min-width:0;
}
.gnumac-ac-entry-submit{
width:100%;
min-height:var(--control-lg);
}
.gnumac-ac-entry-submit svg{flex:none}
.gnumac-ac-field{
display:grid;
align-content:start;
gap:var(--space-field);
min-width:0;
font-size:var(--text-sm);
font-weight:600;
line-height:var(--lh-small);
}
.gnumac-ac-field input,
.gnumac-ac-field textarea{
width:100%;
min-width:0;
min-height:var(--control-lg);
padding:var(--space-3);
border:1px solid var(--input-line);
border-radius:var(--r-m);
background:var(--surface);
color:var(--ink);
font-family:var(--f-body);
font-size:var(--text-base);
font-weight:400;
line-height:var(--lh-small);
}
.gnumac-ac-field textarea{
height:auto;
min-height:7.5rem;
resize:vertical;
}
.gnumac-ac-field input::placeholder,
.gnumac-ac-field textarea::placeholder{color:var(--soft);opacity:1}
.gnumac-ac-field input:focus,
.gnumac-ac-field textarea:focus{
outline:2px solid var(--primary);
outline-offset:2px;
}
.gnumac-ac-field input[aria-invalid=true],
.gnumac-ac-field textarea[aria-invalid=true]{border-color:var(--primary)}
.gnumac-ac-email-chip{
display:inline-flex;
align-items:center;
width:fit-content;
max-width:100%;
padding:var(--space-2) var(--space-3);
border-radius:var(--r-pill);
background:var(--surface);
color:var(--ink);
font-size:var(--text-sm);
font-family:var(--f-mono);
overflow-wrap:anywhere;
}
.gnumac-ac-authentication{
display:grid;
gap:var(--space-4);
padding:0;
min-width:0;
border:0;
}
.gnumac-ac-form-caption{
padding:0;
margin-bottom:var(--space-3);
font-family:var(--f-head);
font-size:var(--text-card);
font-weight:800;
}
.gnumac-ac-method-pair{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-field);
}
.gnumac-ac-tab{
display:flex;
align-items:center;
justify-content:center;
min-height:var(--control-lg);
padding:var(--space-3) var(--space-4);
border:0;
border-radius:var(--r-m);
background:var(--surface);
color:var(--lav-ink);
font-size:var(--text-sm);
font-weight:600;
white-space:normal;
}
.gnumac-ac-tab:hover{background:var(--well);color:var(--ink)}
.gnumac-ac-tab.is-on,
.gnumac-ac-tab[aria-selected=true]{
background:var(--primary);
color:var(--ac-on-primary);
}
.gnumac-ac-authentication-block{
display:grid;
gap:var(--space-3);
align-content:start;
}
.gnumac-ac-authentication-block>.gnumac-ac-btn{justify-self:start}
.gnumac-ac-link{
justify-self:start;
padding:0;
border:0;
background:transparent;
color:var(--primary);
font-size:var(--text-sm);
text-decoration:underline;
text-underline-offset:.2em;
}
.gnumac-ac-link:hover{color:var(--primary-hover)}
.gnumac-ac-form-intro{
display:grid;
gap:var(--space-field);
min-width:0;
}
.gnumac-ac-form-intro h2,
.gnumac-ac-form-intro h3{
font-size:var(--text-card);
line-height:1.35;
}
.gnumac-ac-form-intro p{font-size:var(--text-sm)}
.gnumac-ac-verification{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(8rem,.7fr);
align-items:end;
gap:var(--space-field);
min-width:0;
}
.gnumac-ac-verification>.gnumac-ac-btn{min-height:var(--control-lg)}
.gnumac-ac-gate-foot{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:var(--space-4);
align-items:center;
padding:var(--space-2) var(--space-4);
}
.gnumac-ac-gate-fact{
display:flex;
align-items:flex-start;
gap:var(--space-field);
color:var(--muted);
font-size:var(--text-xs);
}
.gnumac-ac-gate-fact svg{width:1.25rem;height:1.25rem;flex:none}
.gnumac-ac-gate-fact span{min-width:0}
.gnumac-ac-btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:var(--space-2);
min-height:var(--control-h);
max-width:100%;
padding:var(--space-2) var(--space-4);
border:0;
border-radius:var(--r-pill);
background:var(--well);
color:var(--ink);
font-family:var(--f-body);
font-size:var(--text-sm);
font-weight:600;
line-height:var(--lh-small);
text-align:center;
text-decoration:none;
white-space:normal;
overflow-wrap:break-word;
transition:background var(--duration),box-shadow var(--duration);
}
.gnumac-ac-btn:hover{background:var(--lav);color:var(--lav-ink)}
.gnumac-ac-btn-primary{
background:var(--primary);
color:var(--ac-on-primary);
}
.gnumac-ac-btn-primary:hover{
background:var(--primary-hover);
color:var(--ac-on-primary);
}
.gnumac-ac-btn-line{
background:var(--surface);
color:var(--ink);
border:1px solid color-mix(in srgb,var(--ink) 30%,transparent);
}
.gnumac-ac-btn-line:hover{
background:var(--well);
color:var(--ink);
box-shadow:inset 0 0 0 1px var(--input-line);
}
.gnumac-ac-btn-danger{
background:var(--cream-ink);
color:var(--light);
box-shadow:inset 0 0 0 2px var(--cream-ink);
}
.gnumac-ac-btn-danger:hover{
background:var(--dark);
color:var(--light);
box-shadow:inset 0 0 0 2px var(--cream-ink);
}
.gnumac-ac-btn-sm{min-height:2rem;padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}
.gnumac-ac-btn:disabled,
.gnumac-ac-tab:disabled,
.gnumac-ac-copy:disabled{opacity:.6;cursor:wait}
.gnumac-ac-btn:focus-visible,
.gnumac-ac-tab:focus-visible,
.gnumac-ac-dtab:focus-visible,
.gnumac-ac-copy:focus-visible,
.gnumac-ac-link:focus-visible{
outline:2px solid var(--primary);
outline-offset:4px;
}
.gnumac-ac-dash{
display:grid;
gap:var(--space-5);
width:100%;
max-width:var(--wrap);
margin-inline:auto;
min-width:0;
}
.gnumac-ac-workspace-tools{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
gap:var(--space-3);
min-width:0;
}
.gnumac-ac-utility-actions{
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
gap:var(--space-2);
min-width:0;
}
.gnumac-ac-workspace-index{
display:grid;
grid-template-columns:minmax(12rem,.65fr) minmax(0,2fr);
gap:var(--space-5);
align-items:center;
}
.gnumac-ac-workspace-index h1{
font-size:clamp(2rem,3vw,3rem);
line-height:var(--lh-heading);
min-width:0;
}
.gnumac-ac-index-cards{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:var(--space-field);
align-items:stretch;
min-width:0;
}
.gnumac-ac-dtab{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:flex-start;
gap:var(--space-field);
min-width:0;
min-height:var(--control-lg);
padding:var(--space-4);
border:0;
border-radius:var(--r-m);
background:var(--well);
color:var(--muted);
text-align:left;
font-size:var(--text-sm);
font-weight:600;
line-height:var(--lh-small);
overflow-wrap:break-word;
}
.gnumac-ac-dtab svg{flex:none}
.gnumac-ac-dtab span{min-width:0}
.gnumac-ac-dtab:hover{background:var(--sky);color:var(--sky-ink)}
.gnumac-ac-dtab.is-on,
.gnumac-ac-dtab[aria-selected=true],
.gnumac-ac-dtab[aria-checked=true]{
background:var(--primary);
color:var(--ac-on-primary);
box-shadow:var(--shadow);
}
.gnumac-ac-count{
display:inline-flex;
align-items:center;
justify-content:center;
flex:none;
height:1.5rem;
min-width:1.5rem;
padding-inline:var(--space-1);
border-radius:var(--r-pill);
background:var(--surface);
color:var(--primary);
font-size:var(--text-xs);
line-height:1;
font-variant-numeric:tabular-nums;
}
.gnumac-ac-folio{
min-width:0;
border-radius:var(--r-panel);
background:var(--lav);
color:var(--lav-ink);
overflow:hidden;
}
.gnumac-ac-panel-slot{padding:var(--space-5);min-width:0}
.gnumac-ac-panel{display:grid;gap:var(--space-4);min-width:0}
.gnumac-ac-panel-heading{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
gap:var(--space-3);
min-width:0;
}
.gnumac-ac-panel-heading h2{
min-width:0;
font-size:var(--text-reading);
line-height:var(--lh-heading);
}
.gnumac-ac-records{display:grid;gap:var(--space-3);min-width:0}
.gnumac-ac-account-imprint{
display:flex;
flex-wrap:wrap;
align-items:baseline;
gap:var(--space-field) var(--space-3);
padding:var(--space-4) var(--space-5);
background:var(--sky);
color:var(--sky-ink);
font-size:var(--text-xs);
}
.gnumac-ac-account-imprint strong{
min-width:0;
font-size:var(--text-sm);
font-weight:600;
overflow-wrap:anywhere;
}
.gnumac-ac-item{
display:grid;
gap:var(--space-3);
width:100%;
min-width:0;
padding:var(--space-4);
border-radius:var(--r-l);
background:var(--surface);
color:var(--ink);
box-shadow:0 1px 2px color-mix(in srgb,var(--dark) 6%,transparent);
}
.gnumac-ac-item.is-open{
background:var(--surface);
color:var(--ink);
box-shadow:inset 0 0 0 2px var(--primary);
}
.gnumac-ac-item-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
flex-wrap:wrap;
gap:var(--space-3) var(--space-4);
min-width:0;
}
.gnumac-ac-item-head>div{min-width:0}
.gnumac-ac-item-head>div:first-child{flex:1 1 15rem}
.gnumac-ac-item-title{
font-family:var(--f-head);
font-size:var(--text-card);
font-weight:800;
line-height:1.35;
overflow-wrap:break-word;
}
.gnumac-ac-item-sub{
margin-top:var(--space-field);
color:var(--muted);
font-size:var(--text-sm);
overflow-wrap:break-word;
font-variant-numeric:tabular-nums;
}
.gnumac-ac-item-actions,
.gnumac-ac-svc-actions,
.gnumac-ac-row{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:flex-start;
gap:var(--space-2);
min-width:0;
}
.gnumac-ac-item-actions{flex:0 1 auto}
.gnumac-ac-svc-actions{margin-top:var(--space-3)}
.gnumac-ac-chip{
display:inline-flex;
align-items:center;
justify-content:center;
gap:var(--space-2);
width:fit-content;
max-width:100%;
padding:.4em .9em;
border-radius:var(--r-pill);
background:var(--well);
color:var(--muted);
font-size:var(--text-xs);
font-weight:600;
line-height:1;
}
.gnumac-ac-chip-ok{background:var(--sage);color:var(--sage-ink)}
.gnumac-ac-chip-warn{background:var(--cream);color:var(--cream-ink)}
.gnumac-ac-chip-bad{background:var(--primary);color:var(--ac-on-primary)}
.gnumac-ac-chip-idle{background:var(--sky);color:var(--sky-ink)}
.gnumac-ac-creds{
display:grid;
gap:var(--space-2);
margin-top:var(--space-3);
padding:var(--space-4);
border-radius:var(--r-m);
background:var(--well);
color:var(--ink);
min-width:0;
}
.gnumac-ac-cred{
display:grid;
grid-template-columns:minmax(7rem,10rem) minmax(0,1fr) auto;
align-items:start;
gap:var(--space-field) var(--space-3);
min-width:0;
}
.gnumac-ac-cred dt{
min-width:0;
color:var(--muted);
font-size:var(--text-sm);
overflow-wrap:break-word;
}
.gnumac-ac-cred dd{
min-width:0;
margin:0;
font-family:var(--f-mono);
font-size:var(--text-sm);
font-variant-numeric:tabular-nums;
overflow-wrap:anywhere;
}
.gnumac-ac-cred dd>.gnumac-ac-row{margin-top:var(--space-field)}
.gnumac-ac-copy{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:1.875rem;
padding:var(--space-1) var(--space-3);
border:1px solid var(--input-line);
border-radius:var(--r-pill);
background:var(--surface);
color:var(--ink);
font-size:var(--text-xs);
font-family:var(--f-body);
line-height:var(--lh-small);
}
.gnumac-ac-copy:hover{background:var(--lav);color:var(--lav-ink)}
.gnumac-ac-dim{
color:var(--muted);
font-size:var(--text-sm);
line-height:var(--lh-body);
overflow-wrap:break-word;
}
.gnumac-ac-msg{
padding:var(--space-3) var(--space-4);
border-radius:var(--r-m);
background:var(--cream);
color:var(--primary-hover);
font-size:var(--text-sm);
line-height:var(--lh-body);
overflow-wrap:break-word;
}
.gnumac-ac-msg.is-ok{
background:var(--sage);
color:var(--sage-ink);
}
.gnumac-ac-ticket-compose,
.gnumac-ac-conversation{
display:grid;
gap:var(--space-4);
min-width:0;
padding:var(--space-4);
border-radius:var(--r-l);
background:var(--surface);
color:var(--ink);
}
.gnumac-ac-ticket-compose{box-shadow:inset 0 0 0 1px var(--input-line)}
.gnumac-ac-form-actions{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:flex-start;
gap:var(--space-2);
margin-top:var(--space-3);
}
.gnumac-ac-back{justify-self:start}
.gnumac-ac-conversation-heading{display:grid;gap:var(--space-field);min-width:0}
.gnumac-ac-conversation-heading h3{font-size:var(--text-card)}
.gnumac-ac-thread{display:grid;gap:var(--space-3);min-width:0}
.gnumac-ac-note{
justify-self:start;
width:min(100%,48rem);
min-width:0;
padding:var(--space-4);
border-radius:var(--r-l);
background:var(--sky);
color:var(--sky-ink);
}
.gnumac-ac-note.is-mine{
justify-self:end;
background:var(--sage);
color:var(--sage-ink);
}
.gnumac-ac-note-meta{
margin-bottom:var(--space-field);
font-size:var(--text-xs);
font-weight:600;
font-variant-numeric:tabular-nums;
}
.gnumac-ac-note-body{
font-size:var(--text-sm);
line-height:var(--lh-body);
white-space:pre-wrap;
overflow-wrap:anywhere;
}
.gnumac-ac-reply{display:grid;gap:var(--space-field);min-width:0}
.gnumac-ac-security-papers{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
align-items:start;
gap:var(--space-4);
min-width:0;
}
.gnumac-ac-security-paper{
display:grid;
align-content:start;
gap:var(--space-4);
min-width:0;
padding:var(--space-4);
border-radius:var(--r-l);
background:var(--surface);
color:var(--ink);
}
.gnumac-ac-security-paper-secondary{
background:var(--cream);
color:var(--cream-ink);
}
.gnumac-ac-security-paper>.gnumac-ac-btn{justify-self:start}
.gnumac-ac-dialog{
position:fixed;
inset:0;
z-index:1000;
display:grid;
place-items:center;
padding:var(--gutter);
isolation:isolate;
overflow-y:auto;
overscroll-behavior:contain;
}
.gnumac-ac-dialog-backdrop{
position:absolute;
inset:0;
z-index:-1;
background:color-mix(in srgb,var(--dark) 65%,transparent);
color:var(--light);
}
.gnumac-ac-dialog-panel{
display:grid;
gap:var(--space-3);
width:min(100%,32rem);
min-width:0;
max-height:calc(100dvh - var(--gutter)*2);
overflow-y:auto;
padding:var(--space-5);
border-radius:var(--r-panel);
background:var(--surface);
color:var(--ink);
text-align:center;
box-shadow:var(--shadow-menu);
}
.gnumac-ac-dialog-panel h3{font-size:var(--text-card)}
.gnumac-ac-dialog-panel p{color:var(--muted);font-size:var(--text-sm)}
.gnumac-ac-dialog-symbol{margin-inline:auto;color:var(--cream-ink)}
.gnumac-ac-dialog-actions{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:var(--space-2);
margin-top:var(--space-3);
justify-content:flex-start;
}
.gnumac-ac-dialog-panel .gnumac-ac-dialog-actions{justify-content:center}
.gnumac-ac-dialog-panel .gnumac-ac-btn-primary:hover{
background:var(--primary-hover);
color:var(--ac-on-primary);
}
.gnumac-ac-dialog-panel .gnumac-ac-btn-danger:hover{
background:var(--dark);
color:var(--light);
}
.gnumac-ac-dialog-panel .gnumac-ac-btn-line:hover{
background:var(--well);
color:var(--ink);
}
@media(max-width:1100px){
.gnumac-ac-workspace-index{grid-template-columns:minmax(0,1fr);gap:var(--space-4)}
.gnumac-ac-index-cards{grid-template-columns:repeat(5,minmax(0,1fr))}
.gnumac-ac-dtab{padding:var(--space-3)}
}
@media(max-width:760px){
.gnumac-ac-page{padding-top:var(--hero-top);padding-bottom:var(--space-close)}
.gnumac-ac-gate{gap:var(--space-4)}
.gnumac-ac-entry{padding:var(--space-4);border-radius:var(--r-l)}
.gnumac-ac-introduction{padding-inline:var(--space-2)}
.gnumac-ac-introduction h1{font-size:2rem}
.gnumac-ac-gate-foot{grid-template-columns:minmax(0,1fr);padding-inline:var(--space-2)}
.gnumac-ac-gate-foot>.gnumac-ac-btn{justify-self:start}
.gnumac-ac-dash{gap:var(--space-4);max-width:none}
.gnumac-ac-workspace-tools{align-items:flex-start}
.gnumac-ac-utility-actions{gap:var(--space-field)}
.gnumac-ac-workspace-index{gap:var(--space-4)}
.gnumac-ac-workspace-index h1{font-size:2rem}
.gnumac-ac-index-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.gnumac-ac-index-cards>.gnumac-ac-dtab:first-child{grid-column:1/-1}
.gnumac-ac-dtab{padding:var(--space-3) var(--space-4)}
.gnumac-ac-folio{border-radius:var(--r-l)}
.gnumac-ac-panel-slot{padding:var(--space-3)}
.gnumac-ac-panel-heading{padding:var(--space-2)}
.gnumac-ac-account-imprint{padding:var(--space-4)}
.gnumac-ac-item-head{flex-direction:column;align-items:stretch}
.gnumac-ac-item-head>div:first-child{flex:0 1 auto}
.gnumac-ac-item-actions{width:100%}
.gnumac-ac-creds{padding:var(--space-3)}
.gnumac-ac-cred{grid-template-columns:minmax(0,1fr);gap:var(--space-field)}
.gnumac-ac-cred dt{font-weight:600}
.gnumac-ac-cred>.gnumac-ac-row{justify-self:start}
.gnumac-ac-cred{margin-bottom:var(--space-3)}
.gnumac-ac-security-papers{grid-template-columns:minmax(0,1fr)}
.gnumac-ac-ticket-compose,
.gnumac-ac-conversation,
.gnumac-ac-security-paper{padding:var(--space-4)}
.gnumac-ac-verification{grid-template-columns:minmax(0,1fr);gap:var(--space-3)}
.gnumac-ac-verification>.gnumac-ac-btn{justify-self:start;min-height:var(--control-h)}
.gnumac-ac-note{width:96%;padding:var(--space-4)}
.gnumac-ac-dialog-panel{padding:var(--space-4);border-radius:var(--r-l)}
.gnumac-ac-method-pair{grid-template-columns:minmax(0,1fr)}
.gnumac-ac-form-actions{align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){
.gnumac-ac-btn,.gnumac-ac-tab,.gnumac-ac-dtab{transition:none}
}
body:has(> main[data-shell]){display:flex;flex-direction:column;min-height:100vh}
body > main[data-shell]{flex:1 0 auto}