:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#eef3ff;background:#070d20;--navy:#101c38;--edge:#26375d;--gold:#d9b45e;--blue:#2c67e9}*{box-sizing:border-box}body{margin:0}header{height:76px;display:flex;align-items:center;gap:22px;padding:12px 24px;border-bottom:1px solid var(--edge);background:#0b142d;position:sticky;top:0;z-index:5}.brand{font-size:20px;font-weight:850;white-space:nowrap}.brand span{color:#7bb0ff}#topsearch{max-width:410px;flex:1}#who{margin-left:auto;color:var(--gold)}.shell{display:grid;grid-template-columns:240px minmax(0,1fr) 260px;max-width:1650px;margin:auto;gap:20px;padding:18px}nav{display:flex;flex-direction:column;gap:7px}nav button{width:100%;text-align:left;background:none;color:#a9b7d6;border:0;border-radius:13px;padding:15px;font-size:15px;cursor:pointer}nav button:hover,nav .selected{background:#255ee0;color:white}main{min-width:0}aside{display:flex;flex-direction:column;gap:15px}.panel,.tile{background:var(--navy);border:1px solid var(--edge);border-radius:20px;padding:20px;margin-bottom:16px}.panel h3{margin:0 0 12px}.panel p,.muted{color:#a4b1cf}.biggold{font-size:48px;color:var(--gold);font-weight:800}.hero{padding:22px 26px;background:linear-gradient(120deg,#152b54,#0c1630);border:1px solid #3c4770;border-radius:22px;margin-bottom:18px}.hero h1{margin:0 0 8px;font-size:29px}.gold{color:var(--gold)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:10px;margin:16px 0}.tile{margin:0;text-align:center}.tile strong{font-size:27px;display:block}.tile small{color:#a4b1cf}input,textarea{background:#080f23;color:#fff;border:1px solid #33476e;border-radius:13px;padding:14px;font:inherit;width:100%}textarea{min-height:100px;resize:vertical}input:focus,textarea:focus{outline:2px solid #d9b45e}button.action{background:var(--blue);border:0;border-radius:12px;color:white;font:inherit;font-weight:700;padding:13px 20px;cursor:pointer}button.action.secondary{background:#1a2b4e;border:1px solid #425477}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.post{border-bottom:1px solid var(--edge);padding:17px 0}.post:last-child{border-bottom:0}.post .meta{color:var(--gold);font-weight:700}.post p{white-space:pre-wrap;overflow-wrap:anywhere}.post button{border:0;background:transparent;color:#8bb4ff;cursor:pointer;margin-right:16px;font-size:14px}.formgrid{display:grid;gap:12px;max-width:560px}.error{color:#ffb5ae}.ok{color:#a8e8bb}.reading{background:radial-gradient(circle at top,#473715,#10192d 65%);border:1px solid #9d7d37;border-radius:18px;padding:22px;animation:rise .55s ease}.reading .number{font-size:46px;font-weight:800;color:#f3d888}.oracleart{position:relative;min-height:210px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,#352a1b 0%,#091229 66%);border:1px solid #66512b;border-radius:20px;margin:18px 0}.oracleart .ring{width:160px;height:160px;border:2px solid #d9b45e;border-radius:50%;box-shadow:0 0 24px #d9b45e55,inset 0 0 25px #d9b45e33;display:grid;place-items:center;font-size:70px;color:var(--gold);animation:turn 14s linear infinite}.oracleart.revealed .ring{animation:turn 3s linear infinite,pulse 1.5s ease 2}.oracleart .sigils{position:absolute;bottom:10px;color:#b9a16a;letter-spacing:12px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pill{padding:6px 10px;border:1px solid #6c5730;border-radius:30px;color:#e5c77c}.cardlist{display:grid;gap:10px}.mini{border:1px solid var(--edge);border-radius:12px;padding:14px}.mini b{color:var(--gold)}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#233558;color:white;border:1px solid #5c77b0;border-radius:12px;padding:12px 20px;display:none;z-index:9;max-width:90vw}@keyframes turn{to{transform:rotate(360deg)}}@keyframes pulse{50%{box-shadow:0 0 85px #f2c85d,inset 0 0 45px #f2c85d}}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1100px){.shell{grid-template-columns:190px minmax(0,1fr)}aside{display:none}}@media(max-width:650px){header{height:auto;flex-wrap:wrap;padding:12px}.brand{font-size:16px}#topsearch{order:3;min-width:100%;max-width:none}.shell{display:block;padding:12px}nav{flex-direction:row;overflow:auto;padding-bottom:10px;position:sticky;top:110px;background:#070d20;z-index:3}nav button{white-space:nowrap;width:auto;padding:10px 14px}.hero h1{font-size:23px}.panel{padding:16px}}

