:root{color:#1d1b1f;background:#f4efe8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at top,rgba(89,68,95,.09),transparent 34%),linear-gradient(180deg,#faf7f2,#ede6dc)}button,input,textarea{font:inherit}button{border:1px solid #2d2730;background:linear-gradient(180deg,#fff,#e7dfd8);color:#27222a;padding:.9rem 1rem;border-radius:14px;cursor:pointer;font-weight:700;box-shadow:0 10px 20px #322b3814}button:hover{background:linear-gradient(180deg,#fff,#ddd3c9)}button.ghost{background:transparent;box-shadow:none}button.selected{background:#2d2730;color:#fff}.page{width:min(1120px,calc(100vw - 1.5rem));margin:0 auto;padding:1rem 0 2rem;display:grid;gap:1rem}.card{border:1px solid #d6c9bb;background:#fffcf8f5;border-radius:24px;box-shadow:0 18px 46px #4439491a;overflow:hidden}.hero,.orb-card,.controls-card,.footer{padding:1.4rem}.hero{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.hero h1,.orb-top h2{margin:0;line-height:1.05;letter-spacing:-.03em;font-family:Georgia,Times New Roman,serif}.hero h1{font-size:clamp(2.25rem,5vw,4.5rem)}.eyebrow{margin:0 0 .45rem;color:#7d6f83;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:800}.lede,.badge,.question-card p,.history-card p,.footer span,.toggle span,.history-card span,.field span,.orb-label{color:#675d6d}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;min-width:min(430px,100%)}.hero-stats>div{border:1px solid #d6c9bb;background:#f7f2eb;border-radius:18px;padding:.95rem}.hero-stats span,.field span,.history-card span,.question-card span,.orb-label,.badge{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:800}.hero-stats strong,.orb-top .badge,.field strong{display:block;margin-top:.25rem;font-size:1.1rem;color:#232127}.grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.75fr);gap:1rem;align-items:start}.orb-top{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.orb-top h2{font-size:clamp(1.8rem,4vw,3.8rem)}.orb{border:1px solid #d6c9bb;border-radius:22px;background:linear-gradient(180deg,#2d2730,#1f1b21);padding:1.2rem;display:grid;gap:.7rem;color:#fff}.orb-label,.question-card span,.field span,.history-card span,.badge{color:#7d6f83}.orb-reply{margin:0;font-size:clamp(1.15rem,2.4vw,1.55rem);line-height:1.4;color:#fff}.question-card,.history-card{margin-top:1rem;border:1px solid #d6c9bb;background:#fbf7f1;border-radius:18px;padding:1rem}.question-card p{margin:.35rem 0 0;line-height:1.5}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.controls-card{display:grid;gap:1rem}.field{display:grid;gap:.55rem}textarea,input[type=range]{width:100%}textarea{border:1px solid #d6c9bb;border-radius:18px;background:#fffdf9;color:#232127;padding:1rem;resize:vertical;min-height:110px}input[type=range]{accent-color:#2d2730}.segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.segmented.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.toggle{display:flex;align-items:center;gap:.6rem;border:1px solid #d6c9bb;background:#fbf7f1;border-radius:16px;padding:.9rem 1rem}.toggle input{width:18px;height:18px}.history-card ul{list-style:none;margin:.7rem 0 0;padding:0;display:grid;gap:.75rem}.history-card li{border:1px solid #e5d9cc;background:#fffdf9;border-radius:16px;padding:.85rem}.history-card li strong,.history-card li span,.history-card li p{display:block}.history-card li strong{color:#232127}.history-card li p{margin:.25rem 0 0;line-height:1.45}.empty{margin:0;padding:.2rem 0}.footer{display:flex;justify-content:space-between;align-items:center;gap:1rem}.footer a{color:#27222a;text-decoration:none;border-bottom:1px solid rgba(39,34,42,.35)}.footer a:hover{border-bottom-color:#27222a}@media (max-width: 860px){.hero,.grid,.footer{display:grid;grid-template-columns:1fr}.hero-stats{min-width:100%}.segmented.compact,.segmented{grid-template-columns:1fr}}