@import "https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;600;700&family=Noto+Sans+Thai:wght@700&display=swap";@font-face{font-family:Noto Sans Thai UI;font-style:normal;font-weight:700;font-display:swap;src:url(https://notofonts.github.io/thai/fonts/NotoSansThaiUI/hinted/ttf/NotoSansThaiUI-Bold.ttf)format("truetype")}*{box-sizing:border-box}body{margin:0;font-family:Instrument Sans,Noto Sans Thai,sans-serif}.display{border-radius:16px;min-height:100vh;padding:16px;display:flex}.problem{background:#ff453f}.normal{background:#5bc290}.inset{border:1px solid #dbdbdb;border-radius:16px;flex-wrap:wrap;flex:1;place-content:center;align-items:center;gap:24px;min-height:calc(100vh - 32px);padding:16px;display:flex}.normal-message{color:#fff;text-align:center;font-size:40px;font-weight:700}.call{background:#fff;border-radius:8px;outline:3px solid #f3564a;flex-direction:column;flex-shrink:0;align-items:center;gap:16px;width:500px;min-height:661px;padding:8px 12px;display:flex}.call h1{color:#f3564a;text-align:center;margin:0;font:700 42px/1.2 Noto Sans Thai UI,Noto Sans Thai,sans-serif}.photo{background:#f6f6f6;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:476px;height:476px;display:flex}.photo img{width:253px}.saved-photo{border-radius:8px;overflow:hidden}.saved-photo img{object-fit:contain;width:100%;height:100%}.problem-type{color:#8c9194;font-size:24px;font-weight:600}.causes{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex}.causes span{color:#fafafa;overflow-wrap:anywhere;border-radius:5px;max-width:100%;padding:4px 20px;font-size:28px;font-weight:700}.activity{border:4px solid #ffffff60;border-top-color:#fff;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.access{place-items:center;min-height:100vh;display:grid}.access form{flex-direction:column;gap:16px;display:flex}.access input,.access button{font:inherit;padding:12px}