.c127-space {
  --c127-space-night: #080b17;
  --c127-space-panel: #11172b;
  --c127-space-ivory: #f2eadc;
  --c127-space-gold: #dfc27d;
  --c127-space-violet: #a798ee;
  --c127-space-muted: #abb3c7;
  width: min(1120px, calc(100% - 28px));
  margin: 0 auto;
  padding: clamp(42px, 7vw, 90px) 0;
  color: var(--c127-space-ivory);
  font-family: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.c127-space *, .c127-space *::before, .c127-space *::after { box-sizing: border-box; }
.c127-space h1, .c127-space h2, .c127-space h3 { margin-top: 0; color: var(--c127-space-ivory); }
.c127-space h1, .c127-space h2 { font-family: "Cormorant Garamond", Georgia, serif; }
.c127-space p { line-height: 1.65; }
.c127-space__hero { margin-bottom: 34px; text-align: center; }
.c127-space__hero h1 { margin-bottom: 14px; font-size: clamp(2.7rem, 7vw, 5rem); line-height: .95; }
.c127-space__hero > p:last-child { max-width: 680px; margin-inline: auto; color: var(--c127-space-muted); }
.c127-space__hero--member { display: flex; align-items: end; justify-content: space-between; gap: 28px; text-align: left; }
.c127-space__hero--member > div > p:last-child { color: var(--c127-space-muted); }
.c127-space__eyebrow { margin: 0 0 10px; color: var(--c127-space-gold); font-size: .68rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.c127-space__logout { flex: 0 0 auto; padding: 10px 15px; border: 1px solid rgba(223,194,125,.3); border-radius: 999px; color: var(--c127-space-muted); text-decoration: none; }

.c127-space__notice { margin: 0 0 22px; padding: 15px 18px; border: 1px solid rgba(223,194,125,.25); border-radius: 14px; color: var(--c127-space-ivory); background: rgba(223,194,125,.07); }
.c127-space__notice ul { margin: 7px 0 0; padding-left: 18px; }
.c127-space__notice--error { border-color: rgba(235,128,128,.4); background: rgba(160,52,52,.15); }
.c127-space__notice--success { border-color: rgba(126,218,190,.35); background: rgba(52,142,115,.13); }

.c127-space__stats { display: grid; grid-template-columns: repeat(3,1fr); margin-bottom: 24px; overflow: hidden; border: 1px solid rgba(223,194,125,.18); border-radius: 22px; background: rgba(255,255,255,.025); }
.c127-space__stats div { padding: 22px; text-align: center; }
.c127-space__stats div + div { border-left: 1px solid rgba(223,194,125,.15); }
.c127-space__stats strong { display: block; color: var(--c127-space-gold); font: 500 2.2rem/1 "Cormorant Garamond", Georgia, serif; }
.c127-space__stats span { display: block; margin-top: 7px; color: var(--c127-space-muted); font-size: .72rem; }

.c127-space__grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(260px, .65fr); gap: 20px; align-items: start; }
.c127-dream-form, .c127-space__patterns, .c127-recovery { padding: clamp(24px, 4vw, 40px); border: 1px solid rgba(242,234,220,.13); border-radius: 25px; background: radial-gradient(circle at 8% 0, rgba(167,152,238,.09), transparent 48%), rgba(255,255,255,.025); }
.c127-dream-form h2, .c127-space__patterns h2, .c127-recovery h2 { margin-bottom: 10px; font-size: clamp(1.8rem, 4vw, 2.5rem); }
.c127-dream-form > p, .c127-space__patterns > p, .c127-recovery p { color: var(--c127-space-muted); }
.c127-dream-form form, .c127-recovery form { display: grid; gap: 9px; margin-top: 22px; }
.c127-dream-form label, .c127-recovery label { margin-top: 7px; color: var(--c127-space-ivory); font-size: .78rem; font-weight: 700; }
.c127-dream-form label small { color: var(--c127-space-muted); font-weight: 400; }
.c127-dream-form input, .c127-dream-form textarea, .c127-recovery input {
  width: 100%; padding: 13px 14px; border: 1px solid rgba(242,234,220,.16); border-radius: 12px;
  color: var(--c127-space-ivory); background: rgba(5,8,18,.72); font: inherit;
}
.c127-dream-form textarea { resize: vertical; min-height: 190px; }
.c127-dream-form input:focus, .c127-dream-form textarea:focus, .c127-recovery input:focus { outline: 2px solid var(--c127-space-violet); outline-offset: 2px; }
.c127-dream-form button, .c127-recovery button { min-height: 50px; margin-top: 12px; padding: 12px 20px; border: 0; border-radius: 999px; color: #21182b; background: linear-gradient(135deg,#f0dda6,var(--c127-space-gold)); font-weight: 800; cursor: pointer; }
.c127-dream-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.c127-dream-form__row > div { display: grid; gap: 9px; }
.c127-dream-form__draft { min-height: 1.2em; margin: 3px 0 0; color: var(--c127-space-muted); font-size: .7rem; }
.c127-space__patterns { position: sticky; top: 105px; }
.c127-space__cloud { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.c127-space__cloud span { padding: 8px 11px; border: 1px solid rgba(167,152,238,.28); border-radius: 999px; color: #d7cff7; background: rgba(167,152,238,.07); font-size: .78rem; }
.c127-space__cloud small { color: var(--c127-space-muted); }

.c127-dream-list { margin-top: clamp(38px, 6vw, 70px); }
.c127-dream-list > header h2 { font-size: clamp(2rem, 5vw, 3.3rem); }
.c127-dream-list__empty { padding: 40px; border: 1px dashed rgba(223,194,125,.25); border-radius: 20px; color: var(--c127-space-muted); text-align: center; }
.c127-dream-entry { margin-top: 11px; }
.c127-dream-entry details { overflow: hidden; border: 1px solid rgba(242,234,220,.12); border-radius: 18px; background: rgba(255,255,255,.02); }
.c127-dream-entry details[open] { border-color: rgba(223,194,125,.36); }
.c127-dream-entry summary { display: grid; grid-template-columns: 90px 1fr auto; gap: 16px; align-items: center; min-height: 76px; padding: 15px 19px; cursor: pointer; list-style: none; }
.c127-dream-entry summary::-webkit-details-marker { display: none; }
.c127-dream-entry summary > span { color: var(--c127-space-gold); font-size: .72rem; }
.c127-dream-entry summary > strong { font-family: "Cormorant Garamond", Georgia, serif; font-size: 1.25rem; }
.c127-dream-entry summary > small { padding: 6px 9px; border: 1px solid rgba(223,194,125,.2); border-radius: 999px; color: var(--c127-space-muted); }
.c127-dream-entry--answered summary > small { color: #a9e5d4; border-color: rgba(126,218,190,.3); }
.c127-dream-entry__body { padding: 4px clamp(20px, 4vw, 38px) 30px; }
.c127-dream-entry__meta { display: flex; flex-wrap: wrap; gap: 9px; }
.c127-dream-entry__meta span { padding: 8px 11px; border-radius: 10px; color: #d7cff7; background: rgba(167,152,238,.07); font-size: .76rem; }
.c127-dream-entry__story { max-width: 760px; padding: 12px 0; font-family: "Cormorant Garamond", Georgia, serif; font-size: 1.15rem; line-height: 1.7; }
.c127-dream-entry__response { margin-top: 13px; padding: 22px; border: 1px solid rgba(223,194,125,.24); border-radius: 17px; background: rgba(223,194,125,.045); }
.c127-dream-entry__delete { margin-top: 18px; padding: 7px 10px; border: 1px solid rgba(235,128,128,.28); border-radius: 9px; color: #efb9b9; background: rgba(160,52,52,.08); cursor: pointer; }
.c127-space__privacy { margin-top: 32px; padding: 15px 18px; border-left: 2px solid var(--c127-space-gold); color: var(--c127-space-muted); background: rgba(223,194,125,.035); font-size: .74rem; }
.c127-space__privacy a { color: var(--c127-space-gold); }
.c127-oni-request { display: grid; gap: 12px; margin-top: 18px; padding: 18px; border: 1px solid rgba(167,152,238,.3); border-radius: 16px; background: rgba(167,152,238,.05); }
.c127-oni-request label { display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: start; color: var(--c127-space-muted); font-size: .78rem; line-height: 1.55; }
.c127-oni-request input { margin-top: 4px; accent-color: var(--c127-space-violet); }
.c127-oni-request a { color: var(--c127-space-gold); }
.c127-oni-request button { justify-self: start; min-height: 44px; padding: 10px 18px; border: 0; border-radius: 999px; color: #21182b; background: linear-gradient(135deg,#d8cdfb,var(--c127-space-violet)); font-weight: 800; cursor: pointer; }
.c127-delete-account { margin-top: clamp(42px, 7vw, 76px); padding: clamp(22px, 4vw, 34px); border: 1px solid rgba(235,128,128,.2); border-radius: 22px; background: rgba(160,52,52,.035); }
.c127-delete-account h2 { margin-bottom: 8px; font-size: clamp(1.7rem,4vw,2.4rem); }
.c127-delete-account > p:not(.c127-space__eyebrow) { color: var(--c127-space-muted); }
.c127-delete-account details { margin-top: 18px; }
.c127-delete-account summary { color: #efb9b9; cursor: pointer; font-weight: 700; }
.c127-delete-account form { display: grid; gap: 9px; max-width: 520px; margin-top: 18px; }
.c127-delete-account label { margin-top: 6px; color: var(--c127-space-ivory); font-size: .78rem; font-weight: 700; }
.c127-delete-account input { min-height: 48px; padding: 11px 13px; border: 1px solid rgba(242,234,220,.16); border-radius: 11px; color: var(--c127-space-ivory); background: #090d1a; }
.c127-delete-account button { min-height: 48px; margin-top: 9px; padding: 11px 18px; border: 1px solid rgba(235,128,128,.35); border-radius: 999px; color: #ffe8e8; background: #641f2b; font-weight: 800; cursor: pointer; }

.c127-recovery { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; align-items: center; margin-top: 24px; }
.c127-recovery form { margin: 0; }

@media (max-width: 820px) {
  .c127-space__grid, .c127-recovery { grid-template-columns: 1fr; }
  .c127-space__patterns { position: static; }
}

@media (max-width: 620px) {
  .c127-space { width: min(100% - 18px, 1120px); padding-top: 28px; }
  .c127-space__hero--member { display: grid; }
  .c127-space__stats { grid-template-columns: 1fr; }
  .c127-space__stats div + div { border-left: 0; border-top: 1px solid rgba(223,194,125,.15); }
  .c127-dream-form__row { grid-template-columns: 1fr; }
  .c127-dream-entry summary { grid-template-columns: 72px 1fr; gap: 10px; }
  .c127-dream-entry summary > small { grid-column: 2; justify-self: start; }
}

@media (prefers-reduced-motion: reduce) {
  .c127-space *, .c127-space *::before, .c127-space *::after { scroll-behavior: auto !important; transition: none !important; }
}