:root,[data-theme=light]{--font-display:"Newsreader", Georgia, serif;--font-body:"IBM Plex Sans", Helvetica, Arial, sans-serif;--font-mono:"IBM Plex Mono", monospace;--accent:#3453d3;--accent-soft:#ebf2ff;--starred:#df911a;--healthy:#14874e;--bg-page:#e7e7e4;--bg-surface:#f7f7f8;--bg-elevated:#fff;--border:#e4e4e8;--border-dashed:#d7d7dd;--ink:#16161a;--ink-muted:#4a4a45;--ink-faint:#6c6c76;--ink-quiet:#9a9aa4;--placeholder-bg:#ececef;--placeholder-stripe:#16161a0f;--overlay-card:#fffffff0;--shadow-panel:0 24px 60px -30px #16161a4d}@supports (color:lab(0% 0 0)){:root,[data-theme=light]{--accent:lab(39.3169% 25.0622 -70.7888);--accent-soft:lab(95.1981% .0383854 -11.2589);--starred:lab(67.1959% 24.4167 67.5432);--healthy:lab(49.4776% -41.7249 21.5535)}}[data-theme=dark]{--accent:#567bf7;--accent-soft:#695fff2e;--starred:#f2af48;--healthy:#57bc80;--bg-page:#0b0b0d;--bg-surface:#101014;--bg-elevated:#17171c;--border:#eceef21a;--border-dashed:#eceef22e;--ink:#eceef2;--ink-muted:#eceef2bf;--ink-faint:#eceef299;--ink-quiet:#eceef26b;--placeholder-bg:#1c1c22;--placeholder-stripe:#eceef20d;--overlay-card:#101014d1;--shadow-panel:0 24px 60px -30px #0009}@supports (color:lab(0% 0 0)){[data-theme=dark]{--accent:lab(53.8206% 17.4773 -67.5003);--starred:lab(76.7033% 18.106 60.6421);--healthy:lab(69.2183% -41.2547 21.2454)}}*{box-sizing:border-box}body{background:var(--bg-page);color:var(--ink);font-family:var(--font-body);margin:0;transition:background-color .15s,color .15s}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}input,textarea,select,button{color:inherit;font:inherit}input::placeholder,textarea::placeholder{color:var(--ink-quiet)}.eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-quiet);font-size:11px}.placeholder{background-color:var(--placeholder-bg);background-image:repeating-linear-gradient(135deg, var(--placeholder-stripe) 0 7px, transparent 7px 14px)}.sub-nav{-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--border);gap:20px;margin-bottom:24px;padding:0 36px;display:flex;overflow-x:auto}@media (max-width:780px){.sub-nav{gap:14px;padding:0 16px}}.nav-row{-webkit-overflow-scrolling:touch;justify-content:flex-start;gap:24px;font-size:15px;display:flex;overflow-x:auto}@media (max-width:780px){.nav-row{gap:14px;font-size:14px}}.app-header{background:var(--bg-elevated);border-bottom:1px solid var(--border);flex-direction:column;gap:12px;padding:16px 36px;display:flex}@media (max-width:780px){.app-header{gap:10px;padding:14px 16px}}.app-header-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.content-with-sidebar{grid-template-columns:1fr 330px;gap:0;padding:32px 36px 40px;display:grid}@media (max-width:780px){.content-with-sidebar{grid-template-columns:1fr;gap:24px;padding:20px 16px 32px}}.sidebar-with-content{grid-template-columns:220px 1fr;gap:32px;padding:32px 36px;display:grid}@media (max-width:780px){.sidebar-with-content{grid-template-columns:1fr;gap:20px;padding:20px 16px}}.photo-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}@media (max-width:780px){.photo-grid{grid-template-columns:repeat(3,1fr);gap:4px}}@media (max-width:420px){.photo-grid{grid-template-columns:repeat(2,1fr)}}.lightbox-layout{display:flex}@media (max-width:780px){.lightbox-layout{flex-direction:column}}.lightbox-image-area{flex:1;justify-content:center;align-items:center;padding:40px 80px;display:flex}@media (max-width:780px){.lightbox-image-area{min-height:40vh;padding:16px}}.lightbox-panel{background:var(--bg-elevated);flex-direction:column;gap:20px;width:300px;padding:56px 20px 20px;display:flex;overflow-y:auto}@media (max-width:780px){.lightbox-panel{z-index:60;border-radius:16px 16px 0 0;width:100%;max-height:75vh;padding:0 20px 20px;transition:transform .25s;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #0006}.lightbox-panel.sheet-collapsed{transform:translateY(calc(100% - 64px))}}.lightbox-sheet-handle{display:none}@media (max-width:780px){.lightbox-sheet-handle{cursor:grab;touch-action:none;flex-shrink:0;justify-content:center;align-items:center;padding:14px 0 10px;display:flex}.lightbox-sheet-handle:after{content:"";background:var(--ink-faint);opacity:.5;border-radius:999px;width:40px;height:5px}}.side-drawer{z-index:41;border-radius:0;flex-direction:column;gap:20px;width:380px;padding:20px;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}@media (max-width:780px){.side-drawer{width:100%}}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px}.mobile-filter-toggle{display:none}@media (max-width:780px){.mobile-filter-toggle{cursor:pointer;justify-content:space-between;align-items:center;width:100%;margin-bottom:12px;padding:10px 14px;font-size:14px;display:flex}}.page-title{font-family:var(--font-display);margin:0;font-size:32px;font-weight:400}@media (max-width:780px){.page-title{font-size:24px}}.split-panel{grid-template-columns:280px 1fr;gap:32px;display:grid}@media (max-width:780px){.split-panel{grid-template-columns:1fr;gap:20px}}.lightbox-nav-btn{position:absolute;top:50%;transform:translateY(-50%)}@media (max-width:780px){.lightbox-nav-btn{top:20vh}}.ingredient-row{gap:6px;margin-bottom:6px;display:flex}@media (max-width:560px){.ingredient-row{flex-wrap:wrap}.ingredient-row input{flex:45%!important}}.album-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;display:grid}