:root{
  --bg:#0c0b09;--panel:#17130e;--panel2:#211a11;--text:#f4ead7;
  --muted:#b9aa90;--gold:#c9a35d;--gold2:#edce8e;--border:rgba(201,163,93,.34)
}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;color:var(--text);background:
radial-gradient(circle at 50% 4%,rgba(201,163,93,.13),transparent 28rem),
linear-gradient(180deg,#0d0b08,var(--bg));font-family:Georgia,"Times New Roman",serif}
.shell{min-height:100vh;display:grid;place-items:center;padding:28px 16px}
.oracle-card{width:min(100%,700px);padding:clamp(26px,6vw,58px);border:1px solid var(--border);
border-radius:26px;background:linear-gradient(180deg,rgba(31,25,16,.97),rgba(17,14,10,.98));
box-shadow:0 32px 90px rgba(0,0,0,.46)}
.sigil{width:74px;height:74px;margin:0 auto 22px;border:1px solid var(--gold);border-radius:50%;
display:grid;place-items:center;box-shadow:0 0 42px rgba(201,163,93,.12)}
.eye-dot{width:25px;height:15px;border:1px solid var(--gold2);border-radius:50% 0 50% 0;transform:rotate(45deg);
position:relative}.eye-dot:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--gold2);
left:9px;top:4px}
.eyebrow{text-align:center;margin:0 0 9px;color:var(--gold);font:700 11px/1.2 system-ui,sans-serif;
letter-spacing:.24em;text-transform:uppercase}h1{margin:0;text-align:center;font-weight:500;
font-size:clamp(42px,9vw,70px);letter-spacing:-.035em}.intro{max-width:575px;margin:20px auto 38px;
text-align:center;color:var(--muted);font-size:18px;line-height:1.65}
label{display:block;margin:0 0 10px;color:var(--gold2);font:600 14px/1.3 system-ui,sans-serif}
textarea{width:100%;min-height:130px;resize:vertical;padding:17px;border:1px solid var(--border);border-radius:15px;
background:rgba(0,0,0,.18);color:var(--text);font:18px/1.5 Georgia,serif;outline:none}
textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,163,93,.08)}
.actions,.feedback-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
button{border:1px solid var(--gold);border-radius:999px;padding:12px 18px;background:var(--gold);color:#161108;
font:700 14px/1 system-ui,sans-serif;cursor:pointer}button:hover{filter:brightness(1.08)}button:disabled{opacity:.55;cursor:wait}
button.secondary,.feedback button{background:transparent;color:var(--gold2)}
.response-panel{margin-top:30px;padding:24px;border:1px solid var(--border);border-radius:19px;background:rgba(0,0,0,.16)}
.hidden{display:none}.thinking-mark{text-align:center;color:var(--gold2);font-size:38px;animation:pulse 1.4s ease-in-out infinite}
#thinking p{text-align:center;color:var(--muted)}@keyframes pulse{50%{opacity:.35;transform:scale(.9)}}
.symbol-wrap{display:flex;gap:17px;align-items:center}.symbol-wrap .eyebrow{text-align:left}
.symbol-glyph{width:62px;height:62px;flex:0 0 62px;display:grid;place-items:center;border:1px solid var(--gold);
border-radius:50%;color:var(--gold2);font-size:28px}h2{margin:0;font-size:31px;font-weight:500}
.symbol-meaning{color:var(--muted);line-height:1.65}blockquote{margin:24px 0;padding:18px 0 18px 22px;
border-left:2px solid var(--gold);font-size:clamp(22px,5vw,30px);line-height:1.45}
.feedback{border-top:1px solid var(--border);padding-top:18px}.feedback p{font-family:system-ui,sans-serif;font-size:14px}
.muted,.privacy-note{color:#998b75;font:12px/1.6 system-ui,sans-serif}.about{margin-top:28px;border-top:1px solid rgba(201,163,93,.16);
padding-top:17px;color:var(--muted);font:14px/1.65 system-ui,sans-serif}.about summary{cursor:pointer;color:var(--gold2)}
.privacy-note{margin-top:20px}footer{display:flex;justify-content:space-between;gap:15px;margin-top:25px;padding-top:16px;
border-top:1px solid rgba(201,163,93,.16);color:#7d705d;font:11px/1.4 system-ui,sans-serif}
@media(max-width:520px){.oracle-card{border-radius:18px}.actions button{width:100%}footer{flex-direction:column}}