.surface-stub-page{background:radial-gradient(circle at 15% 15%, var(--clr-surface-subtle), transparent 35%), radial-gradient(circle at 85% 80%, var(--clr-warning-light), transparent 32%), var(--clr-surface-muted);min-height:100vh}.surface-stub-shell{place-items:center;min-height:calc(100vh - 10rem);padding:clamp(2rem,6vw,5rem) 1rem;display:grid}.surface-stub{border:1px solid var(--clr-border);background:var(--clr-surface);width:min(100%,44rem);box-shadow:var(--shadow-lg);text-align:center;border-radius:2rem;padding:clamp(1.5rem,5vw,3.5rem)}.surface-stub--compact{margin:1rem 0 2rem;padding:clamp(1.25rem,3vw,2rem)}.surface-stub__badge{background:var(--clr-warning-light);color:var(--clr-text);border-radius:999px;padding:.45rem .8rem;font-size:.82rem;font-weight:800;display:inline-flex}.surface-stub__icon{margin:1.25rem 0 .5rem;font-size:clamp(3rem,10vw,5rem);line-height:1}.surface-stub__title{color:var(--clr-text);margin:.75rem 0;font-size:clamp(1.8rem,5vw,3rem);line-height:1.1}.surface-stub__description,.surface-stub__note{max-width:36rem;color:var(--clr-text-muted);margin:.75rem auto 0;font-size:1.05rem;line-height:1.6}.surface-stub__note{font-size:.95rem}.surface-stub__actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.75rem;display:flex}.surface-stub__actions .kid-action,.surface-stub__actions .btn-ghost{width:auto;min-height:48px}@media (width<=540px){.surface-stub__actions{flex-direction:column}.surface-stub__actions .kid-action,.surface-stub__actions .btn-ghost{width:100%}}