.reef.pg-setup{--wash:#eef1ff;--page:#f6f7fb;--card:0 1px 2px #1018280d;--good:#0f9d76;--good-wash:#e8f7f1;--bad:#d1435b;--bad-wash:#fdecef;background:var(--page);flex-direction:column;min-height:100dvh;display:flex}.reef.pg-setup .swrap{flex:auto;width:100%;max-width:680px;margin:0 auto;padding:28px 24px 80px}.reef.pg-setup .swrap.mid{place-items:center;max-width:520px;padding-bottom:110px;display:grid}.reef.pg-setup .card{border:1px solid var(--line);box-shadow:var(--card);background:#fff;border-radius:18px;width:100%;padding:28px 30px 30px}.reef.pg-setup .back{color:var(--mut);align-items:center;gap:7px;margin-bottom:16px;font-size:13.6px;font-weight:600;transition:color .15s;display:inline-flex}.reef.pg-setup .back:hover{color:var(--ink)}.reef.pg-setup .back .i{font-size:16px}.reef.pg-setup .tag{background:var(--wash);color:var(--p70);letter-spacing:.03em;border-radius:999px;align-items:center;gap:8px;padding:6px 13px;font-size:11.6px;font-weight:700;display:inline-flex}.reef.pg-setup .tag .i{font-size:14px}.reef.pg-setup h1{letter-spacing:-.045em;margin:16px 0 0;font-size:25px;font-weight:700;line-height:1.15}.reef.pg-setup .lede{color:var(--mut);margin:9px 0 0;font-size:14.4px;line-height:1.65}.reef.pg-setup .step{margin-top:26px}.reef.pg-setup .step>.q{letter-spacing:-.02em;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 11px;font-size:14px;font-weight:700;display:flex}.reef.pg-setup .change{cursor:pointer;color:var(--mut);background:0 0;border:0;padding:0;font-family:inherit;font-size:12.4px;font-weight:600}.reef.pg-setup .change:hover{color:var(--ink)}.reef.pg-setup .two{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.reef.pg-setup .opt{text-align:left;border:1.5px solid var(--line);cursor:pointer;width:100%;color:inherit;background:#fff;border-radius:14px;padding:15px 17px 16px;font-family:inherit;transition:border-color .15s,background .15s;display:block}.reef.pg-setup .opt:hover{border-color:var(--p40);background:#fafbff}.reef.pg-setup .opt.on{border-color:var(--p70);background:var(--wash)}.reef.pg-setup .opt b{letter-spacing:-.02em;font-size:14.2px;font-weight:700;display:block}.reef.pg-setup .opt span{color:var(--mut);margin-top:4px;font-size:12.8px;line-height:1.55;display:block}.reef.pg-setup .opts{gap:10px;display:grid}.reef.pg-setup .opt .row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.reef.pg-setup .opt .i{color:var(--p70);flex:none;margin-top:1px;font-size:18px}.reef.pg-setup .note{color:var(--fnt);align-items:center;gap:8px;margin:10px 0 0;font-size:12.6px;display:inline-flex}.reef.pg-setup .note.ok{color:var(--good);font-weight:600}.reef.pg-setup .note.bad{color:var(--bad)}.reef.pg-setup .note .i{font-size:15px}.reef.pg-setup .spin{border:2px solid #14151d24;border-top-color:var(--p70);border-radius:50%;flex:none;width:13px;height:13px;animation:.8s linear infinite setup-spin}@keyframes setup-spin{to{transform:rotate(360deg)}}.reef.pg-setup .why{color:var(--mut);margin:10px 0 0;font-size:13.4px;line-height:1.6}.reef.pg-setup .why a,.reef.pg-setup .why button{cursor:pointer;font-family:inherit;font-size:inherit;color:var(--p70);background:0 0;border:0;padding:0;font-weight:600}.reef.pg-setup .why a:hover,.reef.pg-setup .why button:hover{text-decoration:underline}.reef.pg-setup .box{border:1px solid var(--line);background:#fafbff;border-radius:14px;margin-top:11px;padding:15px 17px}.reef.pg-setup .box .head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.reef.pg-setup .box b{letter-spacing:-.02em;font-size:13.8px;font-weight:700;display:block}.reef.pg-setup .box .s{color:var(--mut);margin-top:3px;font-size:12.6px;display:block}.reef.pg-setup .box .acts{align-items:center;gap:12px;font-size:12.4px;font-weight:600;display:flex}.reef.pg-setup .box .acts a{color:var(--p70)}.reef.pg-setup .box .mix{color:var(--mut);margin:10px 0 0;font-size:12.4px;line-height:1.6}.reef.pg-setup .drop{cursor:pointer;background:#fff;border:1.5px dashed #14151d33;border-radius:14px;align-items:center;gap:13px;margin-top:11px;padding:14px 16px;transition:border-color .15s,background .15s;display:flex}.reef.pg-setup .drop:hover{border-color:var(--p40);background:#fafbff}.reef.pg-setup .drop.busy{cursor:wait;position:relative;overflow:hidden}.reef.pg-setup .drop.busy:after{content:"";background:linear-gradient(90deg, transparent, var(--p70), transparent);border-radius:2px;width:38%;height:2px;animation:1.5s ease-in-out infinite setup-sweep;position:absolute;bottom:0;left:0}@keyframes setup-sweep{0%{transform:translate(-100%)}to{transform:translate(360%)}}.reef.pg-setup .drop .stage{align-items:center;gap:8px;display:flex}.reef.pg-setup .drop .stage i{background:var(--p70);border-radius:50%;flex:none;width:6px;height:6px;animation:1.4s ease-in-out infinite setup-beat}@keyframes setup-beat{50%{opacity:.3}}.reef.pg-setup .drop .stage span{min-width:0;margin-top:0;transition:opacity .3s}.reef.pg-setup .drop .stage.turn span{opacity:0}@media (prefers-reduced-motion:reduce){.reef.pg-setup .drop.busy:after,.reef.pg-setup .drop .stage i,.reef.pg-setup .drop .stage span{transition:none;animation:none}}.reef.pg-setup .drop.done{background:var(--good-wash);border-style:solid;border-color:#0f9d7659}.reef.pg-setup .drop input{display:none}.reef.pg-setup .drop .ico{background:var(--wash);width:38px;height:38px;color:var(--p70);border-radius:11px;flex:none;place-items:center;font-size:17px;display:grid}.reef.pg-setup .drop.done .ico{color:var(--good);background:#fff}.reef.pg-setup .drop .txt{min-width:0}.reef.pg-setup .drop b{letter-spacing:-.02em;font-size:13.8px;font-weight:700;display:block}.reef.pg-setup .drop span{color:var(--mut);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12.6px;display:block;overflow:hidden}.reef.pg-setup label.q{letter-spacing:-.02em;margin:26px 0 10px;font-size:14px;font-weight:700;display:block}.reef.pg-setup input[type=text]{border:1.5px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:13px;padding:14px 16px;font-family:inherit;font-size:15px}.reef.pg-setup input[type=text]::placeholder{color:var(--fnt)}.reef.pg-setup input[type=text]:focus{border-color:var(--p40);outline:none}.reef.pg-setup .go{background:var(--p70);color:#fff;cursor:pointer;letter-spacing:-.02em;border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:20px;padding:16px;font-family:inherit;font-size:15.5px;font-weight:700;transition:filter .15s;display:flex}.reef.pg-setup .go:hover{filter:brightness(1.08)}.reef.pg-setup .go[disabled]{color:var(--fnt);cursor:not-allowed;filter:none;background:#e7e9f2}.reef.pg-setup .go .i{stroke-width:2.2px;font-size:18px}.reef.pg-setup .hint{text-align:center;color:var(--fnt);margin:12px 0 0;font-size:12.6px}.reef.pg-setup .hint.warn{color:#b57813}.reef.pg-setup .rules{text-align:center;color:var(--fnt);justify-content:center;align-items:flex-start;gap:8px;margin:16px 0 0;font-size:12.6px;line-height:1.6;display:flex}.reef.pg-setup .rules .i{flex:none;margin-top:1px;font-size:15px}.reef.pg-setup.inmodal{background:0 0;width:100%;max-width:420px;min-height:0}.reef.pg-setup.inflow{background:0 0;width:100%;min-height:0;margin-top:13px}.reef.pg-setup .card.gate{text-align:center;padding:34px 32px 32px}.reef.pg-setup .card.gate h1{margin-top:0;font-size:21px}.reef.pg-setup .signin{border:1.5px solid var(--line);cursor:pointer;width:100%;color:var(--ink);background:#fff;border-radius:13px;justify-content:center;align-items:center;gap:11px;margin-top:22px;padding:14px;font-family:inherit;font-size:14.4px;font-weight:600;transition:background .15s;display:flex}.reef.pg-setup .signin:hover{background:#f6f7fb}.reef.pg-setup .signin[disabled]{opacity:.6;cursor:wait}.reef.pg-setup .card.err{background:var(--bad-wash);border-color:#d1435b4d}.reef.pg-setup .card.err h1,.reef.pg-setup .card.err h2{letter-spacing:-.04em;color:var(--bad);margin:0;font-size:19px}.reef.pg-setup .card.err p{color:#8c2f40;margin:9px 0 0;font-size:13.8px;line-height:1.6}@media (max-width:620px){.reef.pg-setup .swrap{padding:20px 18px 70px}.reef.pg-setup .card{border-radius:16px;padding:24px 20px 26px}.reef.pg-setup .two{grid-template-columns:minmax(0,1fr)}.reef.pg-setup h1{font-size:22px}}@media (prefers-reduced-motion:reduce){.reef.pg-setup .spin{animation:none}}