/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./app/globals.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
:root { color-scheme: light dark; font-family: system-ui, sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; background: #fafafa; color: #18181b; }
.wrap { max-width: 460px; margin: 48px auto; padding: 0 20px; }
h1 { font-size: 22px; margin: 0 0 2px; }
.sub { color: #71717a; font-size: 14px; margin: 0 0 20px; }
.sub.empty { text-align: center; padding: 24px 0 0; margin: 0; }
form { display: flex; flex-direction: column; gap: 8px; margin: 0 0 20px; }
input { padding: 10px 12px; border: 1px solid #d4d4d8; border-radius: 8px; font-size: 14px; }
button { padding: 10px 16px; border: 0; border-radius: 8px; background: #2563eb; color: #fff; font-size: 14px; cursor: pointer; }
.problem { color: #b91c1c; font-size: 14px; margin: -12px 0 20px; }
ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }
li { display: flex; align-items: baseline; gap: 10px; padding: 11px 13px; background: #fff; border: 1px solid #e4e4e7; border-radius: 8px; font-size: 15px; }
.title { font-weight: 500; }
.author { color: #71717a; font-size: 13px; }