/* [project]/web/src/components/dev-banner.module.css [app-client] (css) */
.dev-banner-module__TL8u5q__banner {
  color: #fff;
  text-align: center;
  background: #b45309;
  padding: 4px 16px;
  font-size: 12px;
  line-height: 1.4;
}

/* [project]/web/src/components/nav-links.module.css [app-client] (css) */
.nav-links-module__5RASJW__links {
  gap: 4px;
  height: 100%;
  display: flex;
}

.nav-links-module__5RASJW__link {
  color: var(--text-muted);
  border-bottom: 2px solid #0000;
  align-items: center;
  padding: 0 12px;
  font-size: 14px;
  transition: color .15s;
  display: flex;
}

.nav-links-module__5RASJW__link:hover {
  color: var(--text);
}

.nav-links-module__5RASJW__link.nav-links-module__5RASJW__active {
  color: var(--text);
  border-bottom-color: var(--accent);
}

@media (max-width: 768px) {
  .nav-links-module__5RASJW__links {
    display: none;
  }
}

/* [project]/web/src/components/theme-toggle.module.css [app-client] (css) */
.theme-toggle-module__h_FdKG__toggle {
  color: var(--text-muted);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 6px;
  display: flex;
}

.theme-toggle-module__h_FdKG__toggle:hover {
  color: var(--text);
  background: var(--bg-subtle);
}

/* [project]/web/src/components/sign-out-button.module.css [app-client] (css) */
.sign-out-button-module___3ASjG__button {
  color: var(--text-muted);
  background: none;
  border-radius: 4px;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  font-size: 13px;
  display: flex;
}

.sign-out-button-module___3ASjG__button:hover {
  background: var(--bg-subtle);
  color: var(--text);
}

/* [project]/web/src/components/user-menu.module.css [app-client] (css) */
.user-menu-module__tPWzya__container {
  position: relative;
}

.user-menu-module__tPWzya__avatar {
  background: var(--accent);
  width: 32px;
  height: 32px;
  color: var(--text-on-accent);
  cursor: pointer;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-size: 14px;
  font-weight: 600;
  transition: opacity .15s;
  display: flex;
}

.user-menu-module__tPWzya__avatar:hover {
  opacity: .85;
  background: var(--accent);
}

.user-menu-module__tPWzya__dropdown {
  background: var(--bg);
  border: 1px solid var(--border);
  opacity: 0;
  pointer-events: none;
  z-index: 100;
  border-radius: 8px;
  min-width: 220px;
  padding: 4px 0;
  transition: opacity .15s, transform .15s;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  transform: translateY(-4px);
  box-shadow: 0 4px 16px #0000001f;
}

