:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111827;background:#f3f4f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}.app{min-height:100vh;display:grid;place-items:center;padding:calc(24px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom))}.card{width:min(100%,420px);min-height:250px;padding:28px;display:flex;flex-direction:column;justify-content:center;border:1px solid #e5e7eb;border-radius:20px;background:#fff;box-shadow:0 12px 32px #11182714}.card h1{margin:12px 0 30px;font-size:clamp(36px,9vw,54px);line-height:1;letter-spacing:-.04em}.card p{margin:0;color:#4b5563;line-height:1.55}.card .eyebrow{color:#6b7280;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.screen-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.screen-menu__item{min-height:44px;padding:10px 8px;border:1px solid #d1d5db;border-radius:12px;background:#fff;color:#374151;font:inherit;font-weight:700;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.screen-menu__item:hover{border-color:#9ca3af;background:#f9fafb}.screen-menu__item:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:2px}.screen-menu__item--active{border-color:#111827;background:#111827;color:#fff}.screen-menu__item--active:hover{border-color:#111827;background:#1f2937}.status{display:inline-flex;padding:5px 9px;border-radius:999px;background:#fef2f2;color:#991b1b;font-size:12px;font-weight:700}.status--online{background:#ecfdf5;color:#065f46}@media(max-width:420px){.app{padding-right:20px;padding-left:20px}.card{min-height:230px;padding:24px}}