*{box-sizing:border-box}
:root{
  --espresso:#211510;
  --walnut:#4d3123;
  --bronze:#9d7137;
  --gold:#d2ae68;
  --cream:#fffaf2;
  --parchment:#efe1cd;
  --ink:#2b211c;
  --blackpanel:#171210;
}
body{margin:0;background:linear-gradient(135deg,#eadbc7,#fbf7ef 48%,#e6d2b8);color:var(--ink);font-family:Georgia,serif;min-height:100vh;overflow-x:hidden}
.ambient{position:fixed;border-radius:50%;pointer-events:none;z-index:-1;opacity:.42}
.ambient-one{width:360px;height:360px;right:-120px;top:80px;background:radial-gradient(circle,rgba(210,174,104,.35),transparent 68%)}
.ambient-two{width:300px;height:300px;left:-110px;bottom:20px;background:radial-gradient(circle,rgba(70,42,28,.19),transparent 68%)}
header{display:flex;justify-content:space-between;align-items:center;padding:18px clamp(18px,5vw,70px);background:linear-gradient(105deg,#1c120e,#36231a 54%,#1d130f);color:#f4dfb2;border-bottom:1px solid rgba(210,173,105,.8);box-shadow:0 8px 28px rgba(37,25,20,.24)}
.brand{font-size:30px;color:inherit;text-decoration:none;font-weight:bold;letter-spacing:.02em;text-shadow:0 1px 0 #000}
.admin{color:#fff5df;text-decoration:none;border:1px solid #caa35e;border-radius:999px;padding:10px 16px;font:700 12px Arial;transition:.25s ease;background:rgba(255,255,255,.04)}
.admin:hover,.admin:focus-visible{transform:translateY(-2px);background:#caa35e;color:#261914;box-shadow:0 8px 20px rgba(0,0,0,.2)}
.conversation-shell{max-width:1160px;margin:30px auto;padding:0 20px 52px}
.bella-panel{display:grid;grid-template-columns:128px 1fr;gap:25px;align-items:center;margin:0 auto 22px;padding:22px 26px;background:rgba(255,250,242,.7);border:1px solid rgba(157,113,55,.45);box-shadow:0 12px 34px rgba(64,38,24,.11)}
.portrait-wrap{position:relative;width:120px;height:120px;display:grid;place-items:center}
.portrait-ring{position:absolute;inset:-4px;border-radius:50%;border:1px solid rgba(156,116,60,.5);box-shadow:0 0 0 7px rgba(255,250,243,.55),0 14px 34px rgba(65,38,23,.2)}
.bella-avatar{width:108px;height:108px;object-fit:cover;border-radius:50%;border:4px solid var(--gold);box-shadow:0 10px 28px #0002;position:relative}
.kicker{text-transform:uppercase;letter-spacing:.15em;color:#795526;font:800 12px Arial;margin:0}
.bella-panel h1{font-size:clamp(34px,5vw,54px);line-height:1.02;margin:7px 0 10px;color:#34231c;text-wrap:balance}
.subcopy{font:17px/1.55 Arial;margin:0;color:#584a42;max-width:820px}
.path-stage{margin:24px 0 24px;background:rgba(255,250,242,.72);border:1px solid rgba(157,113,55,.35);box-shadow:0 14px 38px rgba(69,43,26,.12);padding:17px}
.path-grid{display:flex;flex-direction:column;gap:14px}
.path-card{position:relative;width:100%;min-height:178px;padding:0;border:1px solid rgba(183,145,84,.6);background:#fffaf2;color:#38261d;text-align:left;cursor:pointer;box-shadow:0 9px 25px rgba(62,37,22,.12);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;overflow:hidden;display:grid;grid-template-columns:minmax(280px,43%) 1fr;font-family:Georgia,serif}
.path-card:nth-child(even){grid-template-columns:1fr minmax(280px,43%)}
.path-card:nth-child(even) .path-photo{order:2}
.path-card:nth-child(even) .path-copy{order:1;background:linear-gradient(135deg,#f8efe1,#fffaf2)}
.path-card:hover,.path-card:focus-visible{transform:translateY(-5px);border-color:#b8863f;box-shadow:0 20px 40px rgba(61,36,21,.24),0 0 0 3px rgba(210,173,105,.12);outline:none}
.path-photo{position:relative;min-height:178px;overflow:hidden;background:#251914}
.path-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 45%,rgba(18,12,9,.18));pointer-events:none}
.path-card:nth-child(even) .path-photo:after{background:linear-gradient(270deg,transparent 45%,rgba(18,12,9,.18))}
.path-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s ease,filter .35s ease;filter:saturate(.9) contrast(1.02)}
.path-card:hover .path-photo img,.path-card:focus-visible .path-photo img{transform:scale(1.045);filter:saturate(1) contrast(1.05)}
.path-copy{position:relative;display:flex;flex-direction:column;justify-content:center;padding:27px 58px 25px 34px;background:linear-gradient(135deg,#171210,#302019);color:#fff7e8}
.path-card:nth-child(odd) .path-copy:before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:1px;background:linear-gradient(transparent,#d2ae68,transparent)}
.path-card:nth-child(even) .path-copy:before{content:"";position:absolute;right:0;top:18%;bottom:18%;width:1px;background:linear-gradient(transparent,#b88943,transparent)}
.path-kicker{font:800 11px/1.2 Arial;text-transform:uppercase;letter-spacing:.17em;color:#d6b675;margin-bottom:7px}
.path-card strong{display:block;font:700 clamp(23px,3vw,34px)/1.1 Georgia,serif;margin-bottom:9px;color:#f2d99f;text-transform:uppercase;letter-spacing:.025em}
.path-card span.path-description{display:block;font:15px/1.55 Arial;color:#f7eee2;max-width:580px}
.path-card:nth-child(even) .path-copy{color:#38271e}
.path-card:nth-child(even) .path-kicker{color:#8a5f2b}
.path-card:nth-child(even) strong{color:#6b4828}
.path-card:nth-child(even) span.path-description{color:#5b4a40}
.path-arrow{position:absolute;right:24px;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid currentColor;color:#d5b472;font-size:20px;transition:transform .25s ease,background .25s ease,color .25s ease}
.path-card:nth-child(even) .path-arrow{color:#8b6131}
.path-card:hover .path-arrow,.path-card:focus-visible .path-arrow{transform:translate(5px,-50%);background:#d2ae68;color:#211510}
.chat-card{background:rgba(255,250,243,.9);border:1px solid rgba(181,144,85,.62);box-shadow:0 14px 38px rgba(77,45,22,.1);overflow:hidden;backdrop-filter:blur(8px)}
.messages{max-height:220px;overflow:auto;padding:19px 22px 8px;display:flex;flex-direction:column;gap:12px}
.bubble{max-width:84%;padding:12px 16px;border-radius:17px;font:15px/1.5 Arial}.bubble strong{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.bubble p{margin:0;white-space:pre-wrap}
.bubble.bella{align-self:flex-start;background:#f0e2cd;border-bottom-left-radius:5px;color:#35271f}.bubble.user{align-self:flex-end;background:#3b281f;color:#fff;border-bottom-right-radius:5px}
.composer{display:grid;grid-template-columns:1fr auto;gap:10px;padding:15px 18px;border-top:1px solid #ddc9aa;background:rgba(247,239,227,.86)}
.composer textarea{width:100%;resize:vertical;min-height:54px;border:1px solid #b99b70;border-radius:10px;padding:13px 14px;font:16px Arial;background:#fffdf9;outline:none;transition:.2s ease}
.composer textarea:focus{border-color:#9c743c;box-shadow:0 0 0 4px rgba(156,116,60,.12)}
.composer button{border:1px solid #6a4924;border-radius:10px;padding:0 24px;background:linear-gradient(145deg,#76512a,#4d321c);color:#fff;font:800 14px Arial;cursor:pointer;transition:.22s ease;box-shadow:0 7px 16px rgba(62,38,21,.16)}
.composer button:hover,.composer button:focus-visible{transform:translateY(-2px);background:linear-gradient(145deg,#8a6234,#5a3a20);box-shadow:0 11px 20px rgba(62,38,21,.22);outline:none}
#status{padding:0 20px 13px;color:#7b392c;font:700 13px Arial}.privacy-note{text-align:center;color:#76655a;font:12px/1.5 Arial;margin:13px 0 0}.sr-only{position:absolute;left:-10000px}
@media(max-width:800px){.path-card,.path-card:nth-child(even){grid-template-columns:40% 60%}.path-card:nth-child(even) .path-photo{order:1}.path-card:nth-child(even) .path-copy{order:2;background:linear-gradient(135deg,#171210,#302019);color:#fff7e8}.path-card:nth-child(even) .path-kicker{color:#d6b675}.path-card:nth-child(even) strong{color:#f2d99f}.path-card:nth-child(even) span.path-description{color:#f7eee2}.path-card:nth-child(even) .path-arrow{color:#d5b472}.path-card:nth-child(even) .path-copy:before{right:auto;left:0}.path-copy{padding:23px 48px 22px 25px}}
@media(max-width:620px){.conversation-shell{margin-top:20px;padding:0 12px 35px}.bella-panel{grid-template-columns:78px 1fr;gap:14px;padding:17px 16px}.portrait-wrap{width:74px;height:74px}.bella-avatar{width:68px;height:68px;border-width:3px}.bella-panel h1{font-size:31px}.subcopy{font-size:14px}.path-stage{padding:10px}.path-card,.path-card:nth-child(even){grid-template-columns:1fr;min-height:0}.path-photo,.path-card:nth-child(even) .path-photo{height:150px;min-height:150px;order:1}.path-copy,.path-card:nth-child(even) .path-copy{order:2;padding:20px 50px 20px 20px;background:linear-gradient(135deg,#171210,#302019);color:#fff7e8}.path-card:nth-child(even) .path-kicker{color:#d6b675}.path-card:nth-child(even) strong{color:#f2d99f}.path-card:nth-child(even) span.path-description{color:#f7eee2}.path-card:nth-child(even) .path-arrow{color:#d5b472}.path-card strong{font-size:24px}.path-arrow{right:14px}.composer{grid-template-columns:1fr}.composer button{padding:13px}.messages{max-height:180px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.path-card,.path-photo img,.path-arrow,.admin,.composer button{transition:none}.path-card:hover,.path-card:focus-visible,.admin:hover,.admin:focus-visible,.composer button:hover,.composer button:focus-visible{transform:none}}