.page-back{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;min-height:44px;margin:2px 0 6px;padding:0 4px;color:var(--qf-text-secondary, var(--text-dim));font-size:14px;font-weight:600;line-height:1;text-decoration:none;border-radius:8px;-webkit-tap-highlight-color:transparent}.page-back:before{content:"\2190";font-size:17px;font-weight:500;transform:translateY(-1px)}@media(hover:hover){.page-back:hover{color:var(--qf-interactive, var(--accent));background:var(--qf-surface-hover, var(--bg-card-2))}}.page-back:focus-visible{outline:3px solid var(--qf-focus-ring);outline-offset:2px}.page-back-button{appearance:none;border:0;background:transparent;font-family:inherit;cursor:pointer}.page-state-shell{width:min(100%,720px);margin:0 auto;padding:12px 16px 48px;display:flex;flex-direction:column}.page-state-card{margin-top:12px;padding:clamp(24px,5vw,40px);color:var(--qf-text-secondary, var(--text-dim));text-align:center;line-height:1.65;background:var(--qf-surface-card, var(--bg-card));border:1px solid var(--qf-border-subtle, var(--border));border-radius:16px;box-shadow:var(--qf-shadow-card, var(--shadow-card))}.page-state-card p{max-width:34rem;margin:0 auto}.page-state-actions{display:flex;justify-content:center;gap:10px;margin-top:20px;flex-wrap:wrap}.gate-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid transparent;border-radius:10px;background:var(--qf-action-primary, var(--accent));color:var(--qf-action-primary-text, #fff);font:inherit;font-weight:700;text-decoration:none;cursor:pointer}@media(hover:hover){.gate-cta:hover{background:var(--qf-action-primary-hover, var(--accent-hover))}}.gate-cta:focus-visible{outline:3px solid var(--qf-focus-ring);outline-offset:2px}