:root{--blue:#35bdf8;--pink:#ff73b6;--lav:#8b5cf6;--ink:#17304f;--muted:#64748b;--line:rgba(56,189,248,.24);--surface:rgba(255,255,255,.94);--shadow:0 20px 60px rgba(35,119,170,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Yu Gothic UI","Yu Gothic",system-ui,sans-serif;color:var(--ink);background:linear-gradient(180deg,#fff 0,#f2fbff 54%,#fff7fc 100%)}
header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:rgba(255,255,255,.9);backdrop-filter:blur(16px)}
nav,main,footer{width:min(1120px,100%);margin:auto}nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px}.brand,.nav-links a{display:inline-flex;align-items:center;color:var(--ink);text-decoration:none;font-weight:950}.brand{gap:8px;white-space:nowrap}.mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:white;background:linear-gradient(135deg,var(--blue),var(--pink));box-shadow:0 10px 26px rgba(53,189,248,.2)}.nav-links{display:flex;gap:7px;min-width:0;overflow-x:auto}.nav-links a{flex:0 0 auto;padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:white;font-size:12px}
main{padding:26px 16px 76px}.finder{position:relative;overflow:hidden;padding:26px;border:1px solid rgba(255,255,255,.96);border-radius:24px;background:var(--surface);box-shadow:var(--shadow)}.finder-head,.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px}.eyebrow{margin:0 0 5px;color:#0f6f9f;font-size:11px;font-weight:950;letter-spacing:0}h1,h2{letter-spacing:0}h1{margin:0;font-size:clamp(34px,6vw,56px);line-height:1}h2{margin:0;font-size:clamp(23px,4vw,34px)}.source-status{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(40,195,121,.22);border-radius:999px;background:#effdf6;color:#168457;font-size:11px;font-weight:950;white-space:nowrap}.source-status span{width:8px;height:8px;border-radius:50%;background:#28c779;box-shadow:0 0 0 0 rgba(40,199,121,.42);animation:sourcePulse 2.4s ease-out infinite}
.search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:22px}.search-box{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;padding:0 13px;border:2px solid rgba(53,189,248,.23);border-radius:15px;background:white;transition:border-color .18s ease,box-shadow .18s ease}.search-box:focus-within{border-color:var(--blue);box-shadow:0 0 0 5px rgba(53,189,248,.13)}.search-icon,.button-icon{position:relative;width:17px;height:17px;border:2px solid currentColor;border-radius:50%}.search-icon:after,.button-icon:after{content:"";position:absolute;width:7px;height:2px;right:-5px;bottom:-2px;border-radius:999px;background:currentColor;transform:rotate(45deg)}.search-box input{min-width:0;width:100%;border:0;outline:0;background:transparent;padding:14px 0;color:var(--ink);font:850 15px/1.2 inherit}.search-box input::placeholder{color:#91a3b2}.clear-button{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:50%;background:#eef6fa;color:#607688;font:900 18px/1 inherit;cursor:pointer}.search-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:112px;border:0;border-radius:15px;padding:0 18px;background:linear-gradient(135deg,#159bd5,#ec5ea5);color:white;font:950 14px/1 inherit;box-shadow:0 12px 28px rgba(37,156,210,.22);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.search-button:hover{transform:translateY(-2px);box-shadow:0 17px 34px rgba(37,156,210,.28)}.search-button:disabled{cursor:wait;opacity:.72;transform:none}.search-button .button-icon{width:14px;height:14px}
.quick-queries{display:flex;gap:7px;overflow-x:auto;margin-top:11px;padding-bottom:3px}.quick-queries button{flex:0 0 auto;border:1px solid var(--line);border-radius:999px;background:#f7fcff;color:#0f6f9f;padding:8px 11px;font:900 11px/1 inherit;cursor:pointer;transition:background .18s ease,transform .18s ease}.quick-queries button:hover{background:#e5f8ff;transform:translateY(-1px)}
.motion-ribbon{position:relative;height:27px;margin:17px -26px -26px;overflow:hidden;border-top:1px solid rgba(53,189,248,.13);background:linear-gradient(90deg,#eefaff,#fff0f8,#f3efff,#eefaff)}.motion-ribbon span{position:absolute;top:5px;color:#66c9ed;font-size:13px;opacity:.66;animation:ribbonTravel 14s linear infinite}.motion-ribbon span:nth-child(2){animation-delay:-2.3s;color:#ef83b9}.motion-ribbon span:nth-child(3){animation-delay:-4.6s;color:#a78bfa}.motion-ribbon span:nth-child(4){animation-delay:-6.9s}.motion-ribbon span:nth-child(5){animation-delay:-9.2s;color:#ef83b9}.motion-ribbon span:nth-child(6){animation-delay:-11.5s;color:#a78bfa}
.answer-section,.sources-section{margin-top:34px}.result-count,.updated-at{color:var(--muted);font-size:11px;font-weight:900}.answer{margin-top:12px;padding:18px 20px;border-left:5px solid var(--blue);border-radius:4px 15px 15px 4px;background:white;box-shadow:0 12px 38px rgba(35,119,170,.1);white-space:pre-line;line-height:1.8;font-weight:850}.answer.loading{color:var(--muted)}.answer.loading:after{content:"";display:inline-block;width:18px;height:7px;margin-left:8px;background:radial-gradient(circle,currentColor 2px,transparent 3px) 0 0/6px 7px;animation:loadingDots .8s steps(3) infinite}
.source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:14px}.source-card{display:grid;grid-template-columns:150px minmax(0,1fr);min-width:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--card-color,#35bdf8) 34%,white);border-radius:15px;background:white;box-shadow:0 12px 36px rgba(35,119,170,.1);color:inherit;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.source-card:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(35,119,170,.17)}.source-image{width:150px;height:100%;min-height:112px;object-fit:cover;background:linear-gradient(135deg,#dff7ff,#ffe8f3)}.source-body{display:flex;flex-direction:column;min-width:0;padding:12px}.source-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:#0f6f9f;font-size:10px;font-weight:950}.source-type{padding:4px 7px;border-radius:999px;background:color-mix(in srgb,var(--card-color,#35bdf8) 20%,white)}.source-card h3{display:-webkit-box;margin:7px 0 5px;overflow:hidden;font-size:14px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.source-card p{display:-webkit-box;margin:0;overflow:hidden;color:var(--muted);font-size:11px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.source-audience{margin-top:auto!important;padding-top:7px;color:#0f6f9f!important;font-weight:900}.source-arrow{align-self:flex-end;margin-top:auto;color:#0f6f9f;font-size:18px;font-weight:950}.empty{grid-column:1/-1;padding:38px 16px;border:1px dashed var(--line);border-radius:15px;background:rgba(255,255,255,.7);text-align:center;color:var(--muted);font-weight:900}.skeleton{height:130px;border-radius:15px;background:linear-gradient(100deg,#eaf5fa 20%,#fff 40%,#eaf5fa 60%);background-size:220% 100%;animation:shimmer 1.2s linear infinite}
footer{padding:0 16px 42px;color:var(--muted);font-size:11px;line-height:1.6}
@keyframes sourcePulse{70%{box-shadow:0 0 0 8px rgba(40,199,121,0)}100%{box-shadow:0 0 0 0 rgba(40,199,121,0)}}@keyframes ribbonTravel{from{transform:translateX(-5vw)}to{transform:translateX(110vw)}}@keyframes loadingDots{to{background-position:18px 0}}@keyframes shimmer{to{background-position:-220% 0}}
@media(max-width:760px){nav{padding:8px 10px}.brand>span:last-child{display:none}.nav-links a{padding:7px 9px;font-size:11px}main{padding:18px 10px 58px}.finder{padding:18px 14px;border-radius:20px}.finder-head{align-items:start}.source-status{padding:7px 9px}.search-form{grid-template-columns:1fr}.search-button{min-height:44px}.motion-ribbon{margin:15px -14px -18px}.source-grid{grid-template-columns:1fr}.source-card{grid-template-columns:112px minmax(0,1fr)}.source-image{width:112px;min-height:106px}.source-body{padding:10px}.source-card h3{font-size:13px}.answer{padding:15px 14px;font-size:13px}.answer-section,.sources-section{margin-top:27px}}
@media(max-width:390px){h1{font-size:32px}.source-status{font-size:9px}.source-card{grid-template-columns:92px minmax(0,1fr)}.source-image{width:92px}.source-card p:not(.source-audience){display:none}.source-audience{font-size:10px}.quick-queries button{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}