.ob-card--guide{border-radius:.8125rem;gap:0;width:calc(100% - 1.5rem);max-width:26rem;max-height:min(88dvh,42rem);padding:1.25rem 1.125rem 1.5rem}.ob-guide-header{flex-direction:column;flex-shrink:0;gap:.875rem;margin-bottom:.25rem;display:flex}.ob-guide-header__top{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.ob-guide-header__eyebrow{color:#ffffffb8;letter-spacing:.02em;font-size:.8125rem;font-weight:600}.ob-guide-header__count{color:#ffffff8c;background:#ffffff14;border:.0625rem solid #ffffff1a;border-radius:2rem;flex-shrink:0;padding:.2rem .55rem;font-size:.6875rem;font-weight:700}.ob-guide-dots{gap:.375rem;width:100%;display:flex}.ob-guide-dot{flex-direction:column;flex:1;align-items:center;gap:.35rem;min-width:0;display:flex}.ob-guide-dot__track{background:#ffffff1f;border-radius:99rem;width:100%;height:.1875rem;overflow:hidden}.ob-guide-dot__fill{border-radius:inherit;background:#ffffff38;width:0;height:100%;transition:width .35s,background .25s;display:block}.ob-guide-dot.is-done .ob-guide-dot__fill,.ob-guide-dot.is-active .ob-guide-dot__fill{width:100%}.ob-guide-dot.is-active .ob-guide-dot__fill{background:linear-gradient(90deg,#0a84ff,#bf5af2)}.ob-guide-dot__label{color:#ffffff52;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.625rem;font-weight:600;transition:color .2s;overflow:hidden}.ob-guide-dot.is-done .ob-guide-dot__label,.ob-guide-dot.is-active .ob-guide-dot__label{color:#ffffffc7}.ob-card--guide .ob-progress--guide{height:.1875rem;margin:0}.ob-card--guide .ob-hero{gap:.625rem;margin-bottom:1.125rem}.ob-hero__badge{width:3.25rem;height:3.25rem;color:var(--step-accent,#5ac8fa);background:color-mix(in srgb, var(--step-accent,#5ac8fa) 16%, transparent);border:.0625rem solid color-mix(in srgb, var(--step-accent,#5ac8fa) 32%, transparent);box-shadow:0 .5rem 1.25rem color-mix(in srgb, var(--step-accent,#5ac8fa) 22%, transparent);border-radius:.8125rem;justify-content:center;align-items:center;display:inline-flex}.ob-card--guide .ob-title{font-size:1.3125rem;font-weight:700}.ob-card--guide .ob-subtitle{color:#ffffff85;max-width:none;min-height:auto;font-size:.875rem}.ob-guide-fieldset{flex-direction:column;align-items:stretch;gap:.375rem;width:100%;display:flex}.ob-guide-nickname-input{text-align:center;letter-spacing:.04em;color:#fff;box-sizing:border-box;background:#00000038;border:.09375rem solid #ffffff24;border-radius:.8125rem;outline:none;width:100%;padding:.875rem 1rem;font-size:1.0625rem;font-weight:600;transition:border-color .15s,box-shadow .15s}.ob-guide-nickname-input::placeholder{color:#ffffff47;font-weight:500}.ob-guide-nickname-input:focus{border-color:color-mix(in srgb, var(--step-accent,#5ac8fa) 70%, white);box-shadow:0 0 0 .1875rem color-mix(in srgb, var(--step-accent,#5ac8fa) 22%, transparent)}.ob-guide-char-count{color:#ffffff59;align-self:flex-end;font-size:.6875rem;font-weight:600}.ob-guide-form{flex-direction:column;gap:.875rem;width:100%;display:flex}.ob-guide-field{text-align:left;flex-direction:column;gap:.4375rem;display:flex}.ob-guide-label{color:#ffffff7a;letter-spacing:.03em;font-size:.75rem;font-weight:600}.ob-guide-select{color:#fff;appearance:none;background-color:#00000038;background-image:linear-gradient(45deg,#0000 50%,#ffffff8c 50%),linear-gradient(135deg,#ffffff8c 50%,#0000 50%);background-position:calc(100% - 1rem) calc(50% + .125rem),calc(100% - .6875rem) calc(50% + .125rem);background-repeat:no-repeat;background-size:.3125rem .3125rem,.3125rem .3125rem;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:.09375rem solid #ffffff24;border-radius:.8125rem;outline:none;width:100%;min-height:2.75rem;padding:0 .875rem;font-size:.9375rem;font-weight:600}.ob-guide-select:focus{border-color:color-mix(in srgb, var(--step-accent,#30d158) 70%, white);box-shadow:0 0 0 .1875rem color-mix(in srgb, var(--step-accent,#30d158) 22%, transparent)}.ob-guide-hint{color:#ffffff6b;text-align:left;margin:0;font-size:.8125rem;line-height:1.55}.ob-guide-consent{cursor:pointer;text-align:left;background:#0000002e;border:.09375rem solid #ffffff1a;border-radius:.8125rem;align-items:flex-start;gap:.625rem;padding:.75rem .875rem;transition:border-color .2s,background .2s;display:flex}.ob-guide-consent--checked{border-color:color-mix(in srgb, var(--step-accent,#30d158) 45%, transparent);background:color-mix(in srgb, var(--step-accent,#30d158) 10%, transparent)}.ob-guide-checkbox{flex-shrink:0;width:1.125rem;height:1.125rem;margin-top:.125rem;position:relative}.ob-guide-checkbox-input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute;inset:0}.ob-guide-checkbox-box{pointer-events:none;background:#ffffff0f;border:.09375rem solid #ffffff47;border-radius:.3125rem;justify-content:center;align-items:center;transition:border-color .2s,background .2s;display:flex;position:absolute;inset:0}.ob-guide-checkbox-box--checked{border-color:var(--step-accent,#30d158);background:var(--step-accent,#30d158)}.ob-guide-consent-text{color:#ffffffb8;font-size:.8125rem;line-height:1.6}.ob-guide-consent-text a{color:#5ac8fa;text-decoration:none}.ob-guide-error{color:#ff6961;text-align:center;background:#ff3b301f;border:.0625rem solid #ff3b3038;border-radius:.625rem;width:100%;margin:.375rem 0 0;padding:.5rem .625rem;font-size:.8125rem}.ob-card--guide .ob-page--interest{min-height:0}.ob-card--guide .ob-interests__groups{height:auto;max-height:11rem}.ob-card--guide .ob-grade-sections{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;flex-direction:column;gap:.875rem;width:100%;max-height:14rem;padding-right:.125rem;display:flex;overflow-y:auto}.ob-grade-section__title{letter-spacing:.05em;text-transform:uppercase;color:#ffffff61;margin:0 0 .4375rem;font-size:.6875rem;font-weight:700}.ob-card--guide .ob-footer{margin-top:1.125rem;padding-top:.25rem}.ob-card--guide .ob-btn--primary:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}@media (orientation:landscape) and (height<=32rem){.ob-card--guide{max-height:calc(100dvh - 1rem);padding-top:.875rem;padding-bottom:.875rem}.ob-card--guide .ob-hero{margin-bottom:.75rem}.ob-card--guide .ob-interests__groups{max-height:7.5rem}.ob-card--guide .ob-grade-sections{max-height:8.5rem}}@media (width>=40rem){.ob-card--guide{padding:1.375rem 1.25rem 1.625rem}}