.user-menu-module__tPWzya__dropdown.user-menu-module__tPWzya__open {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.user-menu-module__tPWzya__header {
  padding: 10px 14px;
}

.user-menu-module__tPWzya__headerName {
  color: var(--text);
  font-size: 14px;
  font-weight: 600;
}

.user-menu-module__tPWzya__headerEmail {
  color: var(--text-muted);
  margin-top: 2px;
  font-size: 12px;
}

.user-menu-module__tPWzya__headerCredits {
  color: var(--accent);
  margin-top: 4px;
  font-size: 12px;
  font-weight: 500;
}

.user-menu-module__tPWzya__divider {
  background: var(--border);
  height: 1px;
  margin: 4px 0;
}

.user-menu-module__tPWzya__item {
  width: 100%;
  color: var(--text-muted);
  cursor: pointer;
  text-align: left;
  background: none;
  border: none;
  border-radius: 0;
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 400;
  transition: background .1s, color .1s;
  display: flex;
}

.user-menu-module__tPWzya__item:hover {
  background: var(--bg-subtle);
  color: var(--text);
}

/* [project]/web/src/components/mobile-bottom-nav.module.css [app-client] (css) */
.mobile-bottom-nav-module__3JbXma__bottomNav {
  height: calc(56px + env(safe-area-inset-bottom, 0px));
  padding-bottom: env(safe-area-inset-bottom, 0px);
  background: var(--bg);
  border-top: 1px solid var(--border);
  z-index: 50;
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

@media (max-width: 768px) {
  .mobile-bottom-nav-module__3JbXma__bottomNav {
    justify-content: space-around;
    align-items: center;
    display: flex;
  }
}

.mobile-bottom-nav-module__3JbXma__item {
  color: var(--text-muted);
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 2px;
  padding: 6px 0;
  transition: color .15s;
  display: flex;
}

.mobile-bottom-nav-module__3JbXma__item.mobile-bottom-nav-module__3JbXma__active {
  color: var(--accent);
}

.mobile-bottom-nav-module__3JbXma__label {
  font-size: 10px;
  line-height: 1;
}

.mobile-bottom-nav-module__3JbXma__createCircle {
  background: var(--accent);
  width: 40px;
  height: 40px;
  color: var(--text-on-accent);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  transition: box-shadow .15s, transform .15s;
  display: flex;
}

.mobile-bottom-nav-module__3JbXma__item.mobile-bottom-nav-module__3JbXma__active .mobile-bottom-nav-module__3JbXma__createCircle {
  box-shadow: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent);
  transform: scale(1.05);
}

/* [project]/web/src/components/nav.module.css [app-client] (css) */
.nav-module__FJ3sVG__nav {
  background: var(--bg-subtle);
  border-bottom: 1px solid var(--border);
  align-items: center;
  gap: 16px;
  height: 48px;
  padding: 0 16px;
  display: flex;
}

.nav-module__FJ3sVG__logo {
  color: var(--text);
  font-size: 15px;
  font-weight: 600;
}

.nav-module__FJ3sVG__logoAccent {
  color: var(--accent);
}

.nav-module__FJ3sVG__spacer {
  flex: 1;
}

.nav-module__FJ3sVG__createButton {
  color: var(--text-on-accent);
  background: var(--accent);
  border-radius: 6px;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 500;
  transition: background .15s;
  display: flex;
}

.nav-module__FJ3sVG__createButton:hover {
  background: var(--accent-hover);
}

.nav-module__FJ3sVG__link {
  color: var(--text-muted);
  font-size: 14px;
}

.nav-module__FJ3sVG__link:hover {
  color: var(--text);
}

.nav-module__FJ3sVG__authLinks {
  align-items: center;
  gap: 12px;
  display: flex;
}

.nav-module__FJ3sVG__signUpLink {
  color: var(--text-on-accent);
  background: var(--accent);
  border-radius: 6px;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 500;
}

.nav-module__FJ3sVG__signUpLink:hover {
  background: var(--accent-hover);
}

.nav-module__FJ3sVG__desktopOnly {
  align-items: center;
  display: flex;
}

@media (max-width: 768px) {
  .nav-module__FJ3sVG__desktopOnly {
    display: none;
  }
}

/* [project]/web/src/app/globals.css [app-client] (css) */
:root {
  --brand-pink: #de6f99;
  --brand-pink-pale: #f4b7d6;
  --brand-yellow: #fff8ca;
  --brand-blue: #9abcf9;
  --bg: #fdfbf9;
  --bg-subtle: #f5f1ed;
  --bg-input: #fff;
  --border: #e8e0e4;
  --text: #1a1614;
  --text-muted: #7a7068;
  --text-dim: #a89e94;
  --accent: #de6f99;
  --accent-hover: #c45a84;
  --accent-subtle: #fdf2f8;
  --accent-secondary: #9abcf9;
  --accent-secondary-hover: #7aa0e0;
  --highlight: #fff8ca;
  --text-on-accent: #fff;
  --text-link: var(--accent);
  --status-published: #22c55e;
  --status-published-bg: #86efac26;
  --hero-glow-pink: #f4b7d64d;
  --hero-glow-blue: #9abcf933;
  --font-mono: "SF Mono", "Fira Code", "Cascadia Code", monospace;
  --color-input: #93c5fd;
  --color-output: #86efac;
  --color-response: #fbbf24;
  --color-log: #f87171;
  --color-state: #c4b5fd;
  --color-error: #f87171;
  --color-success: #86efac;
  --color-tool: #a78bfa;
  --bg-tint-input: #eef1f9;
  --bg-tint-tool: #f1edf8;
  --bg-tint-success: #ecf5f0;
  --bg-tint-error: #f9edee;
}

[data-theme="dark"] {
  --bg: #0f0d0c;
  --bg-subtle: #1a1614;
  --bg-input: #2a2522;
  --border: #3d3733;
  --text: #f5f1ed;
  --text-muted: #a89e94;
  --text-dim: #7a7068;
  --accent: #f4b7d6;
  --accent-hover: #de6f99;
  --accent-subtle: #3d1526;
  --accent-secondary: #9abcf9;
  --accent-secondary-hover: #b8d0fb;
  --highlight: #fff8ca;
  --text-on-accent: #1a1614;
  --text-link: var(--accent);
  --status-published: #4ade80;
  --status-published-bg: #4ade801f;
  --hero-glow-pink: #de6f9914;
  --hero-glow-blue: #9abcf90f;
  --bg-tint-input: #1c1e26;
  --bg-tint-tool: #1e1826;
  --bg-tint-success: #141e18;
  --bg-tint-error: #261416;
}

*, :before, :after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  height: 100%;
}

body {
  background: var(--bg);
  height: 100dvh;
  min-height: 100%;
  color: var(--text);
  flex-direction: column;
  font-family: system-ui, -apple-system, sans-serif;
  display: flex;
}

button {
  background: var(--accent);
  color: var(--text-on-accent);
  cursor: pointer;
  border: none;
  border-radius: 6px;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 500;
}

button:hover {
  background: var(--accent-hover);
}

button:disabled {
  opacity: .5;
  cursor: not-allowed;
}

a {
  color: inherit;
  text-decoration: none;
}

input, textarea {
  background: var(--bg-input);
  color: var(--text);
  border: 1px solid var(--border);
  border-radius: 6px;
  font-family: inherit;
  font-size: 16px;
}

@media (min-width: 769px) {
  input, textarea {
    font-size: 14px;
  }
}

input:focus, textarea:focus {
  border-color: var(--accent);
  outline: none;
}

@media (max-width: 768px) {
  body {
    padding-bottom: calc(56px + env(safe-area-inset-bottom, 0px));
  }
}

/*# sourceMappingURL=web_src_02b7279d._.css.map*/