/* Steps Challenge — Carbon/OMMA visual language, scoped to avoid other screens. */
.omma-steps{color:var(--text);max-width:640px;margin:0 auto;padding:12px 0 36px;--step-accent:var(--cb-accent,var(--light,#C8AAF8));}
.omma-steps .steps-back{display:inline-block;margin:3px 0 24px;color:#AFB0BC;font-size:12px;font-weight:700}
.omma-steps .steps-title{margin:0 0 22px}
.omma-steps .steps-kicker{font-size:10px;letter-spacing:.15em;color:var(--step-accent);font-weight:800}
.omma-steps .steps-title h1{font-family:var(--disp);font-size:clamp(34px,7.5vw,54px);font-weight:800;letter-spacing:-.062em;line-height:.99;margin:10px 0 12px;max-width:580px}
.omma-steps .steps-title h1 em{font-style:normal;color:var(--step-accent);display:block}
.omma-steps .steps-title p{color:#B5B6BF;font-size:13px;max-width:360px}
.omma-steps .steps-hero{border:1px solid #454651;background:radial-gradient(ellipse at 98% 3%,color-mix(in srgb,var(--step-accent),transparent 87%),transparent 56%),linear-gradient(155deg,#2A2A32,#1C1D23 75%);border-radius:24px;padding:22px 19px 17px;margin-bottom:16px}
.omma-steps .steps-hero-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#BCC0CB;font-size:10px;font-weight:800;letter-spacing:.13em}
.omma-steps .steps-selfrank{font-size:10px;letter-spacing:0;color:#A9ABBB}.omma-steps .steps-selfrank b{color:#F5F5F6;padding-left:6px;font-size:14px}
.omma-steps .steps-hero-total{font-family:var(--disp);font-size:clamp(42px,10vw,70px);font-weight:800;letter-spacing:-.075em;line-height:1.05;margin:20px 0 18px}
.omma-steps .steps-hero-total span{font-size:14px;color:#ABAEB9;letter-spacing:0;font-weight:600}
.omma-steps .steps-progressbox{background:#18191F;border-radius:14px;padding:13px;margin-bottom:19px}
.omma-steps .steps-progressbox>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:center}.omma-steps .steps-progressbox small{color:#9698A7;font-size:10px;font-weight:800;letter-spacing:.07em}.omma-steps .steps-progressbox b{font-size:12px}
.omma-steps .steps-track{height:7px;background:#393B44;border-radius:10px;margin-top:10px;overflow:hidden}.omma-steps .steps-track i{display:block;height:100%;background:var(--step-accent);border-radius:10px;transition:width .22s ease}
.omma-steps .steps-bars{display:flex;align-items:end;justify-content:space-between;gap:9px;padding:4px 5px 0}.omma-steps .steps-daybar{flex:1;display:flex;align-items:center;flex-direction:column;gap:7px;min-width:0}.omma-steps .steps-bartrack{display:flex;align-items:end;height:69px;width:min(26px,100%);border-radius:6px;background:#303138;overflow:hidden}.omma-steps .steps-bartrack i{width:100%;display:block;background:#41424C;border-radius:6px 6px 0 0}.omma-steps .steps-bartrack i.filled{background:var(--step-accent)}.omma-steps .steps-bartrack i.held{background:repeating-linear-gradient(45deg,#747581 0 4px,#42434B 4px 8px)}.omma-steps .steps-daybar span{color:#9E9FA9;font-size:10px;font-weight:600}
.omma-steps .steps-hero-note{font-size:11px;color:#ABADBB;margin-top:14px}
.omma-steps .steps-panel{border:1px solid #373942;border-radius:22px;background:#202127;margin:0 0 15px;padding:20px 17px}
.omma-steps .steps-panel-head{display:flex;align-items:start;justify-content:space-between;gap:9px;margin-bottom:15px}.omma-steps h2{font-family:var(--disp);font-size:21px;letter-spacing:-.04em;line-height:1.15;margin:5px 0 0}.omma-steps h3{font-size:13px;color:#F3F3F4;margin:17px 0 10px}
.omma-steps .steps-source-tag{border:1px solid #484A56;border-radius:100px;padding:6px 9px;font-size:10px;color:#B9BAC6;white-space:nowrap;font-weight:650}
.omma-steps .steps-periods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;background:#141519;padding:5px;border-radius:13px;margin:14px 0 9px}
.omma-steps .steps-period{border:0;background:none;border-radius:10px;padding:11px 6px;color:#9294A1;font-size:12px;font-weight:750;cursor:pointer}.omma-steps .steps-period.selected{background:#41424A;color:#fff}
.omma-steps .steps-board-range{font-size:11px;color:#9395A4;margin:6px 0 12px}
.omma-steps .steps-place{display:flex;gap:11px;align-items:center;padding:11px 1px;border-bottom:1px solid #35363F}.omma-steps .steps-place:last-of-type{border-bottom:0}.omma-steps .steps-place.self{background:color-mix(in srgb,var(--step-accent),transparent 92%);border-radius:10px;padding:11px 9px}
.omma-steps .steps-place-pos{font-weight:800;color:#9295A5;font-size:13px;width:15px;text-align:center}.omma-steps .steps-place:nth-of-type(1) .steps-place-pos{color:#F1CE76}
.omma-steps .steps-place-avatar{width:35px;height:35px;border-radius:11px;background:#363740;color:#fff;display:grid;place-items:center;font-size:14px;font-weight:800;flex-shrink:0}
.omma-steps .steps-place-name{flex:1;min-width:0}.omma-steps .steps-place-name b{font-size:12px;display:block;white-space:normal}.omma-steps .steps-place-name small{font-size:10px;color:#9B9DA8;display:block;margin-top:3px}.omma-steps .steps-you{font-size:9px;color:var(--step-accent);letter-spacing:.08em}
.omma-steps .steps-place>strong{font-size:14px;white-space:nowrap;font-variant-numeric:tabular-nums}
.omma-steps .steps-empty,.omma-steps .steps-footnote,.omma-steps .steps-small{font-size:11px;color:#A8AAB7;line-height:1.6;margin-top:14px}
.omma-steps .steps-panel>p{font-size:12px;color:#B0B2BE;line-height:1.6;margin-bottom:13px}
.omma-steps .steps-check{display:flex;align-items:flex-start;gap:11px;font-size:12px;font-weight:600;line-height:1.5;margin:17px 0;color:#E4E4E9;cursor:pointer}
.omma-steps .steps-check input{accent-color:var(--step-accent);width:19px;height:19px;flex-shrink:0;margin-top:0}
.omma-steps .steps-button{border:0;cursor:pointer;border-radius:11px;font-size:12px;font-weight:800;min-height:42px;padding:11px 14px;margin:8px 7px 0 0;transition:opacity .1s;background:#43454E;color:#fff}
.omma-steps .steps-button:disabled{opacity:.45;cursor:not-allowed}
.omma-steps .steps-button.primary{background:var(--step-accent);color:#16161A}
.omma-steps .steps-button.outline{background:#34353E;color:#fff;border:1px solid #545661}
.omma-steps .steps-button.danger{background:rgba(212,42,54,.16);color:#FFB2B8;border:1px solid rgba(212,42,54,.4)}
.omma-steps .steps-button.subtle{background:none;color:#C3C4CD}
.omma-steps label:not(.steps-check){display:block;font-size:11px;font-weight:700;color:#AFB0BC}
.omma-steps label:not(.steps-check) input{width:100%;display:block;margin-top:7px;border:1px solid #484952;border-radius:9px;background:#16171C;padding:12px 11px;color:#FAFAFC;font-size:15px;min-width:0;outline-offset:2px}
.omma-steps .steps-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.omma-steps .steps-history-row{display:flex;align-items:center;gap:10px;border-top:1px solid #363841;padding:11px 0}.omma-steps .steps-history-row>div{flex:1}.omma-steps .steps-history-row b{display:block;font-size:12px}.omma-steps .steps-history-row small{display:block;color:#989AA7;font-size:10px;margin-top:3px}.omma-steps .steps-history-row strong{font-size:13px}.omma-steps .steps-remove{background:#363740;border:0;color:#D1D1D7;border-radius:9px;width:31px;height:31px;font-size:19px;cursor:pointer}
.omma-steps .steps-settings #steps-goal-form{display:flex;gap:12px;align-items:end}.omma-steps .steps-settings #steps-goal-form label{flex:1}.omma-steps .steps-settings #steps-goal-form button{flex:none}
.omma-steps .steps-alert{border:1px solid #7F5B56;border-radius:9px;padding:12px;background:#322622!important;color:#FFE1CC!important}
.omma-steps .steps-secret{margin:14px 0;padding:14px;background:#14151B;border:1px solid #555763;border-radius:11px}.omma-steps .steps-secret input{font-family:monospace;font-size:11px!important}.omma-steps .steps-instructions{margin-top:15px;border-top:1px solid #343640;padding-top:15px}.omma-steps .steps-instructions summary{cursor:pointer;font-size:12px;font-weight:800;color:var(--step-accent)}.omma-steps .steps-instructions ol{margin:15px 0 10px 21px;display:grid;gap:13px}.omma-steps .steps-instructions li{color:#CDD0D9;font-size:12px;line-height:1.5}.omma-steps .steps-instructions code{font-size:11px;color:#fff;background:#3C3D45;border-radius:4px;padding:2px 4px}.omma-steps .steps-endpoint-label{margin:16px 0}
.omma-steps .steps-queueitem{display:grid;gap:6px}.omma-steps .steps-queueitem>small{color:#A3A5B0}.omma-steps .steps-queueitem>strong{font-size:23px}.omma-steps .steps-queue-actions{display:flex;gap:8px}
@media(max-width:380px){.omma-steps .steps-panel{padding:15px 13px}.omma-steps .steps-place{gap:8px}.omma-steps .steps-title h1{font-size:33px}.omma-steps .steps-form-row{grid-template-columns:1fr 1fr}.omma-steps .steps-settings #steps-goal-form{display:block}}