:root{--bg:#08090d;--surface:#11131a;--surface2:#171a23;--border:#292d3a;--text:#f5f5f7;--muted:#a9adba;--yellow:#ffd84d;--purple:#a98cff;--green:#79e6a5;--radius:18px}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit}.page-width{width:min(960px,calc(100% - 32px));margin-inline:auto}.site-header{border-bottom:1px solid var(--border);background:rgba(8,9,13,.96)}.header-inner{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{color:var(--yellow);font-weight:800;text-decoration:none}.site-header nav{display:flex;gap:20px;flex-wrap:wrap}.site-header nav a{color:var(--muted);text-decoration:none}.site-header nav a:hover{color:var(--yellow)}.hero{padding:68px 0 34px;text-align:center}.eyebrow{margin:0 0 8px;color:var(--purple);font-size:.76rem;font-weight:800;letter-spacing:.13em}.hero h1{margin:0;color:var(--yellow);font-size:clamp(2.8rem,8vw,5rem);line-height:.95}.hero-copy{max-width:700px;margin:20px auto 0;color:var(--muted);font-size:1.08rem}.intro-card,.note-card,.panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.intro-card,.note-card{padding:22px;margin-bottom:28px}.intro-card p,.note-card p,.panel-heading p{color:var(--muted)}.library{padding-bottom:36px}.tabs{display:flex;gap:8px;margin-bottom:14px}.tab{border:1px solid var(--border);border-radius:10px;background:var(--surface2);color:var(--muted);padding:11px 15px;font:inherit;font-weight:800;cursor:pointer}.tab.active,.tab:hover{border-color:var(--yellow);background:#30290e;color:var(--yellow)}.panel{padding:clamp(18px,4vw,30px)}.panel-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.panel-heading h2,.note-card h2{margin:0 0 8px;color:var(--yellow);font-size:clamp(1.7rem,4vw,2.4rem)}.panel-heading p{margin:0}.search-label{display:grid;gap:6px;min-width:min(300px,100%);color:var(--text);font-weight:700;font-size:.9rem}.search-label input{width:100%;border:1px solid var(--border);border-radius:10px;background:var(--surface2);color:var(--text);padding:11px;font:inherit}.mark-browse{display:grid;grid-template-columns:repeat(12,1fr);gap:7px;margin-bottom:14px}.mark-button{border:1px solid var(--border);border-radius:8px;background:var(--surface2);color:var(--text);padding:7px 3px;font-weight:800;cursor:pointer}.mark-button:hover,.mark-button.active{border-color:var(--yellow);background:#30290e;color:var(--yellow)}.result-meta{min-height:25px;margin:0 0 10px;color:var(--muted);font-size:.88rem}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.story-card{min-width:0;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface2)}.story-card h3{margin:0 0 8px;color:var(--yellow);font-size:1.1rem}.story-card p{margin:6px 0;color:var(--text)}.story-card .marks{color:var(--purple);font-weight:800;letter-spacing:.04em}.story-card .source{color:var(--muted);font-size:.78rem}.story-card .uncertain{color:#ffb86b;font-size:.8rem}.explorer-link{display:inline-block;margin-top:10px;color:var(--yellow);font-weight:800}.empty{padding:20px;border:1px dashed var(--border);color:var(--muted)}footer{border-top:1px solid var(--border);color:var(--muted);padding:25px 0}@media(max-width:700px){.panel-heading{display:grid;align-items:start}.search-label{min-width:0}.card-grid{grid-template-columns:1fr}.mark-browse{grid-template-columns:repeat(9,1fr)}}@media(max-width:430px){.page-width{width:min(100% - 24px,960px)}.hero{padding-top:48px}.tabs{display:grid;grid-template-columns:1fr 1fr}.tab{padding-inline:8px;font-size:.88rem}.mark-browse{grid-template-columns:repeat(6,1fr);gap:6px}.mark-button{padding:6px 2px;font-size:.85rem}}
.show-more{grid-column:1/-1;width:100%;border:1px solid var(--border);border-radius:10px;background:var(--surface2);color:var(--yellow);padding:11px;font:inherit;font-weight:800;cursor:pointer}
.mark-help{margin:0 0 7px;color:var(--muted);font-size:.88rem;font-weight:700}.mark-button{min-height:38px}.mark-button:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}
.dream-lookup{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,1fr);gap:24px;align-items:end;padding:22px;margin-bottom:28px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.dream-lookup h2{margin:0 0 8px;color:var(--yellow);font-size:clamp(1.7rem,4vw,2.4rem)}.dream-lookup-copy p:last-child{margin:0;color:var(--muted)}.dream-lookup-form{display:grid;gap:7px}.dream-lookup-form label{color:var(--text);font-weight:700;font-size:.9rem}.dream-lookup-controls{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.dream-lookup-controls input{min-width:0;border:1px solid var(--border);border-radius:10px;background:var(--surface2);color:var(--text);padding:11px;font:inherit}.lookup-button,.lookup-clear{border:1px solid var(--border);border-radius:10px;padding:10px 14px;font:inherit;font-weight:800;cursor:pointer}.lookup-button{background:#30290e;color:var(--yellow);border-color:var(--yellow)}.lookup-clear{background:var(--surface2);color:var(--muted)}.dream-lookup-form .result-meta{margin:0}@media(max-width:700px){.dream-lookup{grid-template-columns:1fr;gap:14px}}@media(max-width:430px){.dream-lookup-controls{grid-template-columns:1fr 1fr}.dream-lookup-controls input{grid-column:1/-1}}
.dream-lookup-controls input:focus-visible,.lookup-button:focus-visible,.lookup-clear:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}
