.login-page{min-height:100dvh;padding:calc(var(--space-6) + env(safe-area-inset-top,0px)) var(--space-6) calc(var(--space-6) + env(safe-area-inset-bottom,0px));color:var(--text-primary);background:var(--bg-primary);place-items:center;display:grid}.login-form{gap:0 var(--space-8);width:min(100%,58rem);padding:var(--space-8);border:1px solid var(--border-glass);border-radius:var(--radius-md);background:var(--bg-secondary);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.login-fields{min-width:0}.login-heading{padding-right:var(--space-8);border-right:1px solid var(--border-glass)}.login-brand{align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.login-brand>[translate]{font-family:var(--font-brand)}.login-form p{line-height:1.6}.login-form .form-group label{margin-bottom:var(--space-2)}.setup-overlay{padding:var(--space-4)}.setup-dialog{gap:var(--space-6);width:min(100%,54rem);max-height:92dvh;padding:var(--space-6);background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-md);grid-template-columns:11rem minmax(0,1fr);display:grid;position:relative;overflow-y:auto}.setup-progress{padding-right:var(--space-4);border-right:1px solid var(--border-glass);grid-area:1/1}.setup-stages{gap:var(--space-3);flex-direction:column;display:flex}.setup-stage{align-items:baseline;gap:var(--space-2);padding-block:var(--space-2);color:var(--text-secondary);font-size:var(--text-md);display:flex}.setup-stage>span{font-variant-numeric:tabular-nums;color:var(--text-muted)}.setup-stage[aria-current]{color:var(--text-strong);font-weight:700}.setup-stage[aria-current]>span{color:var(--accent-red)}.setup-stage-status{color:var(--text-secondary);margin-top:var(--space-4);line-height:1.5;font-size:var(--text-md)}.setup-dialog .setup-close{top:var(--space-2);right:var(--space-2);background:0 0;position:absolute}.setup-dialog>:not(.setup-progress){grid-column:2;min-width:0}.setup-content{gap:var(--space-6);padding:var(--space-4) 0 0;border:0;flex-direction:column;min-width:0;margin:0;display:flex}.setup-content>div+div{padding-top:var(--space-4);border-top:1px solid var(--border-glass)}.setup-content h3{padding-right:var(--space-6);font-family:var(--font-main)}.setup-dialog>.setup-actions{justify-content:space-between;align-items:center;gap:var(--space-3);border-top:1px solid var(--border-glass);padding-top:var(--space-4);flex-wrap:wrap;grid-column:1/-1;display:flex}.catalog-step{gap:var(--space-6);padding-block:var(--space-6);border-top:1px solid var(--border-glass);grid-template-columns:minmax(11rem,1fr) minmax(0,3fr);display:grid}.catalog-step-heading{align-items:flex-start;gap:var(--space-3);flex-direction:column;display:flex}.catalog-step-content{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.catalog-step-content p{max-width:70ch}.catalog-step summary{min-height:44px}@media (width<=760px){.login-page{padding-inline:var(--space-4)}.login-form{padding:var(--space-6);max-width:30rem;display:block}.login-heading{padding:0 0 var(--space-6);border:0}.login-brand{margin-bottom:var(--space-6)}.setup-dialog{gap:var(--space-4);padding:var(--space-4);grid-template-columns:minmax(0,1fr)}.setup-progress{padding:0 var(--space-6) var(--space-4) 0;border:0;border-bottom:1px solid var(--border-glass);grid-area:auto/1}.setup-stages{gap:var(--space-1) var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.setup-stage-status{grid-column:1/-1;margin:0}.setup-dialog>:not(.setup-progress){grid-column:1}.catalog-step{gap:var(--space-4);grid-template-columns:minmax(0,1fr)}}:is(:root[data-theme=mana-white],[data-mana-theme=mana-white]){--mana-x:-4.2em;--mana-tint:var(--mana-white)}:is(:root[data-theme=mana-blue],[data-mana-theme=mana-blue]){--mana-x:-5.25em;--mana-tint:var(--mana-blue)}:is(:root[data-theme=mana-black],[data-mana-theme=mana-black]){--mana-x:-6.3em;--mana-tint:var(--mana-black)}:is(:root[data-theme=mana-red],[data-mana-theme=mana-red]){--mana-x:-7.35em;--mana-tint:var(--mana-red)}:is(:root[data-theme=mana-green],[data-mana-theme=mana-green]){--mana-x:-8.4em;--mana-tint:var(--mana-green)}:is(:root[data-theme=mana-colorless],[data-mana-theme=mana-colorless]){--mana-tint:var(--mana-colorless);--mana-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='50' fill='%23CAC5C0'/%3E%3Cpath fill='%230D0F0F' fill-rule='evenodd' d='M50 10 90 50 50 90 10 50Z M50 30 30 50 50 70 70 50Z'/%3E%3C/svg%3E");--mana-size:1em 1em;--mana-position:0 0}.mana-theme-symbol{background-image:var(--mana-image,url(/mana.svg));background-size:var(--mana-size,10.45em 7.30002em);background-position:var(--mana-position,var(--mana-x) -2.10002em);pointer-events:none;background-repeat:no-repeat;border-radius:50%;flex:none;width:1em;height:1em;font-size:32px;display:inline-block}.theme-choices{border:0;min-width:0}.theme-choices legend{font-size:var(--text-md);color:var(--text-secondary);margin-bottom:var(--space-3);font-weight:600}.theme-choice-grid{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.theme-choice{--mana-image:url(/mana.svg);--mana-size:10.45em 7.30002em;--mana-position:var(--mana-x) -2.10002em;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-glass);border-radius:var(--radius-sm);background:var(--input-bg);min-height:44px;color:var(--text-primary);cursor:pointer;min-width:0;display:flex}.theme-choice:has(:checked){border-color:var(--mana-tint,var(--accent-red));background:var(--surface-2)}.theme-choice:has(:focus-visible){outline:2px solid var(--color-focus);outline-offset:3px}.theme-choice:has([aria-disabled=true]){opacity:.6;cursor:wait}.theme-choice input{accent-color:var(--mana-tint,var(--accent-red));flex:none}.theme-choice-name{overflow-wrap:anywhere;font-size:var(--text-sm)}.theme-choice[data-mana-theme=dark] .mana-theme-symbol{background:var(--theme-arcane)}.theme-choice[data-mana-theme=jenny] .mana-theme-symbol{background:var(--theme-jenny)}@media (width<=768px){.theme-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-choice{gap:var(--space-2);flex-wrap:wrap}.theme-choice-name{flex-basis:100%}}
