.osxhost-ac-page{
  --ac-primary: #E0103A;
  --ac-accent: #FF6B4A;
  --ac-bg: #FEFEFD;
  --ac-card: #FFFFFF;
  --ac-ink: #0C0C10;
  --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: #0C0C10;
  --ac-r: 15px;
  --ac-font-head: "Chivo", "PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif;
  --ac-font-body: "Manrope", "PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif;
  --ac-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
width:100%;
max-width:none;
padding:var(--hero-pad) var(--gutter) var(--space-close);
overflow-x:clip;
background:var(--paper);
color:var(--ink);
font-family:var(--font-body);
font-size:var(--text-base);
line-height:var(--leading-body);
font-variant-numeric:tabular-nums
}
.osxhost-ac-page [hidden]{display:none!important}
.osxhost-ac-page :where(*, *::before, *::after){box-sizing:border-box}
.osxhost-ac-page :where(h1,h2,h3,p,dl,dd,fieldset,ul){margin:0}
.osxhost-ac-page :where(button,input,textarea){font:inherit}
.osxhost-ac-page :where(h1,h2,h3,p,li,dt,dd,button,label){overflow-wrap:break-word}
.osxhost-ac-page :where(form,section,article,header,footer,aside,nav,div){min-width:0}
.osxhost-ac-page :where(button,a,input,textarea):focus-visible{
outline:2px solid var(--primary);
outline-offset:4px
}
.osxhost-ac-gate{
width:min(100%,46rem);
margin-inline:auto;
display:grid;
gap:var(--space-5)
}
.osxhost-ac-entry-copy{
display:grid;
gap:var(--space-3);
text-align:left
}
.osxhost-ac-entry-copy h1{
max-width:100%;
font-family:var(--font-heading);
font-size:var(--text-section);
font-weight:var(--weight-display);
line-height:var(--leading-title);
letter-spacing:var(--tracking-section)
}
.osxhost-ac-entry-lead{
color:var(--muted);
font-size:var(--text-lead);
line-height:var(--leading-body)
}
.osxhost-ac-access-paper{
position:relative;
padding:var(--space-5);
background:#F4F4F1;
color:#0C0C10;
border-radius:var(--radius-md)
}
.osxhost-ac-access-paper::before{
content:"";
position:absolute;
inset:0 var(--space-5) auto;
height:3px;
background:#E0103A;
color:#FFFFFF;
pointer-events:none
}
.osxhost-ac-access-form{
display:grid;
gap:var(--space-4);
width:100%;
margin:0
}
.osxhost-ac-field{
display:grid;
align-content:start;
gap:var(--field-gap);
min-width:0
}
.osxhost-ac-label{
font-size:var(--text-sm);
font-weight:var(--weight-bold);
line-height:var(--leading-body);
color:#0C0C10
}
.osxhost-ac-input,
.osxhost-ac-textarea{
display:block;
width:100%;
max-width:100%;
min-width:0;
margin:0;
padding:var(--space-2) var(--space-3);
border:1px solid var(--control-line);
border-radius:var(--radius-md);
background:#FFFFFF;
color:#0C0C10;
font-family:var(--font-body);
font-size:var(--text-base);
line-height:var(--leading-body);
box-shadow:none
}
.osxhost-ac-input{
height:var(--control-height);
min-height:var(--control-height)
}
.osxhost-ac-textarea{
min-height:8rem;
resize:vertical
}
.osxhost-ac-input::placeholder,
.osxhost-ac-textarea::placeholder{color:#55555A;opacity:1}
.osxhost-ac-input:focus,
.osxhost-ac-textarea:focus{border-color:var(--ink)}
.osxhost-ac-input[aria-invalid="true"],
.osxhost-ac-textarea[aria-invalid="true"]{border-color:var(--primary)}
.osxhost-ac-btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:var(--space-2);
min-height:var(--control-height);
max-width:100%;
padding:var(--space-2) var(--space-4);
border:1px solid transparent;
border-radius:var(--radius-pill);
font-family:var(--font-body);
font-size:var(--text-button);
font-weight:var(--weight-bold);
line-height:var(--leading-control);
text-align:center;
white-space:normal;
text-decoration:none;
cursor:pointer;
transition:background var(--duration) var(--ease),border-color var(--duration) var(--ease),color var(--duration) var(--ease)
}
.osxhost-ac-btn svg{flex:none;width:1.125rem;height:1.125rem}
.osxhost-ac-btn-primary{
background:#0C0C10;
color:var(--ac-on-primary);
border-color:#0C0C10
}
.osxhost-ac-btn-primary:hover{
background:#3C3C42;
color:var(--ac-on-primary);
border-color:#3C3C42
}
.osxhost-ac-btn-line{
background:#FFFFFF;
color:#0C0C10;
border-color:color-mix(in srgb,#0C0C10 35%,transparent)
}
.osxhost-ac-btn-line:hover{
background:#F4F4F1;
color:#0C0C10;
border-color:#85858A
}
.osxhost-ac-btn-danger{
background:#E0103A;
color:#FFFFFF;
border-color:#E0103A
}
.osxhost-ac-btn-danger:hover{
background:#B10C2D;
color:#FFFFFF;
border-color:#B10C2D
}
.osxhost-ac-btn-sm{
min-height:2rem;
padding:var(--space-2) var(--space-3);
font-size:var(--text-sm)
}
.osxhost-ac-btn:disabled,
.osxhost-ac-copy:disabled{opacity:.55;cursor:not-allowed}
.osxhost-ac-entry-submit{
width:100%;
justify-content:space-between;
padding-inline:var(--space-4)
}
.osxhost-ac-entry-submit:only-child{justify-content:center}
.osxhost-ac-form-intro{
display:grid;
gap:var(--field-gap);
align-content:start
}
.osxhost-ac-form-title{
font-size:var(--text-card);
font-weight:var(--weight-heavy);
line-height:var(--leading-card);
letter-spacing:-.02em
}
.osxhost-ac-email-chip{
display:inline-flex;
align-items:center;
width:fit-content;
max-width:100%;
padding:.4em .9em;
border-radius:var(--radius-pill);
background:#E4ECFF;
color:#14275C;
font-family:var(--font-mono);
font-size:var(--text-sm);
line-height:1.4;
overflow-wrap:anywhere
}
.osxhost-ac-mode-field{
min-width:0;
padding:0;
border:0
}
.osxhost-ac-visually-hidden{
position:absolute;
width:1px;
height:1px;
margin:-1px;
padding:0;
border:0;
overflow:hidden;
clip:rect(0,0,0,0);
white-space:nowrap
}
.osxhost-ac-mode-choices{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-2)
}
.osxhost-ac-tab{
display:flex;
align-items:center;
justify-content:center;
min-height:var(--control-height);
padding:var(--space-3) var(--space-4);
border:1px solid var(--line-strong);
border-radius:var(--radius-md);
background:#FFFFFF;
color:#55555A;
font-size:var(--text-sm);
font-weight:var(--weight-bold);
line-height:var(--leading-control);
cursor:pointer
}
.osxhost-ac-tab.is-on,
.osxhost-ac-tab[aria-selected="true"]{
background:#FFF1C2;
color:#3D2E00;
border-color:#85858A;
box-shadow:inset 0 0 0 1px #85858A
}
.osxhost-ac-tab:hover{border-color:var(--control-line)}
.osxhost-ac-login-block{
display:grid;
gap:var(--space-3)
}
.osxhost-ac-link{
display:inline-flex;
align-items:center;
justify-self:start;
width:fit-content;
max-width:100%;
min-height:1.75rem;
padding:0;
border:0;
border-radius:0;
background:transparent;
color:#0C0C10;
font-size:var(--text-sm);
font-weight:var(--weight-bold);
line-height:var(--leading-body);
text-align:left;
text-decoration:underline;
text-underline-offset:.25em;
cursor:pointer
}
.osxhost-ac-link:hover{color:#B10C2D}
.osxhost-ac-code-pair{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:var(--space-2);
align-items:start
}
.osxhost-ac-code-input{
font-family:var(--font-mono);
font-variant-numeric:tabular-nums
}
.osxhost-ac-entry-foot{
display:grid;
gap:var(--space-4)
}
.osxhost-ac-paper-facts{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-3);
padding:0;
list-style:none
}
.osxhost-ac-paper-facts li{
padding:var(--space-4);
border-radius:var(--radius-md);
background:#FFF1C2;
color:#3D2E00;
font-size:var(--text-sm);
line-height:var(--leading-body)
}
.osxhost-ac-paper-facts li:nth-child(2){
background:#DDF3E6;
color:#0E3B24
}
.osxhost-ac-dash{
width:min(100%,var(--width-wide));
max-width:none;
margin-inline:auto;
display:grid;
gap:var(--space-4)
}
.osxhost-ac-utility-strip{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
gap:var(--space-3)
}
.osxhost-ac-utility-actions{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:flex-start;
gap:var(--space-2)
}
.osxhost-ac-workpaper{
overflow:hidden;
border:1px solid var(--line-strong);
border-radius:var(--radius-md);
background:#FFFFFF;
color:#0C0C10
}
.osxhost-ac-panel-slot{padding:var(--space-5)}
.osxhost-ac-panel{
display:grid;
align-content:start;
gap:var(--space-4);
width:100%
}
.osxhost-ac-panel-heading{
display:flex;
align-items:center;
justify-content:space-between;
flex-wrap:wrap;
gap:var(--space-3);
padding-bottom:var(--space-4);
border-bottom:1px solid var(--line)
}
.osxhost-ac-panel-heading h2{
min-width:0;
font-size:var(--text-reading);
line-height:var(--leading-title);
font-weight:var(--weight-heavy);
letter-spacing:-.02em
}
.osxhost-ac-records{
display:grid;
gap:var(--space-3);
width:100%
}
.osxhost-ac-account-imprint{
display:flex;
align-items:baseline;
flex-wrap:wrap;
gap:var(--space-2) var(--space-4);
padding:var(--space-3) var(--space-5);
background:#F4F4F1;
color:#0C0C10;
border-top:1px solid var(--line)
}
.osxhost-ac-imprint-label{
font-family:var(--font-mono);
font-size:var(--text-xs);
line-height:var(--leading-body);
color:#55555A
}
.osxhost-ac-account-email{
min-width:0;
font-family:var(--font-mono);
font-size:var(--text-sm);
font-weight:var(--weight-medium);
overflow-wrap:anywhere
}
.osxhost-ac-dispatch-index{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:var(--space-4);
align-items:center
}
.osxhost-ac-index-keys{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:var(--space-2);
min-width:0
}
.osxhost-ac-dtab{
position:relative;
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:flex-start;
align-content:center;
gap:var(--space-2);
min-width:0;
min-height:3.5rem;
padding:var(--space-3);
border:1px solid transparent;
border-radius:var(--radius-md);
background:#F4F4F1;
color:#55555A;
font-size:var(--text-sm);
font-weight:var(--weight-bold);
line-height:var(--leading-control);
text-align:left;
cursor:pointer
}
.osxhost-ac-dtab svg{flex:none;width:1.25rem;height:1.25rem}
.osxhost-ac-dtab span{min-width:0}
.osxhost-ac-dtab:hover{
background:#E4ECFF;
color:#14275C
}
.osxhost-ac-dtab.is-on,
.osxhost-ac-dtab[aria-selected="true"]{
background:#0C0C10;
color:#FFFFFF;
border-color:#0C0C10;
box-shadow:inset 0 3px 0 #E0103A
}
.osxhost-ac-dash-title{
font-family:var(--font-heading);
font-size:var(--text-card);
line-height:var(--leading-card);
font-weight:var(--weight-display);
letter-spacing:-.02em
}
.osxhost-ac-count{
display:inline-flex;
align-items:center;
justify-content:center;
flex:none;
width:1.5rem;
height:1.5rem;
padding:0;
border-radius:var(--radius-pill);
background:#FFF1C2;
color:#3D2E00;
font-family:var(--font-mono);
font-size:var(--text-xs);
font-weight:var(--weight-bold);
line-height:1
}
.osxhost-ac-item{
display:flex;
flex-direction:column;
gap:var(--space-3);
width:100%;
min-width:0;
padding:var(--space-4);
border:1px solid var(--line-strong);
border-radius:var(--radius-md);
background:#FFFFFF;
color:#0C0C10
}
.osxhost-ac-item.is-open{
background:#F4F4F1;
color:#0C0C10;
border-color:var(--control-line);
box-shadow:inset 4px 0 0 #E0103A
}
.osxhost-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
}
.osxhost-ac-item-head>div:first-child{
flex:1 1 15rem;
min-width:0;
display:grid;
gap:var(--field-gap)
}
.osxhost-ac-item-title{
min-width:0;
font-family:var(--font-heading);
font-size:var(--text-card);
font-weight:var(--weight-heavy);
line-height:var(--leading-card);
overflow-wrap:break-word
}
.osxhost-ac-item-sub{
min-width:0;
color:#55555A;
font-size:var(--text-sm);
line-height:var(--leading-body);
overflow-wrap:break-word
}
.osxhost-ac-item-actions,
.osxhost-ac-svc-actions,
.osxhost-ac-row{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:flex-start;
gap:var(--space-2);
min-width:0
}
.osxhost-ac-item-actions{flex:0 1 auto}
.osxhost-ac-svc-actions{margin-top:var(--space-3)}
.osxhost-ac-chip{
display:inline-flex;
align-items:center;
justify-content:center;
gap:.4em;
max-width:100%;
width:fit-content;
padding:.4em .9em;
border-radius:var(--radius-pill);
background:#F4F4F1;
color:#55555A;
font-family:var(--font-mono);
font-size:var(--text-xs);
line-height:1.25;
font-weight:var(--weight-bold)
}
.osxhost-ac-chip-ok{background:#DDF3E6;color:#0E3B24}
.osxhost-ac-chip-warn{background:#FFF1C2;color:#3D2E00}
.osxhost-ac-chip-bad{background:#E0103A;color:#FFFFFF}
.osxhost-ac-chip-idle{background:#E4ECFF;color:#14275C}
.osxhost-ac-creds{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-3);
min-width:0;
margin-top:var(--space-3)
}
.osxhost-ac-cred{
display:grid;
grid-template-columns:minmax(5rem,.7fr) minmax(0,1fr);
align-items:start;
gap:var(--space-2) var(--space-3);
min-width:0;
padding:var(--space-3);
border-radius:var(--radius-md);
background:#FFFFFF;
color:#0C0C10
}
.osxhost-ac-cred dt{
min-width:0;
font-size:var(--text-sm);
font-weight:var(--weight-medium);
line-height:var(--leading-body);
color:#55555A;
overflow-wrap:break-word
}
.osxhost-ac-cred dd{
min-width:0;
margin:0;
font-family:var(--font-mono);
font-size:var(--text-sm);
line-height:var(--leading-body);
overflow-wrap:anywhere
}
.osxhost-ac-cred .osxhost-ac-row{margin-top:var(--space-2)}
.osxhost-ac-copy{
display:inline-flex;
align-items:center;
justify-content:center;
gap:var(--space-1);
min-height:1.75rem;
max-width:100%;
padding:var(--space-1) var(--space-2);
border:1px solid var(--control-line);
border-radius:var(--radius-pill);
background:#FFFFFF;
color:#0C0C10;
font-family:var(--font-body);
font-size:var(--text-xs);
line-height:var(--leading-control);
font-weight:var(--weight-bold);
white-space:normal;
cursor:pointer
}
.osxhost-ac-copy:hover{background:#F4F4F1;color:#0C0C10}
.osxhost-ac-dim{
color:#55555A;
font-size:var(--text-sm);
line-height:var(--leading-body);
overflow-wrap:break-word
}
.osxhost-ac-msg{
min-width:0;
padding:var(--space-3) var(--space-4);
border-radius:var(--radius-md);
background:#FFF1C2;
color:#B10C2D;
font-size:var(--text-sm);
font-weight:var(--weight-medium);
line-height:var(--leading-body);
overflow-wrap:break-word
}
.osxhost-ac-msg.is-ok{
background:#DDF3E6;
color:#0E3B24
}
.osxhost-ac-ticket-form,
.osxhost-ac-security-form{
display:grid;
align-content:start;
gap:var(--space-4);
min-width:0;
padding:var(--space-4);
border:1px solid var(--line-strong);
border-radius:var(--radius-md);
background:#F4F4F1;
color:#0C0C10
}
.osxhost-ac-ticket-form{background:#E4ECFF;color:#14275C}
.osxhost-ac-form-actions{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:flex-start;
gap:var(--space-2);
margin-top:var(--space-3)
}
.osxhost-ac-conversation{
display:grid;
gap:var(--space-4);
padding:var(--space-4);
border:1px solid var(--line-strong);
border-radius:var(--radius-md);
background:#FFFFFF;
color:#0C0C10
}
.osxhost-ac-conversation-head{
display:grid;
justify-items:start;
align-content:start;
gap:var(--space-3)
}
.osxhost-ac-conversation-head h3{
max-width:100%;
font-size:var(--text-card);
line-height:var(--leading-card);
font-weight:var(--weight-heavy)
}
.osxhost-ac-thread{
display:grid;
align-content:start;
gap:var(--space-3);
min-width:0
}
.osxhost-ac-note{
display:grid;
gap:var(--field-gap);
justify-self:start;
width:min(100%,48rem);
padding:var(--space-4);
border-radius:var(--radius-md);
background:#F4F4F1;
color:#0C0C10
}
.osxhost-ac-note.is-mine{
justify-self:end;
background:#E4ECFF;
color:#14275C
}
.osxhost-ac-note-meta{
font-family:var(--font-mono);
font-size:var(--text-xs);
line-height:var(--leading-body);
color:#55555A
}
.osxhost-ac-note.is-mine .osxhost-ac-note-meta{color:#14275C}
.osxhost-ac-note-body{
min-width:0;
font-size:var(--text-base);
line-height:var(--leading-body);
white-space:pre-wrap;
overflow-wrap:anywhere
}
.osxhost-ac-reply-form{
display:grid;
gap:var(--space-3);
padding-top:var(--space-4);
border-top:1px solid var(--line)
}
.osxhost-ac-security-papers{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
align-items:start;
gap:var(--space-4)
}
.osxhost-ac-security-form h3{
font-size:var(--text-card);
line-height:var(--leading-card)
}
.osxhost-ac-dialog{
position:fixed;
inset:0;
z-index:100;
display:grid;
place-items:center;
padding:var(--gutter);
overflow-y:auto;
overscroll-behavior:contain
}
.osxhost-ac-dialog-backdrop{
position:absolute;
inset:0;
background:#0C0C10B3;
color:#FFFFFF
}
.osxhost-ac-dialog-panel{
position:relative;
z-index:1;
display:grid;
gap:var(--space-3);
width:min(100%,32rem);
max-height:calc(100dvh - var(--gutter)*2);
overflow-y:auto;
padding:var(--space-5);
border-radius:var(--radius-md);
background:#FFFFFF;
color:#0C0C10;
text-align:center;
box-shadow:var(--shadow-menu)
}
.osxhost-ac-dialog-panel h3{
font-size:var(--text-card);
line-height:var(--leading-card);
font-weight:var(--weight-heavy)
}
.osxhost-ac-dialog-body{
color:#55555A;
font-size:var(--text-base);
line-height:var(--leading-body)
}
.osxhost-ac-dialog-actions{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:var(--space-2);
margin-top:var(--space-3)
}
.osxhost-ac-dialog-panel .osxhost-ac-dialog-actions{justify-content:center}
.osxhost-ac-dialog-panel .osxhost-ac-chip{margin-inline:auto}
.osxhost-ac-dialog-panel .osxhost-ac-btn-primary:hover{
background:#3C3C42;
color:#FFFFFF;
border-color:#3C3C42
}
.osxhost-ac-dialog-panel .osxhost-ac-btn-danger:hover{
background:#B10C2D;
color:#FFFFFF;
border-color:#B10C2D
}
.osxhost-ac-dialog-panel .osxhost-ac-btn-line:hover{
background:#F4F4F1;
color:#0C0C10;
border-color:#85858A
}
@media(max-width:1000px){
.osxhost-ac-dispatch-index{grid-template-columns:minmax(0,1fr)}
.osxhost-ac-dash-title{justify-self:end}
.osxhost-ac-creds{grid-template-columns:minmax(0,1fr)}
.osxhost-ac-security-papers{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:760px){
.osxhost-ac-page{padding-top:var(--space-6)}
.osxhost-ac-gate{gap:var(--space-4)}
.osxhost-ac-access-paper{padding:var(--space-4)}
.osxhost-ac-access-paper::before{inset-inline:var(--space-4)}
.osxhost-ac-entry-copy h1{font-size:var(--text-section)}
.osxhost-ac-entry-lead{font-size:var(--text-base)}
.osxhost-ac-paper-facts{grid-template-columns:minmax(0,1fr)}
.osxhost-ac-utility-strip{align-items:flex-start}
.osxhost-ac-utility-actions{gap:var(--space-2)}
.osxhost-ac-panel-slot{padding:var(--space-4)}
.osxhost-ac-account-imprint{padding-inline:var(--space-4)}
.osxhost-ac-index-keys{grid-template-columns:repeat(2,minmax(0,1fr))}
.osxhost-ac-index-keys>.osxhost-ac-dtab:last-child{grid-column:1/-1}
.osxhost-ac-dtab{padding:var(--space-3);min-height:3rem}
.osxhost-ac-item-head{flex-direction:column;align-items:stretch}
.osxhost-ac-item-head>div:first-child{flex:0 1 auto}
.osxhost-ac-item-actions{width:100%;justify-content:flex-start}
.osxhost-ac-cred{grid-template-columns:minmax(0,1fr)}
.osxhost-ac-creds{gap:var(--space-2)}
.osxhost-ac-note{width:94%}
.osxhost-ac-dialog-panel{padding:var(--space-4)}
}
@media(max-width:420px){
.osxhost-ac-code-pair{grid-template-columns:minmax(0,1fr)}
.osxhost-ac-code-pair>.osxhost-ac-btn{width:100%}
.osxhost-ac-mode-choices{grid-template-columns:minmax(0,1fr)}
.osxhost-ac-tab{padding:var(--space-3) var(--space-4)}
.osxhost-ac-utility-strip>.osxhost-ac-btn{width:100%}
.osxhost-ac-utility-actions{width:100%}
.osxhost-ac-utility-actions>.osxhost-ac-btn{flex:1 1 0}
.osxhost-ac-panel-slot{padding:var(--space-3)}
.osxhost-ac-item{padding:var(--space-4)}
.osxhost-ac-ticket-form,
.osxhost-ac-security-form,
.osxhost-ac-conversation{padding:var(--space-4)}
.osxhost-ac-svc-actions>.osxhost-ac-btn{flex:1 1 7rem}
.osxhost-ac-dialog-panel .osxhost-ac-dialog-actions>.osxhost-ac-btn{flex:1 1 100%}
}
@media(prefers-reduced-motion:reduce){
.osxhost-ac-btn,
.osxhost-ac-tab,
.osxhost-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}