:root{--bg: #f5f4ed;--surface: #ffffff;--border: #e8e5d9;--text: #21201c;--text-dim: #6e6b62;--accent: #9c4924;--accent-bg: #f2e1d3;--glow: rgba(156, 73, 36, .32);--chip-bg: #ece9dd;--chip-active-bg: #21201c;--chip-active-text: #f5f4ed;--shadow: 0 1px 2px rgba(33,32,28,.06);--shadow-hover: 0 6px 20px rgba(33,32,28,.1)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #262420;--surface: #302e28;--border: #3e3b34;--text: #f1efe6;--text-dim: #a9a69c;--accent: #e2916a;--accent-bg: #3b2b21;--glow: rgba(226, 145, 106, .55);--chip-bg: #37342d;--chip-active-bg: #f1efe6;--chip-active-text: #262420;--shadow: 0 1px 2px rgba(0,0,0,.35);--shadow-hover: 0 10px 24px rgba(0,0,0,.5)}}:root[data-theme=dark]{--bg: #262420;--surface: #302e28;--border: #3e3b34;--text: #f1efe6;--text-dim: #a9a69c;--accent: #e2916a;--accent-bg: #3b2b21;--glow: rgba(226, 145, 106, .55);--chip-bg: #37342d;--chip-active-bg: #f1efe6;--chip-active-text: #262420;--shadow: 0 1px 2px rgba(0,0,0,.35);--shadow-hover: 0 10px 24px rgba(0,0,0,.5)}:root{color-scheme:light dark}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.topbar{padding:56px 24px 28px;text-align:center;border-bottom:1px solid var(--border)}.breadcrumb{font-size:13px;color:var(--text-dim);margin:0 0 14px}.breadcrumb a{text-decoration:none;color:var(--text-dim)}.breadcrumb a:hover{color:var(--accent)}.brand{display:flex;align-items:center;justify-content:center;gap:12px;font-size:28px;font-weight:700;letter-spacing:-.02em;text-decoration:none;color:var(--text)}.brand-name{text-shadow:0 0 24px var(--glow)}.brand-mark{position:relative;flex:none;width:10px;height:10px;border-radius:50%;background:var(--accent);animation:firefly-dot 6.5s ease-in-out infinite}.brand-mark:after{content:"";position:absolute;inset:-22px;border-radius:50%;background:radial-gradient(circle,var(--glow) 0%,transparent 68%);animation:firefly-halo 6.5s ease-in-out infinite;pointer-events:none}@keyframes firefly-dot{0%,68%,to{opacity:.55}28%,42%{opacity:1}}@keyframes firefly-halo{0%,68%,to{opacity:.12;transform:scale(.8)}28%,42%{opacity:1;transform:scale(1.15)}}@media(prefers-reduced-motion:reduce){.brand-mark,.brand-mark:after{animation:none}.brand-mark:after{opacity:.8}}.hero{margin:16px 0 0;font-size:34px;font-weight:700;letter-spacing:-.02em;line-height:1.2}.hero .accent-text{color:var(--accent)}.tagline{margin:12px auto 0;color:var(--text-dim);font-size:15px;max-width:560px}.firefly-line{margin:10px auto 0;color:var(--text-dim);font-size:14px;max-width:560px}main{max-width:1040px;margin:0 auto;padding:28px 24px 60px}.controls{padding:16px 0}.search-row{display:flex;gap:8px}#search{flex:1;min-width:0;padding:13px 16px;font-size:15px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);outline:none}#search:focus{border-color:var(--accent)}#search:focus-visible,.surprise-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.surprise-btn{flex-shrink:0;padding:13px 16px;font-size:14px;font-weight:600;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;transition:border-color .15s ease,color .15s ease}.surprise-btn:hover{border-color:var(--accent);color:var(--accent)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.chip{padding:7px 14px;font-size:13px;border-radius:999px;background:var(--chip-bg);color:var(--text);cursor:pointer;border:none;white-space:nowrap;text-decoration:none;display:inline-block}.chip.active{background:var(--chip-active-bg);color:var(--chip-active-text)}.chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.count{color:var(--text-dim);font-size:13px;margin:4px 0 16px}.grid{columns:3 280px;column-gap:16px}.card{position:relative;display:flex;flex-direction:column;width:100%;margin:0 0 16px;break-inside:avoid;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);box-shadow:var(--shadow);overflow:hidden;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.card-stretched-link{position:absolute;inset:0;z-index:0}.card-name-link{position:relative;z-index:1;color:inherit;text-decoration:none}.card-name-link:hover{text-decoration:underline;text-decoration-color:var(--accent)}.card[hidden]{display:none}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:var(--accent)}.card-body{padding:16px}.card-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.card-favicon{width:20px;height:20px;border-radius:5px;flex-shrink:0;background:var(--chip-bg)}.card-favicon-tile{display:inline-flex;align-items:center;justify-content:center;background:var(--accent-bg);color:var(--accent);font-size:12px;font-weight:700;line-height:1}.card-name{font-weight:600;font-size:15px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-new{flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.04em;color:var(--surface);background:var(--accent);padding:2px 6px;border-radius:4px}.card-desc{font-size:13px;color:var(--text-dim);line-height:1.45;margin:0}.card-category{display:inline-block;margin-top:10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--accent);background:var(--accent-bg);padding:3px 8px;border-radius:5px;text-decoration:none}.empty{text-align:center;color:var(--text-dim);padding:60px 0}footer{text-align:center;padding:30px 24px 50px;color:var(--text-dim);font-size:13px}footer p{margin:0 0 6px}footer p:last-child{margin-bottom:0}.footer-meta{font-size:12px}.footer-meta a{color:var(--text-dim);text-decoration:underline}.footer-meta a:hover{color:var(--accent)}.footer-topics{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 16px;max-width:720px;margin:22px auto 0;font-size:12px}.footer-topics-label{color:var(--text-dim);opacity:.7}.footer-topics a{color:var(--text-dim);text-decoration:none}.footer-topics a:hover{color:var(--accent);text-decoration:underline}@media(max-width:640px){.topbar{padding:68px 16px 20px}.brand{font-size:22px;gap:10px}.hero{font-size:24px}.tagline{font-size:14px}.firefly-line{font-size:13px}main{padding:20px 16px 48px}#search{font-size:16px;padding:14px 16px}.surprise-btn{padding:14px}.surprise-btn .btn-label{display:none}.chips{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px;mask-image:linear-gradient(to right,transparent,black 16px,black calc(100% - 24px),transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 16px,black calc(100% - 24px),transparent)}.chips::-webkit-scrollbar{display:none}.chip{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;font-size:13px;flex-shrink:0}.chips-label{padding:13px 0}.footer-meta a{display:inline-block;padding:8px 4px;margin:-8px -4px}.footer-topics a{padding:8px 2px}.card-name-link{padding:8px 0;margin:-8px 0}.grid{columns:1;column-gap:12px}.card{margin-bottom:12px}.breadcrumb{margin-bottom:10px}}.site-detail{max-width:640px}.site-detail-head{display:flex;align-items:center;gap:14px;margin:8px 0 20px}.site-detail-favicon{width:40px;height:40px;border-radius:9px;background:var(--chip-bg);flex-shrink:0}.site-detail-favicon.card-favicon-tile{font-size:20px}.site-detail-name{font-size:26px;font-weight:700;letter-spacing:-.01em;margin:0 0 6px}.site-detail-desc{font-size:16px;color:var(--text-dim);line-height:1.55}.site-detail-note{margin:28px 0;padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.site-detail-note h2{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--accent);margin:0 0 10px}.site-detail-note p{font-size:15px;line-height:1.65;color:var(--text);margin:0}.visit-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:10px;background:var(--accent);color:var(--surface);font-weight:600;font-size:15px;text-decoration:none}.visit-btn:hover{opacity:.9}.site-detail-related{margin-top:24px;font-size:14px}.site-detail-related a{color:var(--text-dim);text-decoration:underline}.site-detail-related a:hover{color:var(--accent)}.mood-prompt{margin:20px 0 0;font-size:15px;color:var(--text-dim)}.mood-prompt a{text-decoration:none}.mood-prompt a:hover{color:var(--accent)}.mood-prompt+.chips{margin-top:10px}.controls .mood-prompt{margin-top:0}.mood-intro+.controls{margin-top:8px}.chips-moods+.search-row{margin-top:18px}.chips-label{align-self:center;flex-shrink:0;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);text-decoration:none;margin-right:2px}a.chips-label:hover{color:var(--accent)}.chip-mood{background:transparent;box-shadow:inset 0 0 0 1px var(--border)}.chip-mood:hover{box-shadow:inset 0 0 0 1px var(--accent)}.chip-mood.active{background:var(--chip-active-bg);box-shadow:none}.mood-title{font-size:28px;font-weight:700;letter-spacing:-.02em;margin:4px 0 8px}.mood-intro{max-width:640px;font-size:15px;line-height:1.6;color:var(--text-dim);margin:0 0 8px}.mood-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:20px}.mood-card{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);text-decoration:none;box-shadow:var(--shadow);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.mood-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:var(--accent)}.mood-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mood-card-name{font-size:17px;font-weight:600}.mood-card-tagline{font-size:13px;line-height:1.5;color:var(--text-dim)}.mood-card-count{margin-top:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--accent)}.site-detail-moods{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 24px}.mood-title+.mood-intro+.mood-prompt{margin-top:22px}.chips-moods+.count{margin-top:16px}@media(max-width:640px){.mood-title{font-size:22px}}.not-found{text-align:center;padding-top:56px}.not-found .mood-intro{margin-left:auto;margin-right:auto}.not-found-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin-top:24px}.theme-toggle[data-astro-cid-x3pjskd3]{position:fixed;top:20px;right:24px;display:flex;gap:4px;z-index:50}.theme-btn[data-astro-cid-x3pjskd3]{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-dim);font-size:13px;cursor:pointer;transition:color .15s ease,border-color .15s ease}.theme-btn[data-astro-cid-x3pjskd3]:hover:not(.active){color:var(--text)}.theme-btn[data-astro-cid-x3pjskd3].active{border-color:var(--accent);color:var(--accent)}.theme-btn[data-astro-cid-x3pjskd3]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:640px){.theme-toggle[data-astro-cid-x3pjskd3]{top:12px;right:12px}.theme-btn[data-astro-cid-x3pjskd3] span[data-astro-cid-x3pjskd3]{display:none}.theme-btn[data-astro-cid-x3pjskd3]{justify-content:center;width:44px;height:44px;padding:0}}