/* B003: original portrait with gold reveal, accessible and responsive. */
.oracleart{min-height:340px;isolation:isolate;gap:0}.oracleportrait{height:315px;width:236px;position:relative;overflow:hidden;border-radius:16px;border:2px solid #b99146;box-shadow:0 0 36px #d9b45e33;grid-area:1/1}.oracleportrait img{display:block;width:100%;height:100%;object-fit:cover}.oracleportrait .eye{position:absolute;top:53.7%;width:7.5%;height:3.3%;border-radius:50%;opacity:0;pointer-events:none;background:radial-gradient(ellipse,#fff7bf 0%,#f8d06c 35%,#b88722 70%,transparent 100%);filter:blur(2px);box-shadow:0 0 10px 5px #ffc44d,0 0 25px 11px #d8a52e}.oracleportrait .eye.left{left:39.6%}.oracleportrait .eye.right{left:59.6%}.oracleart .ring{grid-area:1/1;position:absolute;z-index:2;pointer-events:none;width:285px;height:285px;border-style:dashed;opacity:.5}.oracleart .sigils{z-index:3;text-shadow:0 0 8px #d9b45e}.oracleart.revealed .eye{animation:eyesReveal 2.5s ease-in-out forwards}.oracleart.revealed .oracleportrait{animation:portraitReveal 2.5s ease-in-out}.oracleart.revealed .ring{animation:turn 3s linear infinite,pulse 1.5s ease 2}@keyframes eyesReveal{0%{opacity:0;transform:scale(.5)}25%{opacity:1;transform:scale(1.1)}60%{opacity:1;transform:scale(1.3)}100%{opacity:.12;transform:scale(1)}}@keyframes portraitReveal{35%{box-shadow:0 0 50px #f1c15f99}100%{box-shadow:0 0 20px #d9b45e44}}#recordingOutput{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:14px}#recordingOutput audio{max-width:100%}@media(prefers-reduced-motion:reduce){.oracleart .ring,.oracleart.revealed .eye,.oracleart.revealed .oracleportrait{animation:none}.oracleart.revealed .eye{opacity:.7}}


/* GC Oracle portrait upgrade — effects outside the face; accessible reduced-motion fallback */
.gc-oracle-new{position:relative;overflow:hidden;border-radius:18px;background:radial-gradient(circle,#443078 0%,#0a1430 68%,#070d20 100%);padding:18px 0}
.gc-oracle-new .gc-cosmos{position:absolute;inset:-35%;pointer-events:none;background:repeating-conic-gradient(from 0deg,transparent 0 13deg,#a565e133 16deg,transparent 20deg 35deg),radial-gradient(circle,#d9b45e44,transparent 65%);opacity:.45;animation:gcCosmosSpin 32s linear infinite}
.gc-oracle-new .oracleportrait{z-index:1;width:min(78%,340px);height:auto;aspect-ratio:1086/1448;overflow:hidden}
.gc-oracle-new .oracleportrait img{object-fit:contain}
.gc-oracle-new .oracleportrait .eye{display:none} /* gold eyes already part of approved artwork */
.gc-oracle-new .ring,.gc-oracle-new .sigils{z-index:2}
.gc-oracle-new.revealed .gc-cosmos{animation:gcCosmosSpin 2.5s ease-in-out,gcCosmosPulse 2.5s ease-in-out;opacity:.95}
.gc-oracle-new.revealed .oracleportrait{animation:gcPortraitFlash 2.5s ease-in-out}
@keyframes gcCosmosSpin{to{transform:rotate(360deg)}}
@keyframes gcCosmosPulse{0%,100%{filter:brightness(1)}30%,65%{filter:brightness(2.4) saturate(2)}}
@keyframes gcPortraitFlash{0%,100%{filter:brightness(1)}25%,65%{filter:brightness(1.42) saturate(1.35)}}
@media(prefers-reduced-motion:reduce){.gc-oracle-new .gc-cosmos,.gc-oracle-new.revealed .gc-cosmos,.gc-oracle-new.revealed .oracleportrait{animation:none}}