/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@15.5.25_@types+node@22.20.4_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/.pnpm/next@15.5.25_@types+node@22.20.4_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/globals.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --bg: #1c2430;
  --bg-elevated: #243044;
  --bg-card: #2a3a52;
  --paper: #f4ead8;
  --paper-dark: #e8d9bd;
  --ink: #1c2430;
  --ink-soft: #4a5568;
  --border: #3d4f6a;
  --text: #f3ead8;
  --text-muted: #c5b8a0;
  --accent: #c45c26;
  --accent-strong: #f0c27a;
  --accent-ink: #f8ead0;
  --danger: #e07a6a;
  --ok: #7dcea0;
  --sel: #f2d08a;
  --word: #d9ecff;
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --banner-h: 60px;
  --font-display: "Cormorant Garamond", "Noto Serif KR", serif;
  --font-body: "Noto Sans KR", "Apple SD Gothic Neo", system-ui, sans-serif;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
}

a {
  color: var(--accent-strong);
  text-decoration: none;
}

button,
select,
input {
  font: inherit;
}

.phone-shell {
  width: min(430px, 100%);
  margin: 0 auto;
  min-height: 100dvh;
  min-height: 100svh;
  position: relative;
}