:root{color-scheme:light dark;--bg:light-dark(#f9eff7, #0a0a0f);--text:light-dark(#0b1220, #e6eef8);--card:light-dark(linear-gradient(180deg, #ffffff, #fcf8f8),
            linear-gradient(135deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.015)));--muted:light-dark(#3c454e, #c1b8b8);--label:light-dark(#280000, #fef3f3);--muted-background:light-dark(rgba(0, 0, 0, 0.03), rgba(255, 255, 255, 0.03));--explanation:light-dark(#e9e9e9, #0a060c);--link:light-dark(#23a3da, #9ad6f0);--bar-track-color:#e0e0e0a1;--accent-a:light-dark(#7d5ade, #681cb9);--accent-b:light-dark(#9503c2, rgba(185, 21, 214, 1));--danger:light-dark(#df0d1f, #ef4444);--glass:rgba(255, 255, 255, 0.06);--radius:18px;--pad:18px}*{box-sizing:border-box}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}html,body{block-size:100%;margin:0;font-family:'Roboto Mono',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial;background:var(--bg);background-size:cover;background-attachment:fixed;color:var(--text);scrollbar-gutter:stable;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin:0}button,input,textarea{font-family:inherit}a{color:var(--link)}li{margin-block-end:1rem}.hide-scrollbar{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}.styled-scrollbar{scrollbar-gutter:stable}.unstyled-list{list-style-type:none;margin:0;padding:0;li{margin-block-end:0}}nav{ul{display:flex;gap:1rem}a{text-decoration:none;color:inherit;&.active{text-decoration:underline}}}header{display:flex;flex-direction:column;align-items:center;gap:8px;padding:1.5rem;text-align:center}@property --gradient-rotation{syntax:"<angle>";inherits:false;initial-value:120deg}.title{margin:0;font-size:3rem;letter-spacing:-1px;background:linear-gradient(var(--gradient-rotation),var(--accent-a) 20%,var(--accent-b));transition:0.9s --gradient-rotation;text-decoration:overline;-webkit-background-clip:text;background-clip:text;color:#fff0;font-weight:800;text-transform:none;&:hover{--gradient-rotation:200deg}}p.lead{margin:0;color:var(--muted);font-weight:600}.flex-col{display:flex;flex-direction:column}.gap-2{gap:.5rem}.main{display:grid;grid-template-columns:480px 1fr;gap:28px;inline-size:100%;block-size:70dvh}.main-container{padding:1.5rem;max-inline-size:min(1200px, 100%);margin:auto}.results{display:flex;flex-direction:column;gap:18px;padding-block-end:1.5rem;position:relative}.panel{background:var(--card);border-radius:1rem;backdrop-filter:blur(6px) saturate(120%);position:relative;display:flex;flex-direction:column;gap:18px}form{label{color:var(--label)}}.search{flex:1;padding:12px 14px;border-radius:.75rem;border:none;background:#fff0;color:inherit;outline:1px solid var(--muted);&:focus-visible{outline:2px solid var(--accent-a)}}button.cta{background:var(--accent-a);border:none;color:#fff;padding:10px 14px;border-radius:.75rem;cursor:pointer;text-align:center;transition:transform 220ms cubic-bezier(.2,.9,.2,1);&:active{transform:translateY(1px)}}.result-card{display:grid;grid-template-columns:1fr auto;gap:12px;background:var(--card);border-radius:14px;padding:18px;align-items:start;border:1px solid var(--muted-background);transform-origin:left center;animation:floatIn 420ms ease both;position:relative;& .content{display:flex;flex-direction:column;gap:.5rem}&:hover{transform:translateY(-6px) rotate(-0.2deg)}}@keyframes floatIn{from{opacity:0;transform:translateY(10px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}select{padding:.5rem;border-radius:12px;border:none;font-family:inherit;outline:1px solid var(--muted);background-color:var(--bg);&:focus-visible{outline:2px solid var(--accent-a)}}.name{font-weight:800;font-size:1.05rem}.meta{color:var(--muted);font-size:.9rem}.explanation{background-color:var(--muted);color:var(--explanation);border-radius:1rem;padding:1rem;font-size:12px}.htmx-indicator{opacity:0;visibility:hidden;display:inline-flex;align-items:center;justify-content:center}.htmx-request{& .htmx-indicator,&.htmx-indicator{opacity:1;visibility:visible;transition:opacity 200ms ease-in}}.spinner{position:absolute;inset-block-start:0;inset-inline-end:0}.tags{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:6px 10px;border-radius:999px;background-color:var(--muted-background);color:var(--muted);font-weight:700;font-size:.8rem;text-decoration:none;&.interactive{cursor:pointer;&:hover{background-color:color-mix(in oklab,var(--muted-background),var(--accent-b) 20%)}&.active{background-color:var(--accent-b);color:#fff}}}.sources{display:flex;gap:8px;flex-wrap:wrap}.source-link{text-decoration:none;font-weight:600;font-size:small;&:hover{text-decoration:underline}}.empty{text-align:center;padding:40px;border-radius:12px;color:var(--muted);background:rgb(255 255 255 / .01)}.result-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.worse-text{font-weight:800;color:var(--danger)}#global-indicator{position:fixed;top:0;left:0;inline-size:100%;block-size:.25rem;border:none;opacity:0;transition:opacity 400ms ease-in 0ms;background-color:var(--accent-b);overflow:hidden;&.htmx-request{opacity:1;transition:opacity 400ms ease-in 400ms;background:linear-gradient(90deg,var(--accent-b) 0%,var(--bar-track-color) 25%,var(--accent-b) 50%);background-size:200% 100%;background-position:-100% 0;animation:simple-shimmer 1.2s infinite linear;animation-delay:800ms}}@keyframes simple-shimmer{0%{background-position:-100% 0}100%{background-position:100% 0}}.skeleton{background-color:var(--text);animation:skeleton-shimmer ease-in-out 1s infinite alternate}@keyframes skeleton-shimmer{0%{opacity:.03}100%{opacity:.06}}@media (max-width:980px){.main-container{padding:1rem}.main{grid-template-columns:1fr;padding:0 12px;inline-size:100%;block-size:unset}.panel{order:-1}.desktop-only{display:none}}