.brother-setup,.brother-setup *{box-sizing:border-box}
body.brother-setup-active.onboarding-locked::before{display:none!important}
.brother-setup{inset:0;width:min(720px,calc(100vw - 32px));max-width:720px;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #b8b9a749;border-radius:22px;color:#f2edda;background:linear-gradient(140deg,#23362cf7,#15231efc 72%);box-shadow:0 32px 100px #0009, inset 0 1px #ffffff0a;overflow:auto;overscroll-behavior:contain;font-family:Inter,'Noto Sans JP',Arial,sans-serif;scrollbar-width:thin;scrollbar-color:#7e896c #1a2922;outline:none}
.brother-setup::backdrop{background:#08120f9c;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.brother-setup [hidden]{display:none!important}
.brother-setup-form{padding:29px 36px 27px;margin:0}
.brother-setup-header{display:flex;justify-content:space-between;align-items:center;min-height:28px;margin-bottom:35px}
.brother-wordmark{font-size:15px;font-weight:850;letter-spacing:-.04em;color:#f4eac9}
.brother-wordmark>span{font-size:9px;letter-spacing:.15em;margin-left:10px;color:#aab4a3;font-weight:500}
.brother-setup button{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.brother-setup button:disabled,.brother-setup input:disabled{cursor:wait;opacity:.5}
.brother-close{width:30px;height:30px;border:1px solid #b7bea638;border-radius:50%;background:transparent;color:#dfe3cc;font-size:23px;line-height:1}
.brother-eyebrow{margin:0 0 11px;color:#b5c39c;font-size:9px;letter-spacing:.18em;font-weight:650}
.brother-setup h1{max-width:470px;margin:0;font-size:clamp(31px,5.5vw,47px);line-height:1.03;letter-spacing:-.055em;font-weight:650;color:#f1eedc;text-wrap:balance}
.brother-description{margin:16px 0 27px;font-size:13px;line-height:1.6;color:#adb8a8}
.brother-name-step>label,.brother-setup legend{display:block;padding:0;margin:0 0 12px;font-size:9px;letter-spacing:.12em;font-weight:650;color:#d2d6bd}
.brother-name-step>input{display:block;width:100%;height:66px;border:0;border-bottom:1px solid #8d9d7f66;border-radius:0;padding:10px 0;background:transparent;color:#f4edcd;font-size:27px;font-family:inherit;letter-spacing:-.035em;outline:none;box-shadow:none}
.brother-name-step>input::placeholder{color:#82917b}
.brother-name-step>input:focus{border-bottom-color:#e7d78f}
.brother-field-note{font-size:10px;color:#98a68f;margin:13px 0 0}
.brother-intro{display:flex;align-items:center;justify-content:center;gap:22px;padding:48px 0 23px;color:#84947a;font-size:11px;line-height:1.6;letter-spacing:.2em;text-align:center}
.brother-intro-line{display:block;width:56px;height:1px;background:#73806b52}
.brother-setup fieldset{min-width:0;margin:0;padding:0;border:0}
.brother-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.brother-choice{position:relative;padding:0;text-align:left;overflow:hidden;border:1px solid #78857255;border-radius:13px;background:#1a251e;color:#f2edda;transition:border-color .16s,background .16s}
.brother-choice:hover{border-color:#a2af8c}
.brother-choice[aria-pressed=true]{border-color:#e5d899;box-shadow:0 0 0 1px #e5d899;background:#25362a}
.brother-choice-tag{position:absolute;top:13px;left:12px;z-index:1;padding:5px 7px;border:1px solid #b1b79a44;border-radius:4px;background:#172219ba;color:#e0e2ce;font-size:7px;letter-spacing:.12em}
.brother-choice-preview{display:block;width:100%;height:240px;object-fit:contain;object-position:center 45%;background:radial-gradient(ellipse at 50% 65%,#40543b44,transparent 70%)}
.brother-choice-caption{display:flex;flex-direction:column;gap:5px;padding:13px 14px;background:#14201891;border-top:1px solid #81947726}
.brother-choice-caption b{font-size:12px;font-weight:600;letter-spacing:-.01em}
.brother-choice-caption>span{font-size:10px;color:#a8b59a}
.brother-choice-check{display:none;position:absolute;bottom:17px;right:13px;align-items:center;justify-content:center;width:19px;height:19px;border-radius:50%;background:#e6d895;color:#253223;font-size:12px}
.brother-choice[aria-pressed=true] .brother-choice-check{display:flex}
.brother-palettes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin-top:25px}
.brother-swatches{display:flex;gap:9px;flex-wrap:wrap}
.brother-swatch{display:block;flex:0 0 25px;height:25px;padding:0;border:2px solid transparent;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #ffffff24;transition:box-shadow .15s}
.brother-swatch[aria-pressed=true]{border-color:#17271d;box-shadow:0 0 0 2px #e9dfb3}
.brother-custom{display:flex;align-items:center;gap:9px;width:fit-content;margin:14px 0 0;color:#99a990;font-size:9px;cursor:pointer}
.brother-custom input{width:23px;height:19px;margin:0;padding:0;border:1px solid #9aab8259;border-radius:4px;background:transparent;cursor:pointer}
.brother-custom input::-webkit-color-swatch-wrapper{padding:2px}
.brother-custom input::-webkit-color-swatch{border:0;border-radius:2px}
.brother-status{min-height:17px;margin:14px 0 0;color:#f1b5a3;font-size:11px;line-height:1.5}
.brother-setup-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:18px;border-top:1px solid #8f9b792e}
.brother-footer-note{font-size:10px;color:#9caa8f}
.brother-next{display:flex;justify-content:space-between;align-items:center;gap:28px;min-height:48px;margin-left:auto;padding:14px 20px;border:1px solid #e5dab0;border-radius:8px;background:#e9dfb8;color:#233227;font-size:12px;font-weight:700;transition:background .15s}
.brother-next:hover{background:#f4ebce}
.brother-back{padding:10px 0;border:0;background:transparent;color:#b4c0a4;font-size:11px}
.brother-setup button:focus-visible,.brother-setup input[type=color]:focus-visible{outline:2px solid #f4e3a2;outline-offset:4px}
@media(min-width:1000px){.brother-setup{margin-left:6vw;margin-right:auto}.brother-setup::backdrop{background:linear-gradient(90deg,#08120f99,#08120f32 65%);backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(max-width:600px){.brother-setup{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:17px}.brother-setup-form{padding:22px 20px}.brother-setup-header{margin-bottom:27px}.brother-description{font-size:12px;margin:12px 0 23px}.brother-choice-preview{height:195px}.brother-choice-tag{font-size:6px;left:8px;top:9px;padding:4px}.brother-choice-caption{padding:12px 10px}.brother-choice-caption b{font-size:10px}.brother-choice-caption>span{font-size:9px}.brother-choice-check{right:9px;bottom:13px;width:16px;height:16px;font-size:10px}.brother-palettes{gap:17px;margin-top:22px}.brother-swatches{gap:8px}.brother-swatch{flex-basis:22px;height:22px}.brother-next{min-height:45px;font-size:11px;padding:12px 14px}.brother-footer-note{max-width:85px;line-height:1.6}.brother-intro{padding:38px 0 25px}}
@media(max-height:760px) and (min-width:601px){.brother-setup-form{padding-top:20px;padding-bottom:20px}.brother-setup-header{margin-bottom:19px}.brother-setup h1{font-size:37px}.brother-description{margin:10px 0 19px}.brother-choice-preview{height:180px}.brother-palettes{margin-top:18px}.brother-setup-footer{padding-top:14px}}
@media(prefers-reduced-motion:reduce){.brother-setup *{transition:none!important}}
