.veiled-container { max-width: 800px; margin: 0 auto; padding: 40px 20px; }
[hidden] { display: none !important; }
.veiled-container header { margin-bottom: 60px; }
.gate { max-width: 560px; margin: 12vh auto 0; padding: 48px; border: 1px solid rgba(255,255,255,.13); border-radius: 18px; background: rgba(7,11,18,.48); backdrop-filter: blur(12px); text-align: center; box-shadow: 0 24px 80px rgba(0,0,0,.25); }
.wind { margin: 0 0 24px; color: #fff; font: 600 1.05rem 'Chakra Petch', sans-serif; letter-spacing: .08em; text-shadow: 2px 2px 0 rgba(0,0,0,.75), 0 0 12px rgba(255,255,255,.2); }
.gate h1 { margin: 0 0 36px; font: 600 1.55rem 'Chakra Petch', sans-serif; }
.gate label { display: block; margin-bottom: 10px; color: rgba(255,255,255,.7); font: .9rem 'Space Mono', monospace; }
.entry-row { display: flex; gap: 10px; }
.entry-row input, .entry-row button { border: 1px solid rgba(255,255,255,.22); border-radius: 7px; font: 1rem 'Space Mono', monospace; }
.entry-row input { min-width: 0; flex: 1; padding: 12px 14px; color: #fff; background: rgba(0,0,0,.28); }
.entry-row button { padding: 12px 20px; color: #111; background: rgba(255,255,255,.9); cursor: pointer; }
.entry-row button:disabled { opacity: .55; cursor: wait; }
.message { min-height: 1.4em; margin: 14px 0 0; color: rgba(255,255,255,.62); font: italic .85rem 'Space Mono', monospace; }
.essay-content { background: #fff; border-radius: 20px; padding: 40px; color: #000; }
.essay-content h1 { margin: 0 0 20px; color: #000; font-size: 2.5em; line-height: 1.2; }
.essay-body { color: rgba(0,0,0,.87); font: 1.1em/1.8 'Space Mono', monospace; }
.essay-body p { margin-bottom: 1.5em; }
.essay-body blockquote { margin: 2em 0; padding: 20px 30px; border-left: 4px solid rgba(0,0,0,.2); background: rgba(0,0,0,.03); }
.video-container iframe { max-width: 100%; }
@media (max-width: 600px) { .veiled-container { padding: 20px; } .gate { margin-top: 7vh; padding: 32px 20px; } .entry-row { flex-direction: column; } .essay-content { padding: 30px 20px; } .essay-content h1 { font-size: 2em; } .essay-body { font-size: 1em; } }
