:root{--tn-green:var(--ios-green);--tn-red:var(--ios-red);--tn-amber:var(--ios-orange);--tn-blue:var(--ios-blue);--tn-violet:var(--ios-purple);--tn-teal:var(--ios-teal);--tn-gray:var(--ios-gray);--tx-green:54%;--tx-red:64%;--tx-amber:54%;--tx-blue:70%;--tx-violet:70%;--tx-teal:54%;--tx-gray:64%}:root[data-theme=dark]{--tx-green:100%;--tx-red:70%;--tx-amber:100%;--tx-blue:70%;--tx-violet:70%;--tx-teal:100%;--tx-gray:80%}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--tx-green:100%;--tx-red:70%;--tx-amber:100%;--tx-blue:70%;--tx-violet:70%;--tx-teal:100%;--tx-gray:80%}}.shell[data-app=mutfak]{--tint-end:#fff;--tx-green:100%;--tx-red:70%;--tx-amber:100%;--tx-blue:70%;--tx-violet:70%;--tx-teal:100%;--tx-gray:80%;--et-x:100%}html .badge{background:color-mix(in srgb, var(--tn-gray) 15%, var(--surface));color:color-mix(in srgb, var(--tn-gray) var(--tx-gray), var(--tint-end))}html .badge.green{background:color-mix(in srgb, var(--tn-green) 15%, var(--surface));color:color-mix(in srgb, var(--tn-green) var(--tx-green), var(--tint-end))}html .badge.red{background:color-mix(in srgb, var(--tn-red) 15%, var(--surface));color:color-mix(in srgb, var(--tn-red) var(--tx-red), var(--tint-end))}html .badge.amber{background:color-mix(in srgb, var(--tn-amber) 15%, var(--surface));color:color-mix(in srgb, var(--tn-amber) var(--tx-amber), var(--tint-end))}html .badge.blue{background:color-mix(in srgb, var(--tn-blue) 15%, var(--surface));color:color-mix(in srgb, var(--tn-blue) var(--tx-blue), var(--tint-end))}html .badge.violet{background:color-mix(in srgb, var(--tn-violet) 15%, var(--surface));color:color-mix(in srgb, var(--tn-violet) var(--tx-violet), var(--tint-end))}html .badge.teal{background:color-mix(in srgb, var(--tn-teal) 15%, var(--surface));color:color-mix(in srgb, var(--tn-teal) var(--tx-teal), var(--tint-end))}html .empty{--et:var(--ios-orange);--et-x:70%;gap:6px}html .empty[data-tone=brand],html .empty[data-tone=orange]{--et:var(--ios-orange)}html .empty[data-tone=blue]{--et:var(--ios-blue)}html .empty[data-tone=green]{--et:var(--ios-green)}html .empty[data-tone=gray]{--et:var(--ios-gray)}html .empty.danger-empty{--et:var(--ios-red)}html .empty .e-icon{width:56px;height:56px;box-shadow:none;background:color-mix(in srgb, var(--et) 15%, var(--surface));color:color-mix(in srgb, var(--et) var(--et-x), var(--tint-end));animation:ios-tab-pop var(--t-base) var(--pop) backwards;border-radius:16px;place-items:center;margin-bottom:6px;display:grid}html .empty h3{color:var(--text);font-size:17px;font-weight:600;line-height:22px}html .empty p{color:var(--text-2);max-width:40ch;margin:0;font-size:15px;line-height:21px}html .empty .btn{margin-top:10px}html .empty.compact{text-align:left;flex-flow:wrap;justify-content:flex-start;align-items:center;gap:4px 12px;padding:14px 18px}html .empty.compact .e-icon{border-radius:12px;flex:none;width:40px;height:40px;margin:0}html .empty.compact .e-icon svg{width:20px;height:20px}html .empty.compact h3{flex:1 1 0;min-width:0;font-size:15px;line-height:20px}html .empty.compact p{box-sizing:border-box;flex-basis:100%;max-width:100%;padding-left:52px;font-size:13.5px;line-height:18px}html .empty.compact .btn{margin-top:0}@media (prefers-reduced-motion:reduce){html .empty .e-icon{animation:none}}:root[data-lite] .empty .e-icon{animation:none}