.setup-progress button{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:inherit;padding:3px 0;font:inherit;white-space:nowrap;border-radius:20px;transition:color .18s}.setup-progress button>span{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--border);border-radius:50%;font-size:10px;transition:background-color .2s,color .2s,border-color .2s}.setup-progress .current button>span{background:var(--yellow);border-color:var(--yellow);color:#131b25}.setup-progress .complete button>span{color:var(--yellow);border-color:#f8cc4670}.setup-progress .complete button:hover{color:var(--yellow)}.setup-progress .complete button:hover>span{background:#f8cc4615}.setup-progress button:disabled{cursor:default}.setup-progress button:focus-visible{outline:2px solid var(--yellow);outline-offset:6px}.setup-top-back{display:flex;align-items:center;gap:7px;color:var(--muted);background:transparent;border:0;border-radius:6px;padding:5px 0;margin:0 0 13px;font-size:11px}.setup-top-back[hidden]{display:none}.setup-top-back:hover{color:var(--text)}.setup-top-back>.ui-icon{height:15px;width:15px}@media(max-width:600px){.setup-progress button{gap:6px}.setup-progress button>span{width:23px;height:23px}}
:root[data-app-ready="false"] .topbar,:root[data-app-ready="false"] .workspace{visibility:hidden;pointer-events:none}
.setup-mode-options{display:grid;gap:12px;max-width:560px;margin-top:28px}.setup-mode-options .time-mode-option{padding:18px;gap:14px;border-radius:12px}.setup-mode-options strong{font-size:15px}.setup-mode-options small{font-size:12px}.setup-mode-lock-note{max-width:560px;font-size:12px;color:var(--muted);line-height:1.7;margin:18px 0}#setup-custom-editor{max-width:560px;padding-top:20px;gap:12px}#setup-custom-editor[hidden]{display:none}#setup-custom-editor input,#setup-custom-editor select{font-size:13px;padding:11px 9px}#setup-mode-preview{font-size:13px;line-height:1.6;color:var(--yellow);margin-top:16px}#locked-mode-name{font-size:13px}.setup-progress{flex-wrap:wrap;row-gap:10px}
.setup-progress{max-width:650px}.setup-progress li:not(:last-child)::after{width:36px;margin:0 12px}.setup-shell:has(#setup-step-4:not([hidden])){max-width:760px;padding-top:clamp(45px,10vh,110px)}@media(max-width:600px){.setup-progress li:not(:last-child)::after{width:12px;margin:0 6px}.setup-progress button{gap:4px}.setup-shell:has(#setup-step-4:not([hidden])){padding-top:45px}}
.setup-mode-options{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none;gap:14px}.setup-mode-options .time-mode-option{position:relative;display:flex;align-items:flex-start;flex-direction:column;min-height:160px;padding:20px}.setup-mode-options .time-mode-option input{position:absolute;top:19px;right:18px}.setup-mode-options .time-mode-option>span{margin:0}.setup-mode-options .time-mode-option>span:first-of-type{padding-top:16px}.setup-mode-options .time-mode-option>span:last-child{margin-top:auto;padding-top:14px}.setup-mode-options strong{font-size:19px}.setup-mode-options small{font-size:12px;line-height:1.7;margin-top:10px}.setup-mode-options .time-mode-option:has(input:checked){box-shadow:0 0 0 1px #f8cc4640}.setup-mode-options .time-mode-option:hover{background:var(--hover)}.setup-shell:has(#setup-step-3:not([hidden])){max-width:1000px}#setup-custom-editor{max-width:600px}.setup-mode-lock-note{max-width:700px}@media(max-width:600px){.setup-mode-options{gap:7px}.setup-mode-options .time-mode-option{padding:12px;min-height:170px}.setup-mode-options .time-mode-option input{top:12px;right:11px;width:13px;height:13px}.setup-mode-options strong{font-size:15px}.setup-mode-options small{font-size:10px}.setup-mode-options .time-mode-option>span:first-of-type{padding-top:22px}}
.setup-mode-options .time-mode-option>span:first-of-type{margin:0;padding-top:16px}@media(max-width:600px){.setup-mode-options .time-mode-option>span:first-of-type{padding-top:22px}}
.setup-mode-options .time-mode-option strong{font-size:19px}.setup-mode-options .time-mode-option small{font-size:12px;line-height:1.7;margin-top:10px}@media(max-width:600px){.setup-mode-options .time-mode-option strong{font-size:15px}.setup-mode-options .time-mode-option small{font-size:10px}}