.free-experience-page {
  --ink: #f3efe8;
  --muted: #948d84;
  --paper: #11100f;
  --line: #3a3530;
  --dark: #d84a3f;
  --soft: #191715;
  background: #11100f;
  color: #f3efe8;
  color-scheme: dark;
}
.free-experience-page header,
.free-experience-page footer { background: #11100f; border-color: #3a3530; }
.free-experience-page .lead,
.free-experience-page .faq-list p { color: #d8d1c7; }
.free-experience-page .proof-card,
.free-experience-page .update { background: #191715; color: #d8d1c7; }
.free-experience-page .proof-card b,
.free-experience-page .update b,
.free-experience-page .related a { color: #f3efe8; }
.free-experience-page .button { border-color: #d84a3f; }
.free-experience-page .button.primary { background: #d84a3f; }
.free-experience-page .button:hover { background: #a9312a; border-color: #a9312a; }
.free-experience-mount { min-height: 320px; }
.inline-experience {
  --experience-bg: #11100f;
  --experience-panel: #171614;
  --experience-paper: #f5f1e9;
  --experience-muted: #aaa39a;
  --experience-line: #49433d;
  --experience-red: #df4e43;
  scroll-margin-top: 28px;
  width: 100%;
  margin: 0 0 clamp(48px,7vw,76px);
  padding: clamp(22px,4vw,42px);
  border: 1px solid var(--experience-line);
  border-top: 4px solid var(--experience-red);
  background: var(--experience-bg);
  color: var(--experience-paper);
  font-family: -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
}
.inline-experience > header { display:grid; grid-template-columns:minmax(0,1fr) minmax(240px,.56fr); gap:28px; align-items:end; margin-bottom:28px; padding:0; border:0; }
.inline-experience > header .eyebrow { grid-column:1/-1; margin:0 0 -10px; color:var(--experience-red); font:700 11px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.12em; }
.inline-experience > header h2 { margin:0; color:var(--experience-paper); font:700 clamp(2rem,4.3vw,4.2rem)/1.02 "Songti SC","Noto Serif SC",serif; letter-spacing:-.05em; }
.inline-experience > header > p:last-child { margin:0; color:var(--experience-muted); font-size:.86rem; line-height:1.7; }
.inline-experience form { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; align-items:end; }
.inline-experience label { display:grid; gap:7px; color:#d8d1c8; font:700 .7rem ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.04em; }
.inline-experience input,.inline-experience select,.inline-experience textarea { width:100%; min-height:46px; padding:10px 11px; border:1px solid var(--experience-line); border-radius:0; background:var(--experience-panel); color:var(--experience-paper); font:.82rem/1.45 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif; color-scheme:dark; }
.inline-experience textarea { min-height:122px; resize:vertical; }
.inline-experience button { min-height:46px; padding:10px 15px; border:1px solid var(--experience-red); border-radius:0; background:var(--experience-red); color:#fff; cursor:pointer; font:800 .72rem ui-monospace,SFMono-Regular,Menlo,monospace; }
.inline-experience button:hover { background:#b83b33; }
.inline-experience button:disabled { cursor:wait; opacity:.62; }
.inline-experience input:focus-visible,.inline-experience select:focus-visible,.inline-experience textarea:focus-visible,.inline-experience button:focus-visible { outline:3px solid rgba(223,78,67,.38); outline-offset:2px; }
.experience-field-wide { grid-column:1/-1; }
.experience-privacy { margin:16px 0 0; color:var(--experience-muted); font-size:.72rem; line-height:1.65; }
.inline-experience .priority-form { grid-template-columns:1fr; }
.priority-row { display:grid; grid-template-columns:minmax(0,1fr) repeat(3,minmax(130px,.42fr)); gap:12px; }
.inline-experience .split-form { grid-template-columns:minmax(220px,.58fr) minmax(0,1.42fr); align-items:start; }
.inline-experience .split-form button { align-self:end; }
.inline-experience .reflection-form { grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; }
.reflection-question { min-width:0; padding:14px; border:1px solid var(--experience-line); background:rgba(0,0,0,.12); }
.reflection-question span { min-height:3.2em; color:var(--experience-paper); font:500 .82rem/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif; letter-spacing:0; }
.reflection-form > button { grid-column:1/-1; }
.inline-result { margin-top:24px; padding:22px; border-left:3px solid var(--experience-red); background:var(--experience-panel); color:#d8d1c8; }
.inline-result:focus-visible { outline:3px solid rgba(223,78,67,.38); outline-offset:4px; }
.inline-result.is-error { border-color:#e9b163; color:#f2ca91; }
.inline-result .result-kicker { margin:0 0 8px; color:var(--experience-red); font:700 .68rem ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.1em; }
.inline-result h3 { margin:0 0 14px; color:var(--experience-paper); font:700 clamp(1.55rem,2.8vw,2.45rem)/1.15 "Songti SC","Noto Serif SC",serif; letter-spacing:-.035em; }
.inline-result h4 { margin:0 0 8px; color:var(--experience-paper); font-size:.92rem; }
.inline-result ol,.inline-result ul { margin:10px 0; padding-left:1.3rem; }
.inline-result li { margin:7px 0; line-height:1.6; }
.inline-result small { display:block; margin-top:3px; color:var(--experience-muted); font-size:.7rem; }
.inline-result details { margin-top:16px; padding-top:13px; border-top:1px solid var(--experience-line); }
.inline-result summary { cursor:pointer; color:var(--experience-paper); font-weight:700; }
.inline-result blockquote { margin:18px 0; padding:15px 18px; border-left:2px solid var(--experience-red); background:rgba(223,78,67,.08); color:var(--experience-paper); font:600 1rem/1.75 "Songti SC","Noto Serif SC",serif; }
.result-direct { font-size:.95rem; line-height:1.75; }
.variable-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:18px 0 22px; }
.variable-grid article { padding:14px; border:1px solid var(--experience-line); }
.variable-grid span { float:right; color:var(--experience-red); font:700 .68rem ui-monospace,SFMono-Regular,Menlo,monospace; }
.variable-grid p { margin:5px 0 0; color:var(--experience-muted); font-size:.75rem; line-height:1.6; }
.branch-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:0!important; list-style:none; }
.branch-list li { padding:15px; border:1px solid var(--experience-line); }
.branch-list p { margin:8px 0; }
.chart-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin:18px 0; border-top:1px solid var(--experience-line); }
.chart-facts div { padding:12px 0; border-bottom:1px solid var(--experience-line); }
.chart-facts dt { color:var(--experience-muted); font: .66rem ui-monospace,SFMono-Regular,Menlo,monospace; }
.chart-facts dd { margin:4px 0 0; color:var(--experience-paper); }
.score-bars { display:grid; gap:8px; margin:18px 0; }
.score-bars div { display:grid; grid-template-columns:72px minmax(0,1fr) 24px; gap:10px; align-items:center; }
.score-bars span,.score-bars b { font:.7rem ui-monospace,SFMono-Regular,Menlo,monospace; }
.score-bars i { height:8px; background:linear-gradient(90deg,var(--experience-red) calc(var(--score) * 10%),#312d2a calc(var(--score) * 10%)); }
.result-rotate { min-height:38px!important; background:transparent!important; color:var(--experience-paper)!important; }
.result-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.result-boundary { margin:18px 0 0; padding-top:14px; border-top:1px solid var(--experience-line); color:#d5afa8; font-size:.78rem; line-height:1.65; }
.result-actions { display:flex; align-items:center; gap:12px; margin-top:18px; padding-top:16px; border-top:1px solid var(--experience-line); }
.inline-experience .result-actions button { min-height:40px; padding:8px 13px; background:transparent; color:var(--experience-paper); }
.inline-experience .result-actions button:hover { background:var(--experience-red); color:#fff; }
.result-actions span { color:var(--experience-muted); font-size:.72rem; line-height:1.5; }
.result-actions span.is-error { color:#e9b163; }
@media(max-width:820px){.inline-experience>header{grid-template-columns:1fr}.inline-experience>header .eyebrow{grid-column:auto}.inline-experience form{grid-template-columns:repeat(2,minmax(0,1fr))}.priority-row{grid-template-columns:1fr 1fr}.priority-row label:first-child{grid-column:1/-1}.inline-experience .split-form{grid-template-columns:1fr}.result-columns,.variable-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.inline-experience{padding:20px}.inline-experience form,.inline-experience .reflection-form{grid-template-columns:1fr}.priority-row{grid-template-columns:1fr}.priority-row label:first-child{grid-column:auto}.experience-field-wide,.reflection-form>button{grid-column:auto}.result-columns,.variable-grid,.branch-list,.chart-facts{grid-template-columns:1fr}}
