.drawer-scrim:has(>.drawer>.signin){z-index:60}.signin-sheet{width:min(400px,100%);max-height:min(860px,calc(100dvh - max(16px,var(--sa-top, 0px)) - max(16px,var(--sa-bottom, 0px))));overscroll-behavior:contain}.signin .drawer-head{min-height:44px}.signin-level{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.signin-h{margin:0;font-size:calc(20px * var(--text-scale, 1));font-weight:800;line-height:1.2;color:var(--ink)}.signin-h--done{font-size:calc(15px * var(--text-scale, 1));font-weight:500}.signin-h:focus,.signin-h3:focus{outline:none}.signin-h:focus-visible{outline:2px solid #ffd08a;outline-offset:4px;border-radius:4px}.signin-lead{margin:-6px 0 0;font-size:calc(13.5px * var(--text-scale, 1));line-height:1.4;color:var(--ink-2)}.signin-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin:0;padding:0;list-style:none}.signin-tiles li{display:grid}.signin-tiles.is-odd li:first-child{grid-column:1 / -1}.signin-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:112px;padding:14px 10px 12px;border-radius:16px;border:1px solid rgb(74 163 255 / .3);background:#4aa3ff12;color:var(--ink);text-align:center;cursor:pointer;transition:border-color .15s,background-color .15s}@media (hover: hover){.signin-tile:hover{border-color:#4aa3ffcc;background:#4aa3ff29}}.signin-tile:active{background:#4aa3ff38}.signin-tile:focus-visible,.signin-again:focus-visible,.signin-main:focus-visible,.signin-quiet:focus-visible{outline:2px solid #ffd08a;outline-offset:2px}.signin-tile-logo{display:block;width:44px;height:44px;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.signin-link-note{margin:0;color:var(--ink-2);font-size:calc(13.5px * var(--text-scale, 1))}.signin-link-keys{display:flex;flex-direction:column;gap:10px;width:100%}.signin-link-keys .signin-lead{margin:0}.signin-link-keys .signin-main{width:100%}.signin-own{margin:0;color:#ffcf9a}.signin-new{margin:0;font-size:calc(13px * var(--text-scale, 1));line-height:1.45;color:var(--ink-2)}.signin-new a{color:#8fd0ff;text-decoration:underline;text-underline-offset:3px}.signin-tile-name{font-size:calc(16px * var(--text-scale, 1));font-weight:800;line-height:1.2}.signin-last{padding:2px 8px;border-radius:999px;font-size:calc(11px * var(--text-scale, 1));font-weight:700;color:#ffd08a;background:#ffd08a1f;border:1px solid rgb(255 208 138 / .4)}.signin-main{min-height:52px;height:auto;font-size:calc(16px * var(--text-scale, 1))}.signin-main:disabled{opacity:.6}.signin-qr{width:220px;height:220px;border-radius:14px;background:#fff}.signin-qr.signin-qr-wait{background:#ffffff0f}.signin-code{margin:0;font-size:calc(13px * var(--text-scale, 1));line-height:1.45;color:var(--ink)}.signin-code b{display:block;font-size:calc(15px * var(--text-scale, 1));color:#ffd08a}.signin-status{min-height:1.45em;margin:0;font-size:calc(13.5px * var(--text-scale, 1));font-weight:600;line-height:1.45;color:var(--ink)}.signin-status:empty{display:none}.signin-again{width:100%;min-height:48px;padding:0 14px;border-radius:12px;border:1px solid rgb(74 163 255 / .55);background:#4aa3ff29;color:#d6ebff;font-size:calc(15px * var(--text-scale, 1));font-weight:700;cursor:pointer}.signin-more{display:flex;flex-wrap:wrap;justify-content:center;gap:0 8px;margin:-4px 0 0}.signin-quiet{display:inline-grid;place-items:center;min-height:44px;padding:0 10px;font-size:calc(13px * var(--text-scale, 1))}@media (max-height: 500px) and (min-width: 640px){.signin-sheet{width:min(640px,100%)}.signin-tiles{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.signin-tiles.is-odd li:first-child{grid-column:auto}.signin-tile{min-height:92px;padding:8px 10px}.signin-tile-logo{width:36px;height:36px}}@media (prefers-reduced-motion: reduce){.signin-tile{transition:none}}.signin-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.signin-tiles li:first-child{grid-column:1 / -1}.signin-tiles li:first-child .signin-tile{flex-direction:row;min-height:76px;background:#9d59ff2e;border-color:#bb90ff}.signin-tiles li:not(:first-child) .signin-tile{min-height:92px;padding:10px 4px}.signin-tiles li:not(:first-child) .signin-tile-logo{width:30px;height:30px}.signin-tiles li:not(:first-child) .signin-tile-name{font-size:calc(13px * var(--text-scale, 1))}.signin-tiles li:first-child .signin-last{flex-shrink:0}@media (max-width: 380px){.signin-tiles li:first-child .signin-tile{flex-wrap:wrap}}.signin .drawer-head{width:100%}.signin .drawer-title{flex:1;min-width:0;line-height:1.7}.signin .signin-x{margin-left:auto}.signin .drawer-head>.cd-round{--ck-bg: #e9eef8;--ck-on: #fff;--ck-ink: #0b0916;--ck-edge: #0b0916;--ck-drop: rgb(0 0 0 / .55);--ck-focus: #ffd08a}