.app-shell,.app-shell *{box-sizing:border-box}body{margin:0;min-width:320px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f3f4f6;color:#111827}button,input{font:inherit}.app-shell{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1.5rem}.app-shell--panel{background:radial-gradient(circle at top,#fffffff2,#f3f4f6f5)}.app-shell--unavailable{background:radial-gradient(circle at top,#fffffff5,#f8fafcfa),linear-gradient(180deg,#f8fafc,#f1f5f9)}.app-shell__card{width:100%;background-color:#fffffffa;padding:2rem;border-radius:1rem;border:1px solid rgb(17 24 39 / .08);box-shadow:0 24px 64px #11182714}.app-shell__card--centered{text-align:left}.app-shell__card--wide{max-width:640px}.app-shell__card--narrow{max-width:400px}.app-shell__title{font-size:1.5rem;font-weight:700;color:#111827;letter-spacing:-.02em}.app-shell__title--spaced{margin-bottom:.75rem}.app-shell__status-pill{display:inline-flex;align-items:center;justify-content:center;margin-bottom:1rem;padding:.375rem .75rem;border-radius:999px;background:#0f172a0f;color:#334155;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.app-shell__title--compact{margin-bottom:.5rem}.app-shell__body{color:#111827;font-size:1rem;margin-bottom:.75rem;line-height:1.5}.app-shell__body--compact{margin-bottom:1.25rem}.app-shell__muted{color:#6b7280;font-size:.875rem}.app-shell__muted--spaced{margin-bottom:1rem}.app-shell__muted--section{margin-bottom:1.5rem}.app-shell__muted--centered{margin-top:1rem;text-align:center}.app-shell__muted--reset{margin:0}.app-shell__field{margin-bottom:1rem}.app-shell__label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}.app-shell__input{width:100%;padding:.75rem .875rem;border:1px solid #d1d5db;border-radius:.75rem;font-size:.875rem;box-sizing:border-box;color:#111827;background-color:#fff;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}.app-shell__input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb29}.app-shell__input:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.app-shell__error{color:#b91c1c;font-size:.875rem;margin-bottom:1rem;padding:.75rem .875rem;border:1px solid rgb(185 28 28 / .18);background-color:#fef2f2eb;border-radius:.75rem}.app-shell__message{color:#1e40af;font-size:.875rem;margin-bottom:1rem;padding:.75rem .875rem;border:1px solid rgb(30 64 175 / .14);background-color:#eff6ffeb;border-radius:.75rem}.app-shell__notice{color:#374151;font-size:.875rem;margin-bottom:1rem;padding:.75rem .875rem;border:1px solid rgb(107 114 128 / .16);background-color:#f9fafb;border-radius:.75rem}.app-shell__actions{margin-top:.75rem}.app-shell__button{width:100%;padding:.75rem 1rem;background-color:#2563eb;color:#fff;border-radius:.75rem;font-weight:600;border:none;cursor:pointer;font-size:.875rem;transition:background-color .12s ease,box-shadow .12s ease,transform .12s ease}.app-shell__button+.app-shell__button{margin-top:.75rem}.app-shell__button:hover:not(:disabled){background-color:#1d4ed8}.app-shell__button:focus-visible,.app-shell__link-button:focus-visible,.app-shell__input:focus-visible{outline:none;box-shadow:0 0 0 3px #2563eb33}.app-shell__button--secondary{background-color:#e5e7eb;color:#111827}.app-shell__button--secondary:hover:not(:disabled){background-color:#dbe1e8}.app-shell__button:disabled{cursor:wait;opacity:.7}.app-shell__link-button{color:#2563eb;background:none;border:none;cursor:pointer;padding:0;font-size:.875rem;font-weight:500}.app-shell__link-button:disabled{cursor:wait;opacity:.7}.app-shell__loading-line{height:.5rem;width:100%;border-radius:999px;margin-bottom:1rem;background:linear-gradient(90deg,#e2e8f0,#cbd5e1,#e2e8f0);background-size:200% 100%;animation:app-shell-loading 1.2s ease-in-out infinite}@keyframes app-shell-loading{0%{background-position:0 50%}to{background-position:200% 50%}}