@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-ar:var(--font-ar);--font-en:var(--font-en)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.grow{flex-grow:1}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--brand:#7a0e24;--brand-hover:#8e1129;--brand-pressed:#62091d;--brand-wash:#f5e8eb;--brand-subtle:#edd8df;--brand-on:#fff;--bg-app:#f8f7f5;--bg-surface:#fff;--bg-reel:#0a0a0a;--bg-overlay:#0000008c;--text-primary:#1a1714;--text-secondary:#5c5650;--text-tertiary:#9b9590;--text-disabled:#c5c1bc;--text-brand:#7a0e24;--text-inverse:#fff;--line:#e8e4e1;--line-subtle:#f0ede9;--line-strong:#c9c4bf;--line-brand:#edd8df;--success:#1a6b3a;--success-bg:#eaf5ee;--success-border:#a8d5b8;--error:#c02a2a;--error-bg:#fdecea;--error-border:#f0b4b4;--warning:#ad5500;--warning-bg:#fff3e0;--warning-border:#f0d090;--info:#1a52a8;--info-bg:#eaf0fb;--info-border:#a8c0e8;--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:16px;--r-xl:20px;--r-full:999px;--shadow-1:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-2:0 4px 12px #00000014, 0 2px 4px #0000000a;--shadow-3:0 -8px 32px #0000001f, 0 -2px 8px #0000000f;--font-ar:var(--font-cairo), "Segoe UI", Tahoma, sans-serif;--font-en:var(--font-montserrat), "Helvetica Neue", Arial, sans-serif;--nav-height:56px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--appbar-height:56px;--sidebar-w:240px;--sidebar-w-collapsed:64px;--topbar-h:60px;--sidebar-bg:#f0ede8;--sidebar-active-bg:var(--brand-wash);--sidebar-active-text:var(--text-brand);--sidebar-nav-text:var(--text-secondary);--sidebar-section-color:var(--text-disabled);--table-header-bg:#f8f7f5;--table-row-hover:var(--line-subtle);--adm-input-h:40px;--adm-btn-h:40px;--adm-btn-sm-h:32px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-ar);background:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}a{color:inherit;text-decoration:none}ul{list-style:none}.num,.font-en{font-family:var(--font-en);font-variant-numeric:tabular-nums}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--brand);outline-offset:2px}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg, var(--line) 25%, var(--line-subtle) 50%, var(--line) 75%);border-radius:var(--r-xs);background-size:800px 100%;animation:1.4s ease-in-out infinite shimmer}.sk-text{border-radius:var(--r-xs);height:14px}.sk-circle{border-radius:50%}@media (prefers-reduced-motion:reduce){.skeleton{background:var(--line);animation:none}.btn,.icon-btn,.chip{transition:none}}.btn{border-radius:var(--r-full);cursor:pointer;height:52px;font-family:var(--font-ar);-webkit-user-select:none;user-select:none;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;min-width:100px;padding:0 24px;font-size:15px;font-weight:600;text-decoration:none;transition:background .12s,transform 80ms;display:inline-flex;position:relative}.btn-sm{height:40px;padding:0 18px;font-size:14px}.btn-lg{height:56px;padding:0 32px;font-size:16px}.btn-block{width:100%}.btn-primary{background:var(--brand);color:var(--brand-on)}.btn-primary:active{background:var(--brand-pressed);transform:scale(.98)}.btn-secondary{background:var(--brand-wash);color:var(--text-brand)}.btn-ghost{color:var(--text-brand);border:1.5px solid var(--brand);background:0 0}.btn-destructive{background:var(--error-bg);color:var(--error);border:1.5px solid var(--error-border)}.btn:disabled,.btn[aria-disabled=true]{background:var(--line);color:var(--text-disabled);border-color:var(--line);cursor:not-allowed;pointer-events:none}.icon-btn{border-radius:var(--r-full);cursor:pointer;width:44px;height:44px;color:var(--text-primary);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;transition:background .12s;display:inline-flex}.icon-btn:active{background:var(--line)}.icon-btn.surface{background:var(--bg-surface);box-shadow:var(--shadow-1)}.icon-btn.inverse{color:var(--text-inverse)}.avatar{color:#fff;font-weight:700;font-family:var(--font-ar);object-fit:cover;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.avatar-xl{width:72px;height:72px;font-size:26px}.avatar-lg{width:44px;height:44px;font-size:17px}.avatar-md{width:36px;height:36px;font-size:14px}.avatar-sm{width:28px;height:28px;font-size:11px}.avatar-brand{background:var(--brand)}.chip{border-radius:var(--r-full);border:1.5px solid var(--line);background:var(--bg-surface);height:36px;font-family:var(--font-ar);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.chip.chip-active{background:var(--brand-wash);border-color:var(--brand-subtle);color:var(--text-brand);font-weight:600}.chip-info{border-radius:var(--r-full);background:var(--bg-app);border:1px solid var(--line);height:28px;color:var(--text-secondary);white-space:nowrap;align-items:center;gap:5px;padding:0 10px;font-size:12px;display:inline-flex}.input-wrap{flex-direction:column;gap:6px;display:flex}.input-label{color:var(--text-secondary);font-size:13px;font-weight:600}.input-field{border:1.5px solid var(--line);border-radius:var(--r-md);width:100%;height:52px;font-family:var(--font-ar);color:var(--text-primary);background:var(--bg-surface);outline:none;padding:0 16px;font-size:15px;transition:border-color .15s}.input-field::placeholder{color:var(--text-secondary)}.input-field:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-wash)}.input-field.input-error{border-color:var(--error)}.input-hint{color:var(--text-secondary);font-size:12px}.input-hint.error{color:var(--error)}.search-input{border-radius:var(--r-full);background:var(--bg-app);border:1.5px solid var(--line);height:48px;font-family:var(--font-ar);color:var(--text-primary);outline:none;width:100%;padding:0 44px 0 16px;font-size:14px;transition:border-color .15s,box-shadow .15s}.search-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-wash);background:var(--bg-surface)}.search-wrap{width:100%;position:relative}.search-wrap .search-icon{color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.recipe-card-list{background:var(--bg-surface);border-radius:var(--r-md);box-shadow:var(--shadow-1);cursor:pointer;align-items:center;gap:12px;padding:10px;display:flex}.recipe-card-list .list-img{border-radius:var(--r-sm);object-fit:cover;background:var(--line-subtle);flex-shrink:0;width:76px;height:76px}.recipe-card-list .list-body{flex:1;min-width:0}.recipe-card-list .list-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:14px;font-weight:700;overflow:hidden}.recipe-card-list .list-chef{color:var(--text-secondary);margin-bottom:4px;font-size:12px}.recipe-card-list .list-meta{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.recipe-card-list .list-save{cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;padding:0;display:flex}.save-circle{width:36px;height:36px;color:var(--text-secondary);pointer-events:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.save-circle.saved{color:var(--brand)}.bottom-nav{background:var(--bg-surface);border-top:1px solid var(--line);box-shadow:var(--shadow-3);height:calc(var(--nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);direction:rtl;flex-shrink:0;align-items:stretch;width:100%;display:flex}.bottom-nav.dark{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0ae0;border-top:1px solid #ffffff14}.nav-item{cursor:pointer;color:var(--text-secondary);font-size:10px;font-weight:500;font-family:var(--font-ar);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:4px 0;transition:color .12s;display:flex}.nav-item.active{color:var(--brand)}.bottom-nav.dark .nav-item{color:#ffffff80}.bottom-nav.dark .nav-item.active{color:#fff}.app-bar{height:var(--appbar-height);background:var(--bg-surface);border-bottom:1px solid var(--line);direction:rtl;flex-shrink:0;align-items:center;gap:4px;width:100%;padding:0 8px 0 16px;display:flex}.app-bar.transparent{z-index:10;background:0 0;border-bottom:none;position:absolute;top:0;left:0;right:0}.app-bar .bar-title{text-align:center;color:var(--text-primary);letter-spacing:-.2px;flex:1;font-size:17px;font-weight:600}.app-bar.transparent .bar-title{color:var(--text-inverse)}.sheet-handle{background:var(--line-strong);border-radius:var(--r-full);width:36px;height:4px;margin:12px auto 0}.sheet-header{border-bottom:1px solid var(--line-subtle);direction:rtl;justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.sheet-title{color:var(--text-primary);font-size:16px;font-weight:700}.comment-item{direction:rtl;gap:10px;margin-bottom:16px;display:flex}.comment-item .comment-body{flex:1}.comment-item .comment-author{color:var(--text-primary);margin-bottom:2px;font-size:13px;font-weight:700}.comment-item .comment-text{color:var(--text-primary);overflow-wrap:anywhere;font-size:13px;line-height:1.5}.comment-item .comment-time{color:var(--text-secondary);margin-top:3px;font-size:11px}.comment-input-bar{border-top:1px solid var(--line-subtle);background:var(--bg-surface);direction:rtl;align-items:center;gap:10px;padding:10px 16px;display:flex}.comment-input-bar input{border-radius:var(--r-full);border:1.5px solid var(--line);height:40px;font-family:var(--font-ar);background:var(--bg-app);outline:none;flex:1;padding:0 14px;font-size:14px}.send-btn{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.send-btn:disabled{background:var(--line);color:var(--text-disabled);cursor:not-allowed}.reel-screen{background:var(--bg-reel);width:100%;height:100%;position:relative;overflow:hidden}.reel-bg{justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.reel-bg img{object-fit:cover;width:100%;height:100%}.reel-gradient{background:linear-gradient(#0000 30%,#0003 60%,#000000bf 100%);position:absolute;inset:0}.reel-actions{z-index:5;flex-direction:column;align-items:center;gap:20px;display:flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.reel-action{flex-direction:column;align-items:center;gap:4px;display:flex}.reel-action-btn{cursor:pointer;color:#fff;filter:drop-shadow(0 1px 3px #00000080);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}.reel-action-count{font-family:var(--font-en);color:#fff;text-shadow:0 1px 3px #00000080;letter-spacing:.02em;font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.reel-info{z-index:5;text-align:right;max-width:240px;position:absolute;bottom:80px;right:16px}.reel-chef-row{justify-content:flex-end;align-items:center;gap:8px;margin-bottom:8px;display:flex}.reel-chef-name{color:#fff;text-shadow:0 1px 3px #00000080;font-size:13px;font-weight:600}.reel-title{color:#fff;text-shadow:0 1px 4px #0009;text-wrap:balance;margin-bottom:4px;font-size:16px;font-weight:700;line-height:1.35}.reel-cta{color:#fff;border-radius:var(--r-full);font-family:var(--font-ar);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#7a0e24d9;border:none;align-items:center;gap:6px;margin-top:8px;padding:8px 18px;font-size:13px;font-weight:600;display:inline-flex}.reel-bar{height:var(--appbar-height);z-index:6;justify-content:space-between;align-items:center;padding:0 12px;display:flex;position:absolute;top:0;left:0;right:0}.reel-logo{color:#fff;font-size:22px;font-weight:700;font-family:var(--font-ar);letter-spacing:-.3px}.sk-reel{background:#ffffff14;animation:1.4s ease-in-out infinite shimmer}.settings-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);padding:16px 16px 6px;font-size:11px;font-weight:700}.menu-list{background:var(--bg-surface);border-radius:var(--r-lg);box-shadow:var(--shadow-1);margin:0 16px;overflow:hidden}.menu-row{cursor:pointer;text-align:right;direction:rtl;align-items:center;gap:12px;width:100%;height:52px;padding:0 16px;display:flex;position:relative}.menu-row+.menu-row:before{content:"";background:var(--line-subtle);height:1px;position:absolute;top:0;left:16px;right:16px}.menu-row-icon{color:var(--text-secondary);flex-shrink:0;font-size:18px;display:flex}.menu-row-label{color:var(--text-primary);flex:1;font-size:15px}.menu-row-value{color:var(--text-secondary);font-size:13px}.menu-row-chevron{color:var(--line-strong);display:flex}.menu-row.danger .menu-row-label,.menu-row.danger .menu-row-icon{color:var(--error)}.profile-card{background:var(--bg-surface);border-radius:var(--r-lg);box-shadow:var(--shadow-1);direction:rtl;margin:16px;padding:20px 16px 16px;position:relative}.profile-card .edit-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex;position:absolute;top:4px;left:4px}.profile-card .edit-btn .edit-circle{background:var(--bg-app);width:36px;height:36px;color:var(--text-secondary);pointer-events:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-info{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.profile-name{color:var(--text-primary);font-size:18px;font-weight:700}.profile-phone{color:var(--text-secondary);font-size:14px;font-family:var(--font-en);font-variant-numeric:tabular-nums}@media (pointer:coarse){.input-field,.search-input,.comment-input-bar input,.adm-input,.adm-select,.adm-textarea,textarea{font-size:16px}}.recipe-card-column{flex-direction:column;gap:10px;padding:0 16px;display:flex}.pager{direction:rtl;justify-content:space-between;align-items:center;gap:12px;padding:20px 16px 8px;display:flex}.pager-position{color:var(--text-secondary);font-size:13px}.filter-row{scrollbar-width:none;direction:rtl;gap:8px;padding:8px 16px;display:flex;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.filter-label{color:var(--text-tertiary);direction:rtl;padding:8px 16px 0;font-size:12px;font-weight:600}.taxonomy-count{color:var(--text-tertiary);font-size:11px;font-family:var(--font-en);font-variant-numeric:tabular-nums}.browse-header{direction:rtl;padding:4px 16px 12px}.browse-title{color:var(--text-primary);margin-bottom:4px;font-size:20px;font-weight:700}.browse-sub{color:var(--text-secondary);font-size:13px;line-height:1.6}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.search-hint{color:var(--text-secondary);text-align:center;padding:24px 16px;font-size:14px}.recipe-media-wrap{position:relative}.recipe-media{background:var(--bg-surface)}.recipe-description{color:var(--text-secondary);margin-bottom:12px;font-size:14px;line-height:1.7}.recipe-section-count{color:var(--text-secondary);font-size:13px}.recipe-media-stage{aspect-ratio:4/3;background:var(--bg-reel);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.recipe-media-placeholder-icon{color:#ffffff52;font-size:56px}.recipe-media-video{object-fit:contain;background:var(--bg-reel);width:100%;height:100%;display:block}.recipe-media-fallback,.recipe-media-failed{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;padding:0 24px;display:flex}.recipe-media-fallback i{color:#fff6;font-size:44px}.recipe-media-failed{background:var(--bg-reel);color:#ffffffc7}.recipe-media-failed i{font-size:40px}.recipe-media-failed p{max-width:260px;font-size:13px;line-height:1.6}.recipe-media-strip{scroll-snap-type:x proximity;scrollbar-width:none;direction:rtl;gap:8px;padding:10px 16px;display:flex;overflow-x:auto}.recipe-media-strip::-webkit-scrollbar{display:none}.recipe-media-thumb{border-radius:var(--r-sm);background:var(--line-subtle);scroll-snap-align:start;cursor:pointer;border:2px solid #0000;flex:none;width:64px;height:64px;transition:border-color .15s;position:relative;overflow:hidden}.recipe-media-thumb.active{border-color:var(--brand)}.recipe-media-thumb:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.recipe-media-thumb-fallback{position:absolute;inset:0}.recipe-media-thumb-badge{color:#fff;background:#00000059;justify-content:center;align-items:center;font-size:22px;display:flex;position:absolute;inset:0}.recipe-facts{direction:rtl;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:8px;padding:0 16px 16px;display:grid}.recipe-fact{background:var(--bg-surface);border:1px solid var(--line);border-radius:var(--r-md);text-align:center;flex-direction:column;align-items:center;gap:3px;padding:10px 8px;display:flex}.recipe-fact i{color:var(--text-brand);font-size:20px}.recipe-fact-value{color:var(--text-primary);font-size:14px;font-weight:700}.recipe-fact-label{color:var(--text-tertiary);font-size:11px}.step-media{border-radius:var(--r-sm);aspect-ratio:4/3;background:var(--line-subtle);width:100%;margin-top:10px;position:relative;overflow:hidden}.step-media video{object-fit:contain;background:var(--bg-reel);width:100%;height:100%;display:block}.recipe-notes{background:var(--brand-wash);border:1px solid var(--line-brand);border-radius:var(--r-md);direction:rtl;gap:10px;padding:14px 16px;display:flex}.recipe-notes i{color:var(--text-brand);flex-shrink:0;margin-top:1px;font-size:20px}.recipe-notes p{color:var(--text-primary);white-space:pre-wrap;font-size:14px;line-height:1.8}.recipe-related-list{flex-direction:column;gap:10px;display:flex}.recipe-hero-placeholder{object-fit:cover;background:var(--line-subtle);flex-shrink:0;width:100%;height:240px}.recipe-meta-section{padding:16px 16px 0}.recipe-title-lg{color:var(--text-primary);text-wrap:balance;margin-bottom:8px;font-size:22px;font-weight:700;line-height:1.3}.recipe-chef-line{align-items:center;gap:8px;margin-bottom:12px;display:flex}.recipe-chef-line span{color:var(--text-secondary);font-size:14px}.recipe-chips-row{direction:rtl;flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.recipe-tags-row{direction:rtl;flex-wrap:wrap;gap:6px;display:flex}.tag-pill{border-radius:var(--r-full);background:var(--brand-wash);height:26px;color:var(--text-brand);align-items:center;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex}.section-divider{background:var(--line-subtle);flex-shrink:0;height:8px}.recipe-section{padding:20px 16px}.recipe-section-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:10px;display:flex}.recipe-section-title{color:var(--text-primary);font-size:18px;font-weight:700}.ingredient-row{border-bottom:1px solid var(--line-subtle);direction:rtl;align-items:center;gap:12px;padding:10px 0;display:flex}.ingredient-row:last-child{border-bottom:none}.ingredient-qty{font-family:var(--font-en);color:var(--text-primary);text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0;min-width:48px;font-size:14px;font-weight:600}.ingredient-name{color:var(--text-primary);flex:1;font-size:14px}.step-row{direction:rtl;gap:12px;margin-bottom:20px;display:flex}.step-num{background:var(--brand);width:28px;height:28px;color:var(--brand-on);font-family:var(--font-en);font-variant-numeric:tabular-nums;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:13px;font-weight:700;display:flex}.step-body{flex:1}.step-text{color:var(--text-primary);font-size:15px;line-height:1.6}.step-tip{background:var(--brand-wash);border-radius:var(--r-sm);color:var(--text-brand);margin-top:8px;padding:8px 12px;font-size:13px;line-height:1.5}.step-tip-label{margin-left:4px;font-weight:700}.chef-footer{background:var(--bg-surface);border-radius:var(--r-lg);box-shadow:var(--shadow-1);direction:rtl;align-items:center;gap:12px;margin:0 16px 16px;padding:16px;display:flex}.chef-footer-body{flex:1}.chef-footer-name{color:var(--text-primary);margin-bottom:3px;font-size:14px;font-weight:700}.chef-footer-bio{color:var(--text-secondary);font-size:12px;line-height:1.4}.empty-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 24px;display:flex}.empty-icon{opacity:.35;color:var(--text-tertiary);margin-bottom:16px;font-size:56px}.empty-heading{color:var(--text-primary);text-wrap:balance;margin-bottom:8px;font-size:18px;font-weight:700}.empty-copy{color:var(--text-secondary);max-width:240px;margin-bottom:20px;font-size:14px;line-height:1.6}.error-banner{background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--r-sm);direction:rtl;align-items:center;gap:10px;margin:0 16px;padding:10px 14px;display:flex}.error-banner-text{color:var(--error);flex:1;font-size:13px}.category-card{cursor:pointer;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;display:flex}.category-thumb{border-radius:var(--r-md);width:72px;height:72px;box-shadow:var(--shadow-1);background:var(--brand-wash);color:var(--brand);justify-content:center;align-items:center;font-size:28px;display:flex;overflow:hidden}.category-name{color:var(--text-primary);text-align:center;font-size:12px;font-weight:600}.trending-row{border-bottom:1px solid var(--line-subtle);cursor:pointer;text-align:right;direction:rtl;align-items:center;gap:12px;width:100%;padding:12px 0;display:flex}.trending-row:last-child{border-bottom:none}.trending-icon{color:var(--text-tertiary);display:flex}.trending-term{color:var(--text-primary);font-size:14px}.section-head{color:var(--text-primary);direction:rtl;padding:16px 16px 8px;font-size:15px;font-weight:700}.h-scroll{scrollbar-width:none;direction:rtl;gap:12px;padding:0 16px 4px;display:flex;overflow-x:auto}.h-scroll::-webkit-scrollbar{display:none}.login-screen{background:var(--bg-app);flex-direction:column;min-height:100%;display:flex}.login-top{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:32px 0 0;display:flex}.login-brand{color:var(--brand);letter-spacing:-1px;font-size:42px;font-weight:700;font-family:var(--font-ar)}.login-tagline{color:var(--text-secondary);text-align:center;margin-top:6px;font-size:15px}.login-form-card{background:var(--bg-surface);border-radius:var(--r-xl) var(--r-xl) 0 0;box-shadow:var(--shadow-3);flex-direction:column;gap:16px;padding:28px 24px 32px;display:flex}.login-legal{color:var(--text-tertiary);text-align:center;font-size:11px;line-height:1.6}.login-legal a{color:var(--text-brand)}.screen-scroll{scrollbar-width:none;direction:rtl;flex:1;overflow-y:auto}.screen-scroll::-webkit-scrollbar{display:none}.comments-overlay{z-index:60;background:var(--bg-overlay);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.comments-sheet{background:var(--bg-surface);border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%;max-width:480px;box-shadow:var(--shadow-3);max-height:78dvh;padding-bottom:var(--safe-bottom);flex-direction:column;display:flex}.comments-body{scrollbar-width:none;flex:1;padding:16px 20px;overflow-y:auto}.comments-body::-webkit-scrollbar{display:none}.toast-wrap{z-index:90;pointer-events:none;opacity:0;transition:opacity .2s;position:fixed;top:70px;left:50%;transform:translate(-50%)}.toast-wrap.show{opacity:1}.toast-pill{border-radius:var(--r-md);background:var(--text-primary);color:var(--text-inverse);box-shadow:var(--shadow-2);white-space:nowrap;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;display:inline-flex}.toast-pill.success{background:var(--success);color:#fff}.toast-pill.error{background:var(--error);color:#fff}.admin-shell{background:var(--bg-app);min-height:100vh;display:flex}.admin-sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);border-inline-start:1px solid var(--line);flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.sidebar-logo-area{height:var(--topbar-h);border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:10px;padding:0 16px;display:flex}.sidebar-logo-mark{background:var(--brand);border-radius:var(--r-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:flex}.sidebar-logo-text{color:var(--text-primary);letter-spacing:-.5px;white-space:nowrap;font-size:16px;font-weight:800;overflow:hidden}.sidebar-nav{flex:1;padding:12px 0;overflow-y:auto}.nav-section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--sidebar-section-color);white-space:nowrap;padding:16px 16px 6px;font-size:10px;font-weight:700;overflow:hidden}.adm-nav-item{border-radius:var(--r-sm);cursor:pointer;min-width:0;height:44px;color:var(--sidebar-nav-text);align-items:center;gap:10px;margin:1px 8px;padding:0 12px;transition:all .15s;display:flex;position:relative}.adm-nav-item:hover{color:var(--text-primary);background:#0000000d}.adm-nav-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text)}.adm-nav-item.active .nav-icon{color:var(--brand)}.nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:18px;display:flex}.nav-text{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.sidebar-footer{border-top:1px solid var(--line);flex-shrink:0;padding:12px}.sidebar-user{border-radius:var(--r-sm);width:100%;text-align:inherit;align-items:center;gap:10px;padding:8px;display:flex}.sidebar-user:hover{background:#0000000d}.sidebar-avatar{border-radius:var(--r-full);background:var(--brand);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.sidebar-user-info{flex:1;min-width:0;overflow:hidden}.sidebar-user-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sidebar-user-role{color:var(--text-tertiary);white-space:nowrap;font-size:11px}.admin-main{flex-direction:column;flex:1;min-width:0;display:flex}.admin-topbar{height:var(--topbar-h);background:var(--bg-surface);border-bottom:1px solid var(--line);z-index:20;flex-shrink:0;align-items:center;gap:12px;padding:0 20px;display:flex;position:sticky;top:0}.topbar-title{flex:1;font-size:15px;font-weight:700}.admin-content{flex:1;padding:24px}.page-header{margin-bottom:24px}.page-breadcrumb{color:var(--text-tertiary);align-items:center;gap:6px;margin-bottom:8px;font-size:12px;display:flex}.page-breadcrumb a:hover{color:var(--text-brand)}.breadcrumb-sep{color:var(--text-disabled);font-size:10px}.page-title{color:var(--text-primary);font-size:22px;font-weight:800}.page-subtitle{color:var(--text-secondary);margin-top:4px;font-size:13px}.adm-btn{height:var(--adm-btn-h);border-radius:var(--r-sm);font-family:var(--font-ar);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:6px;min-width:44px;padding:0 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.adm-btn-sm{height:var(--adm-btn-sm-h);padding:0 12px;font-size:12px}.adm-btn-lg{height:48px;padding:0 24px;font-size:15px}.adm-btn-primary{background:var(--brand);color:#fff}.adm-btn-primary:hover:not(:disabled){background:var(--brand-hover)}.adm-btn-primary:active:not(:disabled){background:var(--brand-pressed)}.adm-btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--line-strong)}.adm-btn-secondary:hover:not(:disabled){border-color:var(--text-secondary);background:var(--bg-app)}.adm-btn-ghost{color:var(--text-secondary);background:0 0}.adm-btn-ghost:hover:not(:disabled){background:var(--bg-app);color:var(--text-primary)}.adm-btn-danger{color:var(--error);border:1px solid var(--error-border);background:0 0}.adm-btn-danger:hover:not(:disabled){background:var(--error-bg)}.adm-btn-danger-solid{background:var(--error);color:#fff}.adm-btn-danger-solid:hover:not(:disabled){background:#a82020}.adm-btn:disabled{opacity:.45;cursor:not-allowed}.adm-icon-btn{border-radius:var(--r-sm);width:36px;height:36px;color:var(--text-secondary);justify-content:center;align-items:center;min-width:36px;transition:all .15s;display:inline-flex}.adm-icon-btn:hover{background:var(--bg-app);color:var(--text-primary)}.adm-icon-btn.sm{width:28px;height:28px;font-size:14px}.adm-field{flex-direction:column;gap:6px;display:flex}.adm-label{color:var(--text-primary);font-size:13px;font-weight:600}.adm-label-req{color:var(--error)}.adm-hint{color:var(--text-tertiary);font-size:12px}.adm-error-text{color:var(--error);align-items:center;gap:4px;font-size:12px;display:flex}.adm-input{width:100%;height:var(--adm-input-h);border:1px solid var(--line-strong);border-radius:var(--r-sm);color:var(--text-primary);background:var(--bg-surface);outline:none;padding:0 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}.adm-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-wash)}.adm-input:disabled{background:var(--bg-app);color:var(--text-disabled);cursor:not-allowed}.adm-input.error{border-color:var(--error);box-shadow:0 0 0 3px var(--error-bg)}.adm-search-wrap{position:relative}.adm-search-input{border:1px solid var(--line);border-radius:var(--r-full);background:var(--bg-app);outline:none;width:100%;height:36px;padding:0 12px 0 36px;font-size:13px;transition:all .15s}.adm-search-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-wash);background:#fff}.adm-search-icon{color:var(--text-tertiary);pointer-events:none;inset-inline-end:12px;font-size:15px;position:absolute;top:50%;transform:translateY(-50%)}.adm-textarea{border:1px solid var(--line-strong);border-radius:var(--r-sm);width:100%;color:var(--text-primary);background:var(--bg-surface);resize:vertical;min-height:96px;font-size:13px;font-family:var(--font-ar);outline:none;padding:10px 12px;transition:border-color .15s,box-shadow .15s}.adm-textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-wash)}.adm-select{appearance:none;width:100%;height:var(--adm-input-h);border:1px solid var(--line-strong);border-radius:var(--r-sm);color:var(--text-primary);background-color:var(--bg-surface);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239B9590' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:10px;background-repeat:no-repeat;outline:none;padding:0 32px 0 12px;font-size:13px;transition:border-color .15s}.adm-select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-wash)}.adm-toggle-wrap{cursor:pointer;align-items:center;gap:10px;display:inline-flex}.adm-toggle{flex-shrink:0;width:44px;height:24px;position:relative}.adm-toggle input{opacity:0;width:0;height:0;position:absolute}.adm-toggle-track{background:var(--line-strong);border-radius:var(--r-full);transition:background .2s;position:absolute;inset:0}.adm-toggle input:checked+.adm-toggle-track{background:var(--brand)}.adm-toggle-thumb{pointer-events:none;top:3px;background:#fff;border-radius:50%;width:18px;height:18px;transition:inset-inline-end .2s,inset-inline-start .2s;position:absolute;inset-inline-end:3px;box-shadow:0 1px 3px #0003}.adm-toggle input:checked~.adm-toggle-thumb{inset-inline:3px auto}.adm-table-wrap{border-radius:var(--r-lg);border:1px solid var(--line);background:var(--bg-surface);width:100%;overflow-x:auto}.adm-table{border-collapse:collapse;width:100%;font-size:13px}.adm-table th{background:var(--table-header-bg);color:var(--text-secondary);text-align:inherit;border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 16px;font-size:12px;font-weight:600}.adm-table td{border-bottom:1px solid var(--line-subtle);vertical-align:middle;padding:12px 16px}.adm-table tr:last-child td{border-bottom:none}.adm-table tbody tr:hover td{background:var(--table-row-hover)}.table-thumb{border-radius:var(--r-sm);object-fit:cover;background:var(--line-subtle);width:40px;height:40px;color:var(--text-tertiary);flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.table-cell-title{color:var(--text-primary);font-weight:600}.table-cell-sub{color:var(--text-tertiary);margin-top:2px;font-size:12px}.table-cell-flex{align-items:center;gap:10px;display:flex}.table-cell-mono{font-family:var(--font-en);font-variant-numeric:tabular-nums}.table-actions{justify-content:flex-end;gap:4px;display:flex}.status-badge{border-radius:var(--r-full);white-space:nowrap;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.status-badge:before{content:"";border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-published{background:var(--success-bg);color:var(--success)}.status-published:before{background:var(--success)}.status-draft{background:var(--warning-bg);color:var(--warning)}.status-draft:before{background:var(--warning)}.status-inactive{background:var(--bg-app);color:var(--text-tertiary)}.status-inactive:before{background:var(--text-disabled)}.status-deleted{background:var(--error-bg);color:var(--error)}.status-deleted:before{background:var(--error)}.status-pending{background:var(--info-bg);color:var(--info)}.status-pending:before{background:var(--info)}.adm-form-banner{border-radius:var(--r-sm);border:1px solid #0000;align-items:flex-start;gap:12px;padding:12px 16px;font-size:13px;display:flex}.adm-form-banner.success{background:var(--success-bg);border-color:var(--success-border);color:var(--success)}.adm-form-banner.error{background:var(--error-bg);border-color:var(--error-border);color:var(--error)}.adm-form-banner.warning{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning)}.adm-form-banner.info{background:var(--info-bg);border-color:var(--info-border);color:var(--info)}.adm-card{background:var(--bg-surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px}.adm-card-title{color:var(--text-primary);border-bottom:1px solid var(--line-subtle);margin-bottom:16px;padding-bottom:12px;font-size:14px;font-weight:700}.adm-modal-backdrop{background:var(--bg-overlay);z-index:80;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.adm-confirm-dialog{background:var(--bg-surface);border-radius:var(--r-lg);width:100%;max-width:400px;box-shadow:var(--shadow-2);text-align:center;padding:28px}.confirm-dialog-icon{border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 16px;font-size:24px;display:flex}.confirm-dialog-icon.danger{background:var(--error-bg);color:var(--error)}.confirm-dialog-icon.warn{background:var(--warning-bg);color:var(--warning)}.confirm-dialog-title{color:var(--text-primary);margin-bottom:8px;font-size:16px;font-weight:700}.confirm-dialog-body{color:var(--text-secondary);margin-bottom:24px;font-size:13px;line-height:1.6}.confirm-dialog-actions{justify-content:center;gap:10px;display:flex}.adm-empty-state{text-align:center;flex-direction:column;align-items:center;padding:56px 24px;display:flex}.adm-empty-state .empty-icon{color:var(--text-disabled);opacity:1;margin-bottom:16px;font-size:48px}.empty-title{color:var(--text-primary);margin-bottom:6px;font-size:16px;font-weight:700}.empty-subtitle{color:var(--text-tertiary);max-width:280px;margin-bottom:20px;font-size:13px;line-height:1.6}.sk{border-radius:var(--r-xs);background:linear-gradient(90deg, var(--line-subtle) 25%, var(--line) 50%, var(--line-subtle) 75%);background-size:400px 100%;animation:1.4s ease-in-out infinite shimmer}.adm-pagination{align-items:center;gap:6px;display:flex}.pg-btn{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--bg-surface);min-width:36px;height:36px;color:var(--text-secondary);cursor:pointer;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;padding:0 8px;font-size:13px;transition:all .15s;display:inline-flex}.pg-btn:hover:not(:disabled){border-color:var(--text-secondary);color:var(--text-primary)}.pg-btn.active{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:700}.pg-btn:disabled{opacity:.4;cursor:not-allowed}.app-frame{background:var(--bg-app);flex-direction:column;width:100%;max-width:480px;min-height:100dvh;margin:0 auto;display:flex;position:relative}@media (min-width:520px){body:has(.app-frame){background:#2a2620}.app-frame{box-shadow:0 0 0 1px #0000004d,0 24px 64px #0006}}.app-frame>main{flex-direction:column;flex:1;min-height:0;display:flex}.app-frame>.bottom-nav{z-index:40;position:sticky;bottom:0}.page-pad{padding-bottom:16px}@media (orientation:landscape){.app-frame{padding-left:var(--safe-left);padding-right:var(--safe-right)}}.reel-scroller{height:calc(100dvh - var(--nav-height) - var(--safe-bottom));scroll-snap-type:y mandatory;background:var(--bg-reel);scrollbar-width:none;overscroll-behavior-y:contain;overflow-y:auto}.reel-scroller::-webkit-scrollbar{display:none}.reel-slide{height:calc(100dvh - var(--nav-height) - var(--safe-bottom));scroll-snap-align:start;scroll-snap-stop:always;position:relative;overflow:hidden}.reel-desc{color:#ffffffd9;text-shadow:0 1px 3px #0009;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.reel-meta-row{flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-top:8px;display:flex}.reel-meta-pill{border-radius:var(--r-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#ffffff29;align-items:center;gap:4px;height:24px;padding:0 9px;font-size:11px;display:inline-flex}.reel-hint{text-align:center;color:#ffffff80;z-index:4;pointer-events:none;font-size:11px;position:absolute;bottom:16px;left:0;right:0}.reel-placeholder{object-fit:cover;width:100%;height:100%}.reel-action-btn.on{background:var(--brand);box-shadow:0 2px 10px #00000059}.reel-action-btn.on i{filter:none}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}@media (max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.kpi-card{background:var(--bg-surface);border:1px solid var(--line);border-radius:var(--r-lg);align-items:center;gap:14px;padding:18px;display:flex}.kpi-icon{border-radius:var(--r-sm);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.kpi-icon.brand{background:var(--brand-wash);color:var(--brand)}.kpi-icon.success{background:var(--success-bg);color:var(--success)}.kpi-icon.info{background:var(--info-bg);color:var(--info)}.kpi-icon.warning{background:var(--warning-bg);color:var(--warning)}.kpi-number{font-family:var(--font-en);color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:-1px;font-size:26px;font-weight:800;line-height:1.1}.kpi-label{color:var(--text-secondary);font-size:12px;font-weight:500}.auth-sheet{max-height:92dvh}.auth-sheet-body{flex-direction:column;gap:16px;padding:16px 20px 24px;display:flex;overflow-y:auto}.auth-sheet-intro{color:var(--text-secondary);font-size:13px;line-height:1.6}@media (min-width:520px){.comments-overlay:has(.auth-sheet){align-items:center}.auth-sheet{border-radius:var(--r-xl);max-width:420px}.auth-sheet .sheet-handle{display:none}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}