.preferences-dialog{width:420px;max-width:calc(100% - 32px);padding:38px 28px 28px}
.preferences-dialog h2{font:500 30px/1.2 var(--serif);margin:12px 40px 22px 0}
.preferences-form{display:grid;gap:20px}
.preference-field{display:grid;gap:9px;font-size:13px;font-weight:500;color:var(--ink)}
.preference-field select{width:100%;min-height:48px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);cursor:pointer}
.preferences-note{font-size:12px;line-height:1.7;color:var(--muted);margin-top:20px}
.preferences-dialog .dialog-close{width:44px;height:44px;top:10px;right:10px}
input::placeholder{color:var(--muted);opacity:1}
:root{--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236d7065' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
:root[data-theme=dark]{--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23d3dfc5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
:is(.metrics-select-label,.preference-field,.filters-dialog) select{appearance:none;-webkit-appearance:none;padding-right:44px;background-image:var(--select-arrow);background-repeat:no-repeat;background-position:right 16px center;background-size:16px}
@media(forced-colors:active){:is(.metrics-select-label,.preference-field,.filters-dialog) select{appearance:auto;-webkit-appearance:auto;background-image:none}}
.reel[data-video-error=true]:before{content:attr(data-video-error-message)}

:root[data-theme=dark]{--paper:#151b14;--surface:#20271e;--ink:#f2f0e8;--muted:#b6bdac;--line:#3b4437;--accent:#f09478;--accent-dark:#a33822;--soft:#38271f;--olive:#b7c5a4}
:root[data-theme=dark] .brand-symbol{background:#bd452d}
:root[data-theme=dark] :is(.desktop-nav button,.topbar-message,.topbar-message em,.search,.eyebrow,.feed-tabs button,.category,.social-action,.post-caption,.caption-detail,.post-footer,.aside-footer,.place-neighborhood,.end-feed,.site-footer){color:var(--muted)}
:root[data-theme=dark] :is(.desktop-nav button.active,.feed-tabs button.active,.social-action[aria-pressed=true],.social-action:hover){color:var(--accent)}
:root[data-theme=dark] :is(.desktop-nav button:hover,.category:hover,.icon-button:hover){background:#303b2a}
:root[data-theme=dark] .desktop-nav button.active{background:var(--soft)}
:root[data-theme=dark] .category.active{background:#303d27;border-color:#536444;color:#d3dfc5}
:root[data-theme=dark] .demo-pill{border-color:var(--line)}
:root[data-theme=dark] .demo-user>span{background:#303b2a;color:#d3dfc5}
:root[data-theme=dark] .avatar:not(:where(.reel *)){border-color:var(--surface);box-shadow:0 0 0 1px var(--line)}
:root[data-theme=dark] .follow-button:not(:where(.reel *)){color:#d3dfc5;border-color:#536444}
:root[data-theme=dark] .follow-button:not(:where(.reel *)):is(:hover,[aria-pressed=true]){background:#303d27}
:root[data-theme=dark] :is(.from-feed,.profile-banner,.ask-team){background:#283322;border-color:#43513a;color:#d3dfc5}
:root[data-theme=dark] :is(.from-feed h2,.from-feed p,.from-feed ol){color:#d3dfc5}
:root[data-theme=dark] .from-feed li:before{border-color:#718260}
:root[data-theme=dark] .primary:not(:where(.reel *)){background:#bd452d;color:#fff}
:root[data-theme=dark] .primary:not(:where(.reel *)):hover{background:#a33822}
:root[data-theme=dark] .primary:not(:where(.reel *))[aria-pressed=true]{background:#465736}
:root[data-theme=dark] .view-dish>span{color:#292d25}
:root[data-theme=dark] .allergen-note{background:#393123;color:#e3d4b3}
:root[data-theme=dark] :is(.toast,.skip-link){color:var(--paper)}
:root[data-theme=dark] dialog::backdrop{background:#070b08b8}

:root[data-theme=dark] :is(.metrics-eyebrow,.metrics-kpi h2,.metrics-chart-key,.metrics-bar-value,.metrics-chart-note,.metrics-table-label,.metrics-rank,.metrics-ranking-footer,.metrics-footer,.metrics-footer b,.metrics-scroll-hint){color:var(--muted)}
:root[data-theme=dark] :is(.metrics-demo-badge,.metrics-kpi-icon,.metrics-save-value){background:#303d27;color:#d3dfc5;border-color:#536444}
:root[data-theme=dark] .metrics-kpi:nth-child(2) .metrics-kpi-icon{background:var(--soft);color:var(--accent)}
:root[data-theme=dark] :is(.metrics-select-label select,.metrics-table th,.metrics-table td,.metrics-chart-grid span){border-color:var(--line)}
:root[data-theme=dark] .metrics-export:hover{background:#d9e0cf}
:root[data-theme=dark] .metrics-bar{background:#ad7961}
:root[data-theme=dark] .metrics-bar-peak{background:var(--accent)}
:root[data-theme=dark] .metrics-insight{background:#283322;border-color:#43513a;color:#e2e9d9}
:root[data-theme=dark] :is(.metrics-insight p,.metrics-insight .metrics-eyebrow,.metrics-insight-mark){color:#c2cfb3}
:root[data-theme=dark] .metrics-insight-rule{background:#536444}
:root[data-theme=dark] :is(.metrics-table thead th,.metrics-ranking-footer){background:#1a2118;color:var(--muted)}
:root[data-theme=dark] .metrics-table tbody tr:hover{background:#293324}
:root[data-theme=dark] .metrics-table tbody td{color:var(--muted)}
:root[data-theme=dark] .metrics-table .metrics-views{color:var(--ink)}

@media(max-width:580px){
  .mobile-nav{gap:0;padding-left:6px;padding-right:6px}
  .mobile-nav button{min-width:0;min-height:44px;flex:1;padding:2px;font-size:8px;overflow-wrap:anywhere}
  body[data-view=feed] .mobile-nav{padding-left:6px;padding-right:6px}
  .preferences-dialog{padding:36px 24px 25px}
  .preference-field select{font-size:16px}
  :root[data-theme=dark] body:not([data-view=feed]) .mobile-nav{background:#151b14f5}
  :root[data-theme=dark] body:not([data-view=feed]) .mobile-nav button{color:var(--muted)}
  :root[data-theme=dark] body:not([data-view=feed]) .mobile-nav button.active{color:var(--accent)}
  :root[data-theme=dark] body[data-view=feed] .feed-tabs button{color:#e3e6e0}
  :root[data-theme=dark] body[data-view=feed] .feed-tabs button.active{color:#fff}
  :root[data-theme=dark] body[data-view=feed] .profile-banner{background:#171b14c9;border-color:#ffffff50;color:#fff}
}