.chooser-page{background:linear-gradient(180deg, #ffffffd1, #f4f7faeb 250px, var(--bg) 520px), var(--fixit-header-bg);background-position:top;background-size:cover;max-width:none;min-height:100vh;margin:0 auto;padding:46px 20px 64px}.chooser{max-width:980px;margin:0 auto;padding:0}.chooser-head{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.chooser-intro{min-width:0}.chooser-logo{width:112px;height:36px;margin-bottom:28px}.chooser-profile{flex:none;margin-top:2px}.chooser-account{flex:none;position:relative}.chooser-profile{cursor:pointer}.chooser-profile:hover,.chooser-profile:focus-visible,.chooser-account.is-open .chooser-profile{border-color:var(--border-strong);outline:none;box-shadow:0 3px 8px #14203314,0 0 0 3px #41607e1f}.chooser-profile-caret{color:var(--text-3);flex:none;transition:transform .16s}.chooser-account.is-open .chooser-profile-caret{transform:rotate(180deg)}.chooser-profile-menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-2);z-index:20;min-width:240px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.chooser-profile-menu[hidden]{display:none}.chooser-profile-identity{border-bottom:1px solid var(--border);gap:3px;padding:13px 14px 12px;display:grid}.chooser-profile-identity strong{font-size:13px;line-height:1.3}.chooser-profile-identity span{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.chooser-profile-action{color:var(--text-2);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:9px;width:100%;padding:11px 14px;font-size:13px;font-weight:700;display:flex}.chooser-profile-action:hover,.chooser-profile-action:focus-visible{background:var(--surface-2);color:var(--red);outline:none}.chooser-profile-action:disabled{color:var(--text-3);cursor:wait}.chooser-title{letter-spacing:0;margin:0 0 6px;font-size:28px;font-weight:800;line-height:1.2}.chooser-sub{color:var(--text-2);margin:0;font-size:14.5px}.door-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.door{-webkit-backdrop-filter:saturate(1.1)blur(8px);backdrop-filter:saturate(1.1)blur(8px);border-radius:var(--r-lg);color:var(--text);background:linear-gradient(145deg,#fffffffb,#f8fbfef2);border:1px solid #cbd6e1ad;border-bottom-color:#b0c0d0d1;flex-direction:column;gap:12px;min-height:250px;padding:22px;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 14px #41607e18,0 2px 3px #1420330b,inset 0 1px #fffffffa,inset -1px -1px #cbd6e12e,inset 0 -1px #a8b9ca7a}.door:before{background:var(--red);content:"";opacity:0;z-index:2;border-radius:3px;width:3px;transition:opacity .16s;position:absolute;top:12px;bottom:12px;left:0}.door:after{border-radius:inherit;content:"";opacity:.68;pointer-events:none;z-index:0;background:linear-gradient(145deg,#ffffffa8,#fff0 42%),linear-gradient(315deg,#e8eff629,#fff0 36%);position:absolute;inset:1px;box-shadow:inset 0 -1px #b8c7d63d}.door>*{z-index:1;position:relative}.door-top{grid-template-columns:minmax(0,1fr) 96px;align-items:flex-start;gap:18px;display:grid}.door-copy{flex-direction:column;gap:8px;min-width:0;display:flex}.door:hover,.door:focus-visible{border-color:#cbd6e1c7 #cbd6e1c7 #a7b8cae0;transform:translateY(-2px);box-shadow:0 10px 18px #41607e21,0 2px 4px #1420330f,inset 0 1px #fff,inset -1px -1px #cbd6e129,inset 0 -1px #a8b9ca85}.door:focus-visible{box-shadow:0 10px 18px #41607e21, 0 2px 4px #1420330f, inset 0 1px 0 #fff, inset -1px -1px 0 #cbd6e129, inset 0 -1px 0 #a8b9ca85, 0 0 0 3px var(--red-ring);outline:none}.door:hover:before,.door:focus-visible:before{opacity:1}.door-icon{color:var(--interaction);justify-self:end;width:96px;height:96px;display:block}.door-icon svg,.door-icon img{width:100%;height:100%;display:block}.door-mascot{filter:drop-shadow(0 6px 7px #0f172a29);object-fit:contain}.door-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.door-name{font-size:17px;font-weight:800;line-height:1.25}.door-status{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-pill);color:var(--text-3);text-transform:uppercase;flex:none;padding:2px 8px;font-size:11px;font-weight:800}.door-desc{color:var(--text-2);font-size:14px;line-height:1.5}.door-rule{color:var(--text-3);font-size:12.5px;font-style:italic}.door-examples{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.door-examples i{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-pill);color:var(--text-3);padding:3px 9px;font-size:11.5px;font-style:normal;font-weight:700}.door-go{color:var(--text-2);margin-top:auto;font-size:13px;font-weight:800}.door:hover .door-go,.door:focus-visible .door-go{color:var(--red)}.chooser-note{color:var(--text-3);text-align:center;margin:18px 0 0;font-size:12.5px}.chooser-note+.chooser-note{margin-top:6px}.back-link{color:var(--text-2);font-size:13px;font-weight:800;text-decoration:none}.back-link:hover{color:var(--red)}.it-hold{max-width:640px;margin:28px auto 0;padding:28px 20px}.it-hold-icon{background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);border-radius:50%;place-items:center;width:58px;height:58px;margin-top:24px;display:grid}.it-hold-icon svg{width:30px;height:30px}.it-hold h1{margin:18px 0 8px;font-size:24px;line-height:1.2}.it-hold p{color:var(--text-2);margin:0;font-size:14px;line-height:1.65}.it-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.it-actions .btn{justify-content:center;text-decoration:none}@media (prefers-reduced-motion:reduce){.door,.door:before,.chooser-profile-caret{transition:none}.door:hover,.door:focus-visible{transform:none}}@media (width<=760px){.chooser-page{padding:26px 14px 54px}.door-grid{grid-template-columns:1fr}.door{min-height:0}.door-top{grid-template-columns:minmax(0,1fr) 88px}.door-icon{width:88px;height:88px}}@media (width<=560px){.chooser-head{gap:18px}.chooser-profile .me-name{display:none}.chooser-profile{padding-right:7px}.chooser-profile-caret{display:none}.chooser-logo{margin-bottom:24px}.chooser-title{font-size:23px}.door-head{flex-direction:column;align-items:flex-start}.door{padding:20px}.door-top{grid-template-columns:minmax(0,1fr) 78px;gap:14px}.door-icon{width:78px;height:78px}.it-actions{flex-direction:column}.it-actions .btn{width:100%}}
