.page-container.svelte-q4k2pn{max-width:1000px;margin:0 auto;padding:6rem 2rem 4rem;color:#faf4ea;min-height:100vh}.page-header.svelte-q4k2pn{text-align:center;margin-bottom:3rem}.page-title.svelte-q4k2pn{font-size:3rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#faf4ea,#f9dec7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle.svelte-q4k2pn{font-size:1.2rem;color:#fec7c7ba;max-width:600px;margin:0 auto;line-height:1.6}.back-link.svelte-q4k2pn{display:inline-flex;align-items:center;gap:.4rem;color:#fec7c7ba;text-decoration:none;font-size:.95rem;margin-bottom:2rem;transition:color .2s}.back-link.svelte-q4k2pn:hover{color:#e20613}.modes-list.svelte-q4k2pn{display:flex;flex-direction:column;gap:1rem}.mode-card.svelte-q4k2pn{background:#11050699;border:1px solid rgba(249,222,199,.1);border-radius:12px;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .2s}.mode-card.open.svelte-q4k2pn{border-color:#e2061366}.mode-header.svelte-q4k2pn{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;cursor:pointer;-webkit-user-select:none;user-select:none;background:none;border:none;width:100%;color:inherit;font-family:inherit;text-align:left}.mode-header.svelte-q4k2pn:hover{background:#e206130d}.mode-header-left.svelte-q4k2pn{display:flex;flex-direction:column;gap:.25rem}.mode-name.svelte-q4k2pn{font-size:1.4rem;font-weight:600;color:#f9dec7}.mode-variants.svelte-q4k2pn{font-size:.9rem;color:#fec7c7ba}.chevron.svelte-q4k2pn{width:24px;height:24px;color:#fec7c7ba;transition:transform .2s;flex-shrink:0}.chevron.open.svelte-q4k2pn{transform:rotate(180deg)}.mode-body.svelte-q4k2pn{padding:0 2rem 2rem;display:none}.mode-body.open.svelte-q4k2pn{display:block}.mode-description.svelte-q4k2pn{color:#fec7c7ba;line-height:1.7;font-size:1rem;margin-bottom:1.5rem}.mode-detail.svelte-q4k2pn{margin-bottom:1.2rem;padding-left:1rem;border-left:3px solid rgba(176,74,74,.3)}.mode-detail.svelte-q4k2pn:last-child{margin-bottom:0}.mode-detail-label.svelte-q4k2pn{font-size:1rem;font-weight:600;color:#faf4ea;margin-bottom:.3rem}.mode-detail-text.svelte-q4k2pn{color:#fec7c7ba;line-height:1.6;font-size:.95rem}@media (max-width: 768px){.page-container.svelte-q4k2pn{padding:5rem 1rem 3rem}.page-title.svelte-q4k2pn{font-size:2.5rem}.mode-header.svelte-q4k2pn{padding:1.2rem 1.5rem}.mode-body.svelte-q4k2pn{padding:0 1.5rem 1.5rem}.mode-name.svelte-q4k2pn{font-size:1.2rem}}