html,body{margin:0;height:100%}.app{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;height:100vh;padding:2rem;box-sizing:border-box;color:#fff;font-family:system-ui,sans-serif;text-align:center;transition:background .3s ease}.app--neutral{background:#6b7280}.app--good{background:#22c55e}.app--warn{background:#eab308}.app--caution{background:#f97316}.app--danger{background:#ef4444}.app--outside{background:#3b82f6}.app__emoji{font-size:min(30vw,7rem);line-height:1}.app__sentence{font-size:1.25rem;max-width:28rem;margin:0}.app__warning{font-size:.95rem;opacity:.85;max-width:28rem;margin:0}