:root,:root[data-theme=dark]{color-scheme:dark;--bg: #081310;--bg-accent: #132a23;--surface: #10221d;--surface-raised: #173029;--text: #edf7f2;--text-muted: #b9cec5;--accent: #9fe8c8;--accent-strong: #baf4da;--accent-ink: #0b2119;--border: rgba(177, 235, 211, .2);--danger: #ffb4a8;--success: #9fe8c8;--focus: #f6c86b;--shadow: rgba(0, 0, 0, .34)}:root[data-theme=light]{color-scheme:light;--bg: #f3f8f5;--bg-accent: #dcefe6;--surface: #ffffff;--surface-raised: #edf7f2;--text: #10231e;--text-muted: #49635a;--accent: #176b50;--accent-strong: #0e543e;--accent-ink: #ffffff;--border: rgba(20, 92, 69, .2);--danger: #a9342b;--success: #176b50;--focus: #8a5600;--shadow: rgba(20, 55, 43, .15)}:root{background:var(--bg);color:var(--text);font-family:Segoe UI,Noto Sans Thai,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{touch-action:manipulation}button:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button:disabled{cursor:wait;opacity:.58}.app-shell{background:radial-gradient(circle at 12% 8%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 32%),linear-gradient(145deg,var(--bg),var(--bg-accent));min-height:100vh;padding:20px}.app-header{align-items:center;display:flex;gap:20px;justify-content:space-between;margin:0 auto 24px;max-width:1120px}.brand-lockup{align-items:center;display:flex;font-size:1.15rem;font-weight:800;gap:10px}.brand-mark{align-items:center;background:var(--accent);border-radius:12px;color:var(--accent-ink);display:inline-flex;font-weight:900;height:42px;justify-content:center;width:42px}.experience-controls{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.segmented-control{background:var(--surface);border:1px solid var(--border);border-radius:999px;display:flex;padding:3px}.segmented-control button{background:transparent;border:0;border-radius:999px;color:var(--text-muted);cursor:pointer;padding:7px 11px}.segmented-control button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.experience-layout{display:grid;gap:20px;margin:0 auto;max-width:1120px}.brand-story,.journey-card{background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid var(--border);border-radius:24px;box-shadow:0 22px 70px var(--shadow);padding:clamp(26px,5vw,52px)}.eyebrow{color:var(--accent);font-size:.74rem;font-weight:700;letter-spacing:.14em;margin:0 0 12px;text-transform:uppercase}h1{font-size:clamp(3.4rem,10vw,5.4rem);letter-spacing:-.07em;line-height:.9;margin:0 0 28px}h2{line-height:1.25}.brand-story h2{font-size:clamp(1.65rem,4vw,2.6rem);margin:0}.intro{color:var(--text-muted);line-height:1.7;margin:20px 0}.privacy-note{align-items:flex-start;background:var(--surface-raised);border-radius:14px;color:var(--text);display:flex;gap:10px;line-height:1.55;padding:15px}.privacy-note span:first-child{color:var(--accent)}.auth-panel,.onboarding-panel,.space-summary{margin:0}.auth-panel h2,.onboarding-panel h2,.space-summary h2{margin:0 0 12px}.auth-panel form,.onboarding-panel form{display:grid;gap:10px;margin-top:22px}.auth-panel label,.onboarding-panel label{color:var(--text);font-weight:650}.auth-panel input,.onboarding-panel input{background:var(--bg);border:1px solid var(--border);border-radius:11px;color:var(--text);padding:12px 13px;width:100%}.auth-panel form>button[type=submit],.onboarding-panel form>button[type=submit],.auth-panel>button:not(.text-button){background:var(--accent);border:0;border-radius:12px;color:var(--accent-ink);cursor:pointer;font-weight:750;margin-top:8px;padding:13px 18px}.secondary-button,.text-button{background:transparent;border:0;color:var(--accent-strong);cursor:pointer;margin-top:10px;padding:8px 0}.field-hint{color:var(--text-muted);font-size:.88rem;margin:0}.field-error,[role=alert]{color:var(--danger)}.field-error{margin:0}.status-panel{border:1px solid var(--border);border-radius:12px;margin:14px 0;padding:12px}.status-panel h3{font-size:1rem;margin:0 0 4px}.status-panel--success{color:var(--success)}.status-panel--error{border-color:color-mix(in srgb,var(--danger) 55%,transparent)}@media(min-width:860px){.app-shell{padding:28px}.experience-layout{align-items:stretch;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)}.brand-story,.journey-card{min-height:640px}.journey-card{align-content:center;display:grid}}@media(max-width:560px){.app-header{align-items:flex-start}.experience-controls{max-width:190px}.segmented-control button{font-size:.85rem;padding:6px 9px}.brand-story,.journey-card{border-radius:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}