@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,700&family=Sora:wght@300;400;500;600;700&display=swap";:root{--bg: #f4efe6;--ink: #0f1b2d;--muted: #5d6a7a;--accent: #ef6f3e;--accent-strong: #c24f25;--accent-cool: #2aa6a1;--accent-ink: #123c52;--card: #fffdf7;--stroke: #d9dee7;--stroke-soft: rgba(15, 27, 45, .12);--shadow: 0 24px 60px rgba(15, 27, 45, .15);--shadow-soft: 0 14px 36px rgba(15, 27, 45, .12)}*{box-sizing:border-box}body{margin:0;font-family:Sora,Helvetica Neue,sans-serif;color:var(--ink);background:radial-gradient(circle at 15% 15%,rgba(239,111,62,.18),transparent 55%),radial-gradient(circle at 85% 10%,rgba(42,166,161,.18),transparent 45%),linear-gradient(135deg,#f4efe6,#edf3ff 55%,#fff4e2);background-attachment:fixed}.app{min-height:100vh;padding:28px clamp(18px,4vw,64px) 80px;position:relative;overflow:hidden}.app:before,.app:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;opacity:.2;z-index:0;animation:float 12s ease-in-out infinite}.app:before{background:radial-gradient(circle,rgba(42,166,161,.8),transparent 65%);top:-160px;right:-120px}.app:after{background:radial-gradient(circle,rgba(239,111,62,.75),transparent 65%);bottom:-180px;left:-120px;animation-delay:3s}header,main{position:relative;z-index:1}.hero{display:grid;gap:clamp(20px,4vw,40px);grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);align-items:start;padding:clamp(22px,4vw,40px);border-radius:28px;border:1px solid var(--stroke);background:linear-gradient(135deg,#ffffffeb,#ffffffc7);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:heroFade .7s ease both;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(15,27,45,.06) 1px,transparent 1px),linear-gradient(180deg,rgba(15,27,45,.06) 1px,transparent 1px);background-size:26px 26px;opacity:.4;pointer-events:none}.hero>*{position:relative;z-index:1}.hero-content h1{font-family:Fraunces,Times New Roman,serif;font-size:clamp(2.5rem,4vw,3.6rem);margin:0 0 12px;line-height:1.05;max-width:18ch}.eyebrow{text-transform:uppercase;letter-spacing:.26em;font-size:.68rem;color:var(--accent-ink);margin:0 0 12px}.subtitle{margin:0;font-size:1.05rem;color:var(--muted);max-width:48ch}.hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.tag{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:#0f1b2d14;color:var(--accent-ink);font-size:.78rem;font-weight:600;letter-spacing:.02em}.search-panel{background:var(--card);border:1px solid var(--stroke);border-radius:22px;padding:20px 22px;box-shadow:var(--shadow-soft);display:grid;gap:12px}.search-label{font-weight:600;font-size:.9rem;color:var(--accent-ink)}.search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}input[type=search]{width:100%;padding:14px 16px;border-radius:16px;border:1px solid var(--stroke);font-size:1rem;font-family:inherit;background:#fdfbf6;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}input[type=search]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #ef6f3e33;transform:translateY(-1px)}.search-button{border:none;border-radius:14px;padding:12px 18px;font-weight:600;font-size:.95rem;letter-spacing:.02em;color:#fff;background:linear-gradient(120deg,var(--accent),var(--accent-cool));box-shadow:0 10px 20px #123c5233;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.search-button:hover{transform:translateY(-1px);box-shadow:0 16px 28px #123c5238}.search-button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.search-meta{font-size:.9rem;color:var(--muted)}.status{display:inline-flex;align-items:center;gap:8px}.status.error{color:#b42318}.status-pills{display:flex;flex-wrap:wrap;gap:8px}.pill{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:#2aa6a124;color:var(--accent-ink);font-size:.78rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.pill.alt{background:#ef6f3e29;color:var(--accent-strong)}main{margin-top:52px}.empty-state{background:#fffc;border:1px dashed var(--stroke);border-radius:20px;padding:28px;max-width:680px;box-shadow:var(--shadow-soft)}.empty-state h2{margin-top:0;font-family:Fraunces,serif}.results{display:grid;gap:40px}.result-section{display:grid;gap:20px}.section-header{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.section-header h2{font-family:Fraunces,serif;margin:0}.section-header p{margin:6px 0 0;color:var(--muted)}.count{font-weight:600;color:var(--accent-strong)}.cards{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{background:var(--card);border-radius:22px;border:1px solid var(--stroke-soft);padding:20px 22px;box-shadow:var(--shadow-soft);animation:rise .6s ease both;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 20px 48px #0f1b2d2e}.card-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:16px}.card-head h3{margin:4px 0 0;font-size:1.15rem}.video-id{font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;margin:0;color:var(--muted)}.topic{margin:6px 0 0;font-weight:600;font-size:.9rem;color:var(--accent-strong)}.reason{margin:6px 0 0;font-size:.9rem;color:var(--muted);line-height:1.4}.snippets{display:grid;gap:12px}.snippet{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid var(--stroke);text-decoration:none;color:inherit;background:linear-gradient(135deg,#ef6f3e1f,#2aa6a114);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.snippet:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 10px 24px #ef6f3e33}.chip{background:var(--accent-ink);color:#fff;border-radius:999px;padding:4px 10px;font-weight:600;font-size:.85rem;align-self:start}.snippet-text{color:var(--ink);line-height:1.4}.empty-card{border:1px dashed var(--stroke);border-radius:16px;padding:18px;color:var(--muted);background:#ffffffbf}@keyframes heroFade{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(14px)}}@media (max-width: 900px){.hero{grid-template-columns:1fr}.search-panel{order:2}}@media (max-width: 700px){.search-row{grid-template-columns:1fr}.search-button{width:100%}.cards{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.app:before,.app:after,.card,.hero{animation:none}}