.duet-auth{isolation:isolate;flex-direction:column;align-items:center;display:flex;position:relative;overflow-x:clip}.duet-auth input{font:inherit}.duet-auth .gl{z-index:-1;pointer-events:none;background:radial-gradient(50% 70% at 20% 0,#8b84ff3d,#0000 70%),radial-gradient(40% 60% at 80% 0,#e27ac029,#0000 70%),radial-gradient(50% 50% at 50% 0,#ff9a5c1a,#0000 70%);height:720px;position:absolute;inset:0 0 auto}.duet-auth .gl.red{background:radial-gradient(50% 70% at 25% 0,#e5484d33,#0000 70%),radial-gradient(40% 60% at 75% 0,#ff9a5c24,#0000 70%)}.duet-auth .bar{justify-content:center;width:100%;padding:24px 24px 0;display:flex}.duet-auth .main{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;width:100%;padding:32px 16px 48px;display:flex}.duet-auth .sfoot{color:#f5f5f766;text-align:center;padding:0 16px 32px;font-size:12px}.duet-auth .card{background:#141418;border-radius:32px;flex-direction:column;gap:24px;width:480px;max-width:100%;padding:32px;animation:.26s cubic-bezier(.2,.8,.2,1) duet-auth-up;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #f5f5f71a,0 40px 120px #000000b3}.duet-auth .card.wide{width:640px}.duet-auth .card-gl{pointer-events:none;background:radial-gradient(60% 50% at 0 0,#8b84ff2e,#0000 70%),radial-gradient(50% 50% at 100% 0,#ff9a5c1f,#0000 70%);position:absolute;inset:0}.duet-auth .card>*{position:relative}.duet-auth .card>.card-gl{position:absolute}.duet-auth .hd{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.duet-auth .hd h1{letter-spacing:-.02em;text-wrap:balance;overflow-wrap:anywhere;margin:0;font-size:28px;font-weight:800;line-height:1.15}.duet-auth .hd .sub{color:#f5f5f799;text-wrap:pretty;margin:0;font-size:14px;line-height:1.5}.duet-auth .tile{color:#f5f5f7cc;background:#f5f5f714;border-radius:22px;flex:none;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.duet-auth .tile.v{color:#c9c5ff;background:#8b84ff29}.duet-auth .tile.am{color:#fde68a;background:#fbbf2424}.duet-auth .tile.rd{color:#fca5a5;background:#e5484d29}.duet-auth .tile .av{width:72px;height:72px;font-size:28px}.duet-auth .note{text-align:center;color:#f5f5f780;flex-direction:column;gap:8px;max-width:480px;font-size:12px;line-height:1.5;display:flex}.duet-auth .form{flex-direction:column;gap:20px;margin:0;display:flex}.duet-auth .fld{flex-direction:column;gap:8px;min-width:0;display:flex}.duet-auth .lb{font-size:12px;font-weight:700}.duet-auth .inp{background:#f5f5f70f;border-radius:14px;align-items:center;gap:8px;height:48px;padding:0 16px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #f5f5f71a}.duet-auth .inp:focus-within{box-shadow:inset 0 0 0 1px #8b84ffb3,0 0 0 4px #8b84ff26}.duet-auth .inp:has(input[aria-invalid=true]){box-shadow:inset 0 0 0 1px #e5484db3}.duet-auth .inp.good{box-shadow:inset 0 0 0 1px #22c55e8c}.duet-auth .inp input{color:#f5f5f7;background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;font-size:16px}.duet-auth .inp input::placeholder{color:#f5f5f759}.duet-auth .inp.pw{padding-right:8px}.duet-auth .eye{color:#f5f5f78c;border-radius:10px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.duet-auth .eye:hover{color:#f5f5f7;background:#f5f5f714}.duet-auth .hint{color:#f5f5f773;font-size:12px;line-height:1.45}.duet-auth .hint.bad{color:#fde68a}.duet-auth .hint.good{color:#86efac}.duet-auth .hint.err{color:#fca5a5}.duet-auth .pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.duet-auth .alert{color:#fca5a5;background:#e5484d1f;border-radius:16px;align-items:flex-start;gap:8px;padding:12px 16px;font-size:14px;line-height:1.45;display:flex;box-shadow:inset 0 0 0 1px #e5484d59}.duet-auth .alert svg{flex:none;margin-top:2px}.duet-auth .btn.blk{width:100%}.duet-auth .btn.pr .spin{border-color:#09090b #09090b33 #09090b33}.duet-auth .btn.ac .spin{border-color:#fff #ffffff4d #ffffff4d}.duet-auth .checks{flex-wrap:wrap;justify-content:center;gap:8px 16px;min-height:20px;display:flex}.duet-auth .chk{white-space:nowrap;color:#f5f5f773;align-items:center;gap:4px;font-size:12px;display:inline-flex}.duet-auth .chk.ok{color:#86efac}.duet-auth .chk.warn{color:#fde68a}.duet-auth .who{align-items:center;gap:16px;display:flex}.duet-auth .who-pic{border-radius:50%;flex:none}.duet-auth .who-pic .av,.duet-auth .who-pic img{object-fit:cover;border-radius:50%;width:56px;height:56px;font-size:22px;display:flex;box-shadow:inset 0 0 0 1px #f5f5f71a}.duet-auth .who-tx{flex-direction:column;gap:4px;min-width:0;display:flex}.duet-auth .who-tx h2{letter-spacing:-.01em;margin:0;font-size:22px;font-weight:800}.duet-auth .who-tx small{color:#f5f5f780;font-size:12px;line-height:1.45}.duet-auth .box{background:#f5f5f70a;border-radius:18px;flex-direction:column;gap:12px;padding:16px;display:flex;box-shadow:inset 0 0 0 1px #f5f5f712}.duet-auth .box.ok{background:#22c55e1a;box-shadow:inset 0 0 0 1px #22c55e4d}.duet-auth .rowb{align-items:center;gap:12px;min-width:0;display:flex}.duet-auth .rowb .av{width:40px;height:40px;font-size:16px}.duet-auth .rowb-tx{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.duet-auth .rowb-tx small{color:#f5f5f780;font-size:12px}.duet-auth .rowb-tx b{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:700;overflow:hidden}.duet-auth .link-btn{color:#c9c5ff;border-radius:10px;flex:none;height:32px;padding:0 8px;font-size:12px;font-weight:700}.duet-auth .link-btn:hover{color:#f5f5f7;background:#f5f5f70f}.duet-auth .quiet{color:#f5f5f799;border-radius:999px;width:100%;height:40px;font-size:14px;font-weight:600}.duet-auth .quiet:hover{color:#f5f5f7;background:#f5f5f70f}.duet-auth .quiet:disabled{opacity:.4;pointer-events:none}.duet-auth .msg{flex-direction:column;gap:8px;display:flex}.duet-auth .msg small{color:#f5f5f780;align-items:center;gap:8px;font-size:12px;display:flex}.duet-auth .msg small .av{width:24px;height:24px;font-size:12px}.duet-auth .msg p{color:#f5f5f7;margin:0;font-size:14px;line-height:1.5}.duet-auth .done{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.duet-auth .done-ic{color:#86efac;background:#22c55e2e;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.duet-auth .done-ic.nt{color:#f5f5f7b3;background:#f5f5f714}.duet-auth .done b{font-size:16px;font-weight:800}.duet-auth .done p{color:#f5f5f799;margin:0;font-size:14px;line-height:1.5}.duet-auth .acts{flex-direction:column;gap:12px;display:flex}.duet-auth .code{cursor:text;gap:8px;display:flex;position:relative}.duet-auth .code .c{font-variant-numeric:tabular-nums;background:#f5f5f70f;border-radius:14px;flex:1 1 0;justify-content:center;align-items:center;min-width:0;max-width:56px;height:64px;font-size:26px;font-weight:800;display:flex;box-shadow:inset 0 0 0 1px #f5f5f71f}.duet-auth .code:focus-within .c.on{box-shadow:inset 0 0 0 1px #8b84ffb3,0 0 0 4px #8b84ff26}.duet-auth .code.bad .c{box-shadow:inset 0 0 0 1px #e5484db3}.duet-auth .code input{opacity:0;cursor:text;border:0;width:100%;height:100%;position:absolute;inset:0}.duet-auth .code.cells{justify-content:center}.duet-auth .code.cells .c{cursor:default}.duet-auth .sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.duet-auth .codewrap{flex-direction:column;align-items:stretch;gap:12px;display:flex}.duet-auth .roomcode{background:#f5f5f70f;border-radius:18px;justify-content:center;align-items:center;gap:16px;width:100%;height:64px;padding:0 12px 0 24px;display:flex;box-shadow:inset 0 0 0 1px #f5f5f71a}.duet-auth .roomcode:hover{background:#f5f5f71a}.duet-auth .roomcode b{letter-spacing:.24em;padding-left:.24em;font-family:ui-monospace,Cascadia Mono,Menlo,monospace;font-size:28px;font-weight:800}.duet-auth .roomcode i{color:#f5f5f7b3;background:#f5f5f714;border-radius:12px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-style:normal;display:flex}.duet-auth .center{flex-direction:column;align-items:center;gap:12px;display:flex}.duet-auth .center small{color:#f5f5f773;font-size:12px}.duet-auth .lbl{letter-spacing:.08em;text-transform:uppercase;color:#f5f5f773;font-size:12px;font-weight:800}.duet-auth .app-hint{background:#f5f5f70a;border-radius:18px;align-items:center;gap:12px;padding:12px;display:flex;box-shadow:inset 0 0 0 1px #f5f5f712}.duet-auth .app-hint .ico{color:#f5f5f7b3;background:#f5f5f70f;border-radius:12px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.duet-auth .app-hint .rowb-tx b{white-space:normal;font-size:14px}.duet-auth .tk{background:#1b1a2e;border-radius:24px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #f5f5f71a}.duet-auth .tk-l{flex-direction:column;flex:1 1 0;gap:4px;min-width:0;padding:20px;display:flex}.duet-auth .tk-top{letter-spacing:-.01em;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;font-weight:800;display:flex}.duet-auth .tk-top .pill{margin-left:auto}.duet-auth .tk-lab{color:#f5f5f780;font-size:12px}.duet-auth .tk-name{letter-spacing:-.02em;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:28px;font-weight:800;line-height:1.15;display:-webkit-box;overflow:hidden}.duet-auth .tk-more{color:#f5f5f799;overflow-wrap:anywhere;font-size:12px}.duet-auth .tk-foot{color:#f5f5f799;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:16px;padding-top:16px;font-size:12px;display:flex;box-shadow:inset 0 1px #f5f5f714}.duet-auth .tk-foot .av{width:24px;height:24px;font-size:12px}.duet-auth .tk-foot b{color:#f5f5f7;font-weight:700}.duet-auth .tk-foot .tk-until{margin-left:auto}.duet-auth .tk-r{color:#fff;text-align:center;background:linear-gradient(150deg,#8b84ff,#e27ac0 60%,#ff9a5c);border-left:2px dashed #ffffff73;flex-direction:column;flex:0 0 112px;justify-content:center;align-items:center;gap:2px;padding:16px 8px;display:flex}.duet-auth .tk-r small{color:#ffffffd9;font-size:12px}.duet-auth .tk-r b{letter-spacing:-.04em;text-shadow:0 6px 24px #00000040;font-size:56px;font-weight:800;line-height:1}.duet-auth .pill{color:#c9c5ff;background:#8b84ff29;border-radius:999px;align-items:center;height:24px;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.duet-auth .pill.n{color:#f5f5f7a6;background:#f5f5f714}.duet-auth .st{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;width:100%;padding:32px 16px 48px;display:flex}.duet-auth .st-num{letter-spacing:-.04em;background:linear-gradient(135deg,#8b84ff,#e27ac0 55%,#ff9a5c);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:120px;font-weight:800;line-height:1}.duet-auth .st-num.red{background:linear-gradient(135deg,#ff9a5c,#e5484d);-webkit-background-clip:text;background-clip:text}.duet-auth .st h1{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:40px;font-weight:800;line-height:1.1}.duet-auth .st p{color:#f5f5f799;text-wrap:pretty;max-width:472px;margin:0;font-size:16px;line-height:1.6}.duet-auth .st-acts{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.duet-auth .st-acts form{margin:0}.duet-auth .st-row{flex:1 0 100%;justify-content:center;display:flex}.duet-auth .st-code{color:#f5f5f78c;background:#f5f5f70f;border-radius:999px;align-items:center;gap:8px;height:32px;padding:0 12px;font-size:12px;display:inline-flex}.duet-auth .st-code code{color:#f5f5f7;font-family:ui-monospace,Cascadia Mono,Menlo,monospace}@media (max-width:640px){.duet-auth .bar{padding:16px 16px 0}.duet-auth .main{padding:24px 16px 32px}.duet-auth .card{border-radius:28px;padding:24px}.duet-auth .hd h1{font-size:24px}.duet-auth .st-num{font-size:96px}.duet-auth .st h1{font-size:32px}.duet-auth .st-acts{flex-direction:column;align-self:stretch}.duet-auth .st-acts .btn,.duet-auth .st-acts form,.duet-auth .st-acts form .btn{width:100%}.duet-auth .tk-name{font-size:24px}.duet-auth .tk-r{flex-basis:96px}.duet-auth .tk-r b{font-size:48px}}@media (max-width:420px){.duet-auth .pair{grid-template-columns:1fr}.duet-auth .code .c{height:56px;font-size:22px}.duet-auth .roomcode b{font-size:24px}}@keyframes duet-auth-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}