@import "https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,500;0,9..144,600;1,9..144,500&family=Inter:wght@400;500;600;700&display=swap";:root{--font-display:"Fraunces", ui-serif, Georgia, serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--ease-out:cubic-bezier(.22, 1, .36, 1);--transition-fast:.12s var(--ease-out);--transition-base:.24s var(--ease-out)}:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f8f4ec;--bg-sunk:#efe8da;--bg-raised:#fff;--ink:#1c1917;--ink-muted:#6f6b66;--ink-subtle:#a39f98;--line:#e3dccc;--line-strong:#cec4ae;--accent:#b45309;--accent-hover:#9a440b;--accent-ink:#fff;--accent-soft:#fef3c7;--success:#0f766e;--success-soft:#d1fae5;--danger:#b91c1c;--danger-soft:#fee2e2;--shadow-sm:0 1px 2px #1c19170d;--shadow-md:0 4px 20px #1c191714;--shadow-lg:0 20px 60px #1c19171f;--skeleton-base:#eae3d3;--skeleton-highlight:#ffffffd9}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0b08;--bg-sunk:#08070504;--bg-raised:#181410;--ink:#f3ede1;--ink-muted:#a09586;--ink-subtle:#6b6054;--line:#2a241d;--line-strong:#3d3529;--accent:#f5b870;--accent-hover:#ffc985;--accent-ink:#1a1006;--accent-soft:#f5b8701f;--success:#34d399;--success-soft:#34d3991f;--danger:#f87171;--danger-soft:#f871711f;--shadow-sm:0 1px 2px #0006;--shadow-md:0 8px 32px #0006;--shadow-lg:0 24px 80px #00000080;--skeleton-base:#221c15;--skeleton-highlight:#f5e6c82e}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0b08;--bg-sunk:#08070504;--bg-raised:#181410;--ink:#f3ede1;--ink-muted:#a09586;--ink-subtle:#6b6054;--line:#2a241d;--line-strong:#3d3529;--accent:#f5b870;--accent-hover:#ffc985;--accent-ink:#1a1006;--accent-soft:#f5b8701f;--success:#34d399;--success-soft:#34d3991f;--danger:#f87171;--danger-soft:#f871711f;--skeleton-base:#221c15;--skeleton-highlight:#f5e6c82e}}*,:before,:after{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100vh;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-size:15px;line-height:1.55}body{transition:background var(--transition-base), color var(--transition-base)}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-weight:500;line-height:1.15}button{cursor:pointer;font-family:inherit}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--ink-subtle)}.btn{border-radius:var(--radius-md);transition:transform var(--transition-fast), background var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-ghost{color:var(--ink);border-color:var(--line-strong);background:var(--bg-raised)}.btn-ghost:hover:not(:disabled){border-color:var(--ink);transform:translateY(-1px)}.btn-action{border-radius:var(--radius-sm);background:var(--bg-raised);border:1px solid var(--line);color:var(--ink);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:500;display:inline-flex}.btn-action:hover:not(:disabled){box-shadow:var(--shadow-sm);border-color:var(--line-strong);transform:translateY(-1px)}.btn-action:active:not(:disabled){box-shadow:none;transform:translateY(0)}.btn-action:disabled{opacity:.5;cursor:not-allowed}.btn-action.like.active{border-color:var(--success);background:var(--success-soft);color:var(--success)}.btn-action.dislike.active{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.btn-action.retry{border-color:var(--danger);color:var(--danger)}.btn-action.retry:hover:not(:disabled){background:var(--danger-soft)}.btn-action.icon-only{width:36px;color:var(--ink-muted);padding:7px}.btn-action.icon-only:hover:not(:disabled){color:var(--danger);border-color:var(--danger)}.card{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius-lg);animation:card-enter var(--transition-base) ease-out both;transition:transform var(--transition-base), opacity var(--transition-base)}.card.deleting{opacity:0;pointer-events:none;transform:scale(.92)}@keyframes card-enter{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.skeleton{background:var(--skeleton-base);position:relative;overflow:hidden}.skeleton:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--skeleton-highlight) 50%, transparent 100%);animation:1.6s ease-in-out infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}[dir=rtl] .skeleton:before{animation-direction:reverse}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.7s linear infinite spin}.app-shell{flex-direction:column;min-height:100vh;display:flex}.top-nav{z-index:30;background:color-mix(in oklab, var(--bg) 85%, transparent);-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0}.top-nav-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1120px;margin:0 auto;padding:12px 24px;display:flex}.brand{font-family:var(--font-display);color:var(--ink);align-items:center;gap:10px;font-size:18px;font-weight:600;display:inline-flex}.brand:hover{color:var(--accent)}.brand .mark{color:var(--accent);font-size:14px}.main{width:100%;max-width:1024px;padding:24px;padding-bottom:calc(24px + env(safe-area-inset-bottom));flex:1;margin:0 auto}.top-nav-links{gap:24px;font-size:14px;display:none}.top-nav-links a{color:var(--ink-muted);transition:color var(--transition-fast);font-weight:500}.top-nav-links a:hover,.top-nav-links a.active{color:var(--ink)}@media (min-width:720px){.top-nav-links{display:inline-flex}.main{padding-bottom:24px}}.bottom-nav{bottom:0;z-index:40;background:color-mix(in oklab, var(--bg) 92%, transparent);-webkit-backdrop-filter:saturate(180%)blur(16px);backdrop-filter:saturate(180%)blur(16px);border-top:1px solid var(--line);padding:6px 8px calc(6px + env(safe-area-inset-bottom));grid-template-columns:repeat(4,1fr);display:grid;position:fixed;inset-inline:0}.bottom-nav a{border-radius:var(--radius-sm);color:var(--ink-muted);transition:color var(--transition-fast), background var(--transition-fast);flex-direction:column;align-items:center;gap:2px;padding:8px 4px;font-size:11px;font-weight:500;display:flex}.bottom-nav a svg{width:22px;height:22px}.bottom-nav a.active{color:var(--accent)}.bottom-nav a:hover{color:var(--ink)}@media (min-width:720px){.bottom-nav{display:none}}.controls-group{align-items:center;gap:4px;display:inline-flex}.icon-btn{width:34px;height:34px;color:var(--ink-muted);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{color:var(--ink);background:var(--bg-sunk)}.lang-btn{border-radius:var(--radius-sm);color:var(--ink-muted);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:0;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:500;display:inline-flex}.lang-btn:hover{color:var(--ink);background:var(--bg-sunk)}.eyebrow{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:600}.image-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}@media (min-width:520px){.image-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}}.callout{background:var(--accent-soft);border:1px solid color-mix(in oklab, var(--accent) 30%, transparent);border-radius:var(--radius-md);color:var(--ink);flex-wrap:wrap;align-items:center;gap:12px;padding:14px 18px;font-size:14px;display:flex}[dir=rtl]{text-align:right}