.sl{min-height:100svh;display:grid;place-items:center;padding:48px 20px}.sl__box{width:100%;max-width:480px;background:var(--bg);border:2px solid var(--btn-line);box-shadow:6px 6px 0 rgba(0,0,0,.5);padding:28px 26px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.sl__ic{color:var(--dim);flex:none}.sl__h{margin:0;font-size:var(--type-body);font-weight:800;color:var(--ink);line-height:1.5}.sl__p{font-size:var(--type-secondary);color:var(--body)}.sl__live,.sl__p{margin:0;line-height:1.6}.sl__live{color:var(--dim)}.sl__err,.sl__live{font-size:var(--type-caption)}.sl__err{margin:0;color:var(--pink-lt)}.sl__btn{display:inline-flex;align-items:center;gap:7px;font-family:inherit;font-weight:800;font-size:var(--type-secondary);color:var(--ink);background:var(--btn);border:2px solid var(--btn-line);box-shadow:3px 3px 0 rgba(0,0,0,.6);padding:10px 20px;cursor:pointer;transition:transform .12s,box-shadow .12s}.sl__btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px 0 rgba(0,0,0,.6);border-color:var(--pink-lt)}.sl__btn:disabled{opacity:.55;cursor:default;transform:none}@media (pointer:coarse){.sl__btn{font-size:var(--type-secondary)}}