:root{color-scheme:dark;--bg:#090b10;--panel:#11151d;--panel2:#171c26;--line:#2a3140;--text:#ecf0f7;--muted:#98a2b3;--gold:#d7b56d;--cyan:#83d4dc;--rose:#d790a8;--shadow:0 18px 60px rgba(0,0,0,.3)}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 15% -10%,rgba(91,70,135,.27),transparent 38rem),radial-gradient(circle at 100% 10%,rgba(31,109,119,.19),transparent 32rem),var(--bg);min-height:100vh}.hero,main,footer{width:min(1180px,calc(100% - 32px));margin-inline:auto}.hero{padding:74px 0 38px}.eyebrow{color:var(--cyan);font-size:.73rem;font-weight:750;letter-spacing:.17em}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.4rem,9vw,6.7rem);font-weight:500;line-height:.9;letter-spacing:-.055em;margin:18px 0 24px;background:linear-gradient(120deg,#fff 25%,#d9c7a0 68%,#86d7dc);-webkit-background-clip:text;background-clip:text;color:transparent}.lede{max-width:760px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.16rem,2.6vw,1.55rem);line-height:1.48;color:#cfd5df;margin:0}.target{margin-top:30px;border-left:2px solid var(--gold);padding:4px 0 4px 16px;display:flex;gap:8px 15px;flex-wrap:wrap}.target span{text-transform:uppercase;color:var(--gold);font-size:.72rem;letter-spacing:.14em;font-weight:800}.target strong{font-size:.88rem;color:#d8dde7}.controls{position:sticky;top:0;z-index:10;display:flex;align-items:end;justify-content:space-between;gap:18px;padding:15px 0;background:linear-gradient(var(--bg) 72%,transparent);backdrop-filter:blur(10px)}.search{display:grid;gap:7px;flex:1;max-width:480px}.search span{font-size:.7rem;color:var(--muted);font-weight:750;text-transform:uppercase;letter-spacing:.13em}.search input{width:100%;height:44px;padding:0 15px;border:1px solid var(--line);border-radius:10px;background:#0e1219;color:var(--text);font:inherit;outline:none}.search input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(131,212,220,.1)}.view-buttons{display:flex;gap:7px}.view-buttons button,.star{border:1px solid var(--line);background:#10141c;color:#aeb7c6;border-radius:10px;cursor:pointer}.view-buttons button{height:42px;padding:0 14px;font-weight:700}.view-buttons button.active{color:#0a0c10;background:var(--cyan);border-color:var(--cyan)}#saved-count{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:rgba(255,255,255,.15);font-size:.72rem}.guidance{color:var(--muted);font-size:.88rem;line-height:1.5;margin:8px 0 22px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card{background:linear-gradient(145deg,rgba(24,29,40,.97),rgba(14,18,25,.98));border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow);transition:transform .18s,border-color .18s}.card:hover{transform:translateY(-2px);border-color:#455064}.card-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.number{font:700 .72rem/1 ui-monospace,monospace;color:var(--gold);letter-spacing:.1em;margin-bottom:9px}.card h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:1.62rem;margin:0;letter-spacing:-.02em}.role{color:var(--muted);font-size:.83rem;margin:5px 0 0}.star{width:42px;height:42px;font-size:1.35rem;line-height:1}.star:hover,.star.saved{color:#101216;background:var(--gold);border-color:var(--gold)}.description{color:#c4cad5;line-height:1.55;font-size:.91rem;min-height:44px;margin:18px 0 13px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.tag{padding:5px 8px;border-radius:999px;background:#202633;border:1px solid #30394a;color:#aeb8c7;font-size:.69rem;font-weight:680;letter-spacing:.02em}audio{width:100%;height:38px;display:block;filter:saturate(.72) contrast(.95)}.source{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:15px;font-size:.72rem;color:#788394}.source a{color:var(--cyan);text-decoration:none}.source a:hover{text-decoration:underline}.empty{text-align:center;padding:60px;color:var(--muted)}footer{padding:48px 0 70px;color:#697383;font-size:.77rem;border-top:1px solid #191e29;margin-top:54px}@media(max-width:760px){.hero{padding-top:47px}.grid{grid-template-columns:1fr}.controls{align-items:stretch;flex-direction:column}.search{max-width:none;width:100%}.view-buttons{width:100%}.view-buttons button{flex:1}.description{min-height:0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}