:root{color-scheme:dark;--bg:#07070e;--surface:#10101c;--gold:#ddc07a;--text:#eee9dd;--muted:#b2abbf;--accent:#50c878;--line:#34303e;--glow:rgba(80,200,120,.15);font-size:16px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Georgia,'Times New Roman',serif;line-height:1.6}button,input,select,textarea{font:inherit}button,select,input{min-height:44px}button{cursor:pointer;border:1px solid var(--line);border-radius:5px;background:#191827;color:var(--text);padding:8px 14px;transition:background .15s,border-color .15s}button:hover{background:#262338;border-color:var(--gold)}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:disabled,fieldset:disabled{opacity:.65}button:disabled{cursor:wait}a{color:var(--gold);text-underline-offset:4px}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.7rem,3.5vw,2.6rem);color:var(--gold);font-weight:normal;line-height:1.2}h2{font-size:clamp(1.55rem,3vw,2.1rem);font-weight:normal;line-height:1.25;overflow-wrap:anywhere}h3{font-size:1.05rem;color:var(--gold);font-weight:normal;margin-bottom:10px}#stars{position:fixed;inset:0;pointer-events:none;z-index:-1}.oracle{max-width:1280px;margin:auto;padding:28px 28px 20px}.page-header{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:22px}.eyebrow{font-family:system-ui,sans-serif;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}.edition{font: .8rem system-ui,sans-serif;color:var(--muted);border:1px solid var(--line);padding:7px 12px;border-radius:20px;white-space:nowrap}.status{font: .875rem/1.5 system-ui,sans-serif;min-height:32px;margin:10px 0;color:var(--muted)}.workspace{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:start}.controls{border:1px solid var(--line);background:#0f0f1a;padding:20px;border-radius:7px}.control-heading{display:flex;justify-content:space-between;color:var(--gold);margin-bottom:8px}fieldset{border:0;padding:0;margin:0}label{display:block;font: .875rem/1.4 system-ui,sans-serif;color:var(--muted);margin:12px 0 6px}select,input{width:100%;padding:8px 10px;background:#191827;border:1px solid #484151;border-radius:4px;color:var(--text);font-family:system-ui,sans-serif;font-size:.9rem}.small-note{font: .85rem/1.5 system-ui,sans-serif;color:var(--muted);margin:10px 0 14px}.primary{width:100%;background:linear-gradient(135deg,#8a682b,#c6a45f);color:#111015;border:1px solid #e0c27f;font-weight:bold;letter-spacing:.025em;margin:8px 0 22px}.primary:hover{background:linear-gradient(135deg,#ba9346,#e5cb8c);border-color:#f5daa0}.locks{border-top:1px solid var(--line);padding-top:18px}.locks label{display:flex;align-items:center;gap:9px;margin:3px 0;color:var(--text);min-height:34px}.locks input{width:18px;min-height:18px;accent-color:var(--accent);margin:0}.advanced{border-top:1px solid var(--line);padding-top:14px}.advanced button{width:100%;margin-top:10px}summary{cursor:pointer;color:var(--gold);min-height:36px}.open-link{display:block;font: .8rem/1.5 system-ui,sans-serif;margin-top:18px}.result-card{border:1px solid #574632;border-top:3px solid var(--accent);background:radial-gradient(ellipse at 10% 0%,var(--glow),transparent 50%),var(--surface);border-radius:10px;overflow:hidden;box-shadow:0 20px 60px #0005}.card-hero{display:flex;align-items:center;gap:24px;padding:24px 28px 16px}.eye-wrap{width:126px;flex-shrink:0}.eye-wrap svg{display:block;width:100%;height:auto}.identity .eyebrow{color:var(--accent)}#identityMeta{font: .875rem/1.5 system-ui,sans-serif;color:var(--muted);margin:10px 0 6px}.genotype{display:inline-block;font: .8rem/1.5 ui-monospace,monospace;color:var(--muted);border:1px solid var(--line);padding:4px 8px;border-radius:4px}.motto{padding:0 28px 22px;color:#b8adb9;font-style:italic;font-size:.95rem}.tabs{display:flex;border-block:1px solid var(--line);padding:0 20px;gap:8px;background:#0c0c16}.tabs button{border:0;border-radius:0;background:transparent;padding:14px 12px;border-bottom:2px solid transparent;color:var(--muted);font-family:system-ui,sans-serif;font-size:.9rem}.tabs button[aria-pressed=true]{color:var(--accent);border-bottom-color:var(--accent)}.view{padding:24px 28px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.info{padding-bottom:16px;border-bottom:1px solid var(--line);min-width:0}.info .label{display:block;font: .75rem/1.5 system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.wide{grid-column:1/-1}.swatch-row{display:flex;gap:12px;align-items:center}.swatch{width:28px;height:28px;border-radius:50%;flex-shrink:0;border:1px solid #ffffff45}.hex{font: .75rem ui-monospace,monospace;color:var(--muted);margin-left:6px}.primal{display:inline-flex;gap:5px;padding:4px 10px;margin:0 8px 6px 0;border:1px solid var(--line);border-radius:20px;color:var(--accent)}.channel-list{padding-left:22px}.channel-list li{margin:7px 0}.hook{margin:22px 0 10px;border-left:2px solid var(--gold);padding:3px 0 3px 18px;color:#e1d3b5;font-style:italic}.temperament{color:var(--muted)}.appearance-statement{font-size:1.05rem;margin-bottom:22px}.measurements{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px}.measurement{padding:8px 12px;background:#1d1a29;border:1px solid var(--line);border-radius:4px}.appearance-section{margin-bottom:12px;border-bottom:1px solid var(--line);padding-bottom:10px}.appearance-section summary{font-size:1.05rem}dl{margin:10px 0 14px;display:grid;grid-template-columns:130px minmax(0,1fr);gap:10px 18px}dt{font: .85rem/1.5 system-ui,sans-serif;color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}.export-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.export-toolbar label{margin:0}.export-toolbar select{width:auto;flex:1;min-width:130px}textarea{width:100%;height:560px;resize:vertical;line-height:1.6;background:#080910;color:#dfd9e8;border:1px solid var(--line);border-radius:4px;padding:16px;font-family:ui-monospace,monospace;font-size:.85rem;white-space:pre;tab-size:4}.reading-notes{font-size:.875rem;color:var(--muted);padding:18px 4px}.reading-notes p{margin:10px 0}.batch-bar{display:flex;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.batch-bar label{margin:0}.batch-bar select{flex:1;min-width:180px}.batch-bar button{font-size:.85rem}footer{margin-top:24px;border-top:1px solid var(--line);padding-top:16px;color:var(--gold);font: .8rem/1.6 system-ui,sans-serif}footer span{color:var(--muted);float:right}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
@media(max-width:850px){.oracle{padding:20px 16px}.workspace{grid-template-columns:220px minmax(0,1fr);gap:16px}.controls{padding:15px}.card-hero{gap:12px;padding:18px}.eye-wrap{width:90px}.view{padding:20px}.grid{gap:14px}.motto{padding-inline:20px}dl{grid-template-columns:100px minmax(0,1fr)}}
@media(max-width:650px){.page-header{align-items:start}.edition{display:none}.workspace{grid-template-columns:1fr}.controls fieldset{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px}.controls fieldset label{grid-column:1;margin:8px 0}.controls fieldset select{grid-column:2;grid-row:auto}.controls .primary{margin-bottom:10px}.locks{padding-top:12px}#lockOptions{display:grid;grid-template-columns:1fr 1fr}.advanced{margin-top:10px}.card-hero{padding:20px 16px}.eye-wrap{width:88px}.view{padding:20px 16px}.motto{padding-inline:16px}.grid{grid-template-columns:1fr}.wide{grid-column:auto}footer span{float:none;display:block}.tabs{padding:0 8px;gap:0}.tabs button{flex:1;padding-inline:6px}.batch-bar select{min-width:120px}.appearance-statement{font-size:1rem}dl{grid-template-columns:1fr;gap:3px}dd{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}#stars{display:none}}