._fullPage_gfzyo_1{justify-content:center;align-items:center;min-height:60vh;display:flex}._backdrop_arflj_1{-webkit-backdrop-filter:blur(8px);z-index:2000;padding:24px;padding-top:max(24px, env(safe-area-inset-top,0px));padding-bottom:max(24px, env(safe-area-inset-bottom,0px));background:#000000bf;justify-content:center;align-items:center;animation:.18s _fadeIn_arflj_1;display:flex;position:fixed;inset:0}._modal_arflj_18{background:var(--surface);border-radius:var(--radius-lg);width:100%;max-height:calc(100vh - 48px);animation:_scaleIn_arflj_1 .2s var(--ease-smooth);border:1px solid #ffffff1a;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 0 0 1px #ffffff0d,0 16px 64px #0009,0 0 40px #0000004d}._header_arflj_31{flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}._title_arflj_39{font-size:1.15rem;font-weight:600}._closeBtn_arflj_44{width:44px;height:44px;color:var(--text-muted);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:all .15s;display:flex}._closeBtn_arflj_44:hover{color:var(--text);background:#ffffff1a}._body_arflj_61{flex:1;min-height:0;padding:20px 24px 24px;overflow-y:auto}@keyframes _fadeIn_arflj_1{0%{opacity:0}to{opacity:1}}@keyframes _scaleIn_arflj_1{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=480px){._backdrop_arflj_1{padding:12px}._modal_arflj_18{max-height:calc(100vh - 24px)}._header_arflj_31{padding:16px 16px 0}._title_arflj_39{font-size:1.05rem}._closeBtn_arflj_44{width:36px;height:36px}._body_arflj_61{padding:16px 16px 20px}}._empty_1xb3z_1{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}._icon_1xb3z_9{opacity:.5;margin-bottom:12px;font-size:3rem}._title_1xb3z_10{margin-bottom:6px;font-size:1.1rem;font-weight:600}._desc_1xb3z_11{color:var(--text-secondary);max-width:400px;font-size:.9rem}._action_1xb3z_12{margin-top:16px}@media (width<=480px){._empty_1xb3z_1{padding:36px 16px}._icon_1xb3z_9{margin-bottom:8px;font-size:2.2rem}._title_1xb3z_10{font-size:1rem}._desc_1xb3z_11{font-size:.85rem}._action_1xb3z_12{margin-top:12px}}._overlay_e4i9u_2{z-index:9999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000b3;justify-content:center;align-items:center;animation:.2s _fadeIn_e4i9u_1;display:flex;position:fixed;inset:0}@keyframes _fadeIn_e4i9u_1{0%{opacity:0}to{opacity:1}}._modal_e4i9u_20{background:var(--glass-heavy);border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:90vw;max-width:520px;max-height:80vh;box-shadow:var(--shadow-xl);animation:_slideUp_e4i9u_1 .25s var(--ease-spring);padding:32px;overflow-y:auto}@keyframes _slideUp_e4i9u_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}._header_e4i9u_38{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}._title_e4i9u_45{background:var(--gradient-gold);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:700}._closeBtn_e4i9u_55{border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;padding:4px 10px;font-size:.9rem;transition:all .2s}._closeBtn_e4i9u_55:hover{color:var(--text);border-color:var(--glass-border-bright)}._section_e4i9u_71{margin-bottom:20px}._sectionTitle_e4i9u_75{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-family:Outfit,sans-serif;font-size:.82rem;font-weight:600}._shortcut_e4i9u_85{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:8px 0;display:flex}._shortcut_e4i9u_85:last-child{border-bottom:none}._label_e4i9u_97{color:var(--text-secondary);font-size:.88rem}._keys_e4i9u_102{gap:4px;display:flex}._key_e4i9u_102{min-width:28px;height:26px;color:var(--text);background:#2a2a36;border:1px solid #ffffff26;border-bottom:2px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;padding:2px 6px;font-family:SF Mono,Fira Code,monospace;font-size:11px;font-weight:600;display:inline-flex}._hint_e4i9u_124{text-align:center;color:var(--text-muted);margin-top:16px;font-size:.75rem}._scrollBtn_fzmz1_2{z-index:999;border:1px solid var(--glass-border);background:var(--glass-heavy);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:44px;height:44px;color:var(--text);cursor:pointer;box-shadow:var(--shadow-sm);transition:all .3s var(--ease-smooth);opacity:0;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:28px;right:28px;transform:translateY(20px)scale(.8)}._scrollBtn_fzmz1_2._visible_fzmz1_26{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}._scrollBtn_fzmz1_2:hover{border-color:var(--accent);color:var(--accent);box-shadow:var(--shadow-glow);background:#64b5f626;transform:translateY(-2px)scale(1.05)}._scrollBtn_fzmz1_2:active{transform:translateY(0)scale(.95)}._scrollBtn_fzmz1_2 svg{width:20px;height:20px}@media (width<=768px){._scrollBtn_fzmz1_2{width:40px;height:40px;bottom:80px;right:16px}}._sidebar_jk2f0_7{width:var(--sidebar-width);z-index:100;background:#08080e;border-right:1px solid #ffffff0a;flex-direction:column;transition:width .22s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}._collapsed_jk2f0_24{width:var(--sidebar-collapsed)}._collapsed_jk2f0_24 ._sectionLabel_jk2f0_28,._collapsed_jk2f0_24 ._label_jk2f0_29,._collapsed_jk2f0_24 ._profileInfo_jk2f0_30{display:none}._collapsed_jk2f0_24 ._navLink_jk2f0_34{justify-content:center;padding:11px 0}._collapsed_jk2f0_24 ._icon_jk2f0_39{margin-right:0}._collapsed_jk2f0_24 ._header_jk2f0_43{flex-direction:column;align-items:center;gap:8px;padding:14px 8px 10px}._collapsed_jk2f0_24 ._profileBtn_jk2f0_50{justify-content:center;padding:6px}._collapsed_jk2f0_24 ._collapseBtn_jk2f0_55{justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:flex;position:static}._collapsed_jk2f0_24 ._navLink_jk2f0_34{position:relative}._collapsed_jk2f0_24 ._navLink_jk2f0_34:after{content:attr(data-tooltip);white-space:nowrap;opacity:0;pointer-events:none;z-index:200;color:#ffffffd9;background:#1a1a24;border:1px solid #ffffff1a;border-radius:6px;padding:5px 10px;font-size:.78rem;transition:opacity .12s;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%)}._collapsed_jk2f0_24 ._navLink_jk2f0_34:hover:after{opacity:1}._header_jk2f0_43{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:8px;min-height:68px;padding:20px 12px 16px;display:flex}._profileBtn_jk2f0_50{border-radius:8px;flex:1;align-items:center;gap:10px;min-width:0;padding:6px 8px;transition:background .15s;display:flex}._profileBtn_jk2f0_50:hover{background:#ffffff0d}._avatar_jk2f0_120{background:var(--accent);color:#fff;letter-spacing:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.8rem;font-weight:700;display:flex}._profileInfo_jk2f0_30{flex-direction:column;min-width:0;display:flex}._profileName_jk2f0_141{white-space:nowrap;text-overflow:ellipsis;color:var(--text);font-size:.85rem;font-weight:600;overflow:hidden}._profileRole_jk2f0_150{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.65rem}._collapseBtn_jk2f0_55{color:#ffffff4d;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:all .15s;display:flex}._collapseBtn_jk2f0_55:hover{color:#ffffffb3;background:#ffffff0f}._nav_jk2f0_34{scrollbar-width:none;flex:1;padding:8px;overflow:hidden auto}._nav_jk2f0_34::-webkit-scrollbar{display:none}._section_jk2f0_28{margin-bottom:4px}._section_jk2f0_28+._section_jk2f0_28{border-top:1px solid #ffffff0f;padding-top:4px}._sectionLabel_jk2f0_28{text-transform:uppercase;letter-spacing:1.2px;color:#ffffff40;padding:12px 10px 4px;font-size:.65rem;font-weight:600;display:block}._navLink_jk2f0_34{color:#ffffff80;opacity:.7;border-radius:8px;align-items:center;gap:11px;padding:9px 10px;font-size:.875rem;font-weight:400;transition:all .2s,opacity .25s;display:flex;position:relative}._navLink_jk2f0_34:hover{color:#ffffffe6;opacity:.9;background:#ffffff0f}._active_jk2f0_222{font-weight:500;color:#fff!important;opacity:1!important;background:#64b5f614!important}._active_jk2f0_222:before{content:"";background:var(--accent);transform-origin:50%;width:3px;animation:_slideIn_jk2f0_1 .3s var(--ease-smooth,ease) both;transition:top .3s var(--ease-smooth,ease), bottom .3s var(--ease-smooth,ease);border-radius:0 2px 2px 0;position:absolute;top:6px;bottom:6px;left:0;box-shadow:0 0 8px #64b5f699,0 0 16px #64b5f64d}@keyframes _slideIn_jk2f0_1{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}._icon_jk2f0_39{opacity:.9;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}._label_jk2f0_29{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._footer_jk2f0_266{border-top:1px solid #ffffff0f;padding:8px 8px 12px}._footerBtn_jk2f0_271{width:100%}._logoutLink_jk2f0_275{color:#ffffff59!important}._logoutLink_jk2f0_275:hover{color:#ff5050b3!important;background:#ff50500f!important}._logoutBtn_jk2f0_283{justify-content:center;width:100%}._overlay_jk2f0_290{display:none}@media (width<=768px){._sidebar_jk2f0_7{z-index:1001;background:#08080f;transition:transform .25s cubic-bezier(.4,0,.2,1);transform:translate(-100%);width:260px!important}._open_jk2f0_303{transform:translate(0)}._collapsed_jk2f0_24{transform:translate(-100%);width:260px!important}._open_jk2f0_303._collapsed_jk2f0_24{transform:translate(0)}._collapsed_jk2f0_24 ._sectionLabel_jk2f0_28,._collapsed_jk2f0_24 ._label_jk2f0_29,._collapsed_jk2f0_24 ._profileInfo_jk2f0_30{display:initial}._collapsed_jk2f0_24 ._navLink_jk2f0_34{justify-content:flex-start;padding:11px 12px}._collapsed_jk2f0_24 ._icon_jk2f0_39{margin-right:0}._navLink_jk2f0_34{min-height:44px;padding:11px 12px}._overlay_jk2f0_290{z-index:1000;background:#0000008c;display:block;position:fixed;inset:0}}@media (width<=480px){._sidebar_jk2f0_7,._collapsed_jk2f0_24{width:240px!important}}._mobileBottomNav_jk2f0_350{display:none}@media (width<=768px){._mobileBottomNav_jk2f0_350{height:calc(56px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:blur(20px);z-index:1000;background:#08080eeb;border-top:1px solid #ffffff0f;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}._mobileNavItem_jk2f0_373{color:#ffffff80;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 14px;font-size:.65rem;font-weight:500;text-decoration:none;transition:color .2s,transform .15s;display:flex;position:relative}._mobileNavItem_jk2f0_373:hover{color:#ffffffb3}._mobileNavItemActive_jk2f0_393{color:#fff!important}._mobileNavItemActive_jk2f0_393:after{content:"";bottom:calc(env(safe-area-inset-bottom,0px) + 4px);background:var(--accent);border-radius:2px;width:20px;height:3px;position:absolute;box-shadow:0 0 6px #64b5f680}._mobileNavIcon_jk2f0_407{justify-content:center;align-items:center;width:24px;height:24px;display:flex}._mobileNavLabel_jk2f0_415{white-space:nowrap}}._toast_hql6s_1{-webkit-backdrop-filter:blur(8px);cursor:pointer;min-width:280px;animation:_toastIn_hql6s_1 .35s var(--ease-out-expo,cubic-bezier(.16, 1, .3, 1));background:#111118eb;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:10px;padding:12px 18px;font-size:.875rem;transition:transform .25s,opacity .25s;display:flex;box-shadow:0 4px 24px #0006}._toast_hql6s_1:hover{transform:translate(-4px)}._icon_hql6s_21{flex-shrink:0;font-size:1rem}._message_hql6s_22{flex:1}._success_hql6s_24{border-left:3px solid #22c55e}._success_hql6s_24 ._icon_hql6s_21{color:#22c55e}._error_hql6s_27{border-left:3px solid var(--red)}._error_hql6s_27 ._icon_hql6s_21{color:var(--red)}._warning_hql6s_30{border-left:3px solid var(--accent)}._warning_hql6s_30 ._icon_hql6s_21{color:var(--accent)}._info_hql6s_33{border-left:3px solid #60a5fa}._info_hql6s_33 ._icon_hql6s_21{color:#60a5fa}._exiting_hql6s_36{animation:.25s forwards _toastOut_hql6s_1}@keyframes _toastIn_hql6s_1{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes _toastOut_hql6s_1{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(60px)}}@media (width<=480px){._toast_hql6s_1{min-width:unset;width:calc(100vw - 32px);margin-bottom:env(safe-area-inset-bottom,0px);gap:8px;padding:10px 14px;font-size:.85rem}}._header_1dsvh_1{background:var(--glass-heavy);height:56px;-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--glass-border);z-index:99;align-items:center;gap:12px;padding:0 16px;display:none;position:fixed;top:0;left:0;right:0}._menuBtn_1dsvh_19{-webkit-tap-highlight-color:transparent;touch-action:manipulation;flex-direction:column;justify-content:center;align-items:stretch;gap:5px;width:44px;height:44px;padding:10px;display:flex}._menuBtn_1dsvh_19 span{background:var(--text);border-radius:1px;flex-shrink:0;width:100%;height:2px;transition:transform .2s;display:block}._logo_1dsvh_41{background:linear-gradient(135deg,#42a5f5,#90caf9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Outfit,sans-serif;font-size:1.3rem;font-style:italic;font-weight:700}@media (width<=768px){._header_1dsvh_1{display:flex}}@media (width<=480px){._header_1dsvh_1{gap:8px;height:48px;padding:0 12px}._logo_1dsvh_41{font-size:1.1rem}}._backSection_1oxck_3{margin-bottom:24px}._backBtn_1oxck_7{color:#ffffff73;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;align-items:center;gap:8px;padding:2px 0 8px;font-size:.78rem;font-weight:500;transition:color .18s,gap .18s;animation:.22s cubic-bezier(.16,1,.3,1) both _fadeInBack_1oxck_1;display:inline-flex}._backBtn_1oxck_7:hover{color:#ffffffd1;gap:10px}._backBtn_1oxck_7:active{color:#ffffffe6}._backBtnText_1oxck_31{font-weight:500}._backRule_1oxck_34{background:linear-gradient(90deg,#ffffff1a,#0000 80%);height:1px}@keyframes _fadeInBack_1oxck_1{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}@media (width<=600px){._backBtn_1oxck_7{font-size:.74rem}._backSection_1oxck_3{margin-bottom:16px}}._shell_1oxck_51{min-height:100vh;display:flex}._content_1oxck_56{margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left .25s var(--ease-smooth);flex:1;max-width:100%;padding:24px 32px;overflow-x:hidden}._contentCollapsed_1oxck_66{margin-left:var(--sidebar-collapsed)}@media (width<=768px){._content_1oxck_56{padding:64px 16px 16px;padding-bottom:calc(72px + env(safe-area-inset-bottom,0px));margin-left:0}._contentCollapsed_1oxck_66{margin-left:0}}@media (width<=480px){._content_1oxck_56{padding:56px 12px 12px;padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))}}._panel_18xiy_3{z-index:9999;-webkit-backdrop-filter:blur(16px);background:#121218f5;border:1px solid #ffffff1a;border-radius:12px;width:360px;max-width:calc(100vw - 32px);animation:.2s ease-out _slideUp_18xiy_1;position:fixed;bottom:24px;right:24px;overflow:hidden;box-shadow:0 8px 32px #0009,0 0 0 1px #64b5f614}@keyframes _slideUp_18xiy_1{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}._header_18xiy_26{background:#64b5f614;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}._headerTitle_18xiy_35{color:#64b5f6;letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:600}._collapseBtn_18xiy_43{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:.75rem;transition:color .15s,background .15s}._collapseBtn_18xiy_43:hover{color:#fff;background:#ffffff14}._list_18xiy_59{max-height:320px;overflow:hidden auto}._list_18xiy_59::-webkit-scrollbar{width:4px}._list_18xiy_59::-webkit-scrollbar-track{background:0 0}._list_18xiy_59::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}._item_18xiy_76{border-bottom:1px solid #ffffff0a;padding:10px 14px;transition:background .15s}._item_18xiy_76:last-child{border-bottom:none}._item_complete_18xiy_86{opacity:.7}._item_error_18xiy_90{opacity:.8}._itemTop_18xiy_94{align-items:flex-start;gap:8px;margin-bottom:6px;display:flex}._filename_18xiy_101{color:#e8e8ec;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.78rem;line-height:1.3;overflow:hidden}._cancelBtn_18xiy_111{color:#ffffff59;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:.7rem;line-height:1;transition:color .15s}._cancelBtn_18xiy_111:hover{color:#f44}._bar_18xiy_128{background:#ffffff14;border-radius:2px;height:4px;margin-bottom:4px;overflow:hidden}._fill_18xiy_136{background:linear-gradient(90deg,#64b5f6 0%,#90caf9 100%);border-radius:2px;height:100%;transition:width .4s ease-out;animation:2s ease-in-out infinite _downloadPulse_18xiy_1;box-shadow:0 0 6px #64b5f666}@keyframes _downloadPulse_18xiy_1{0%,to{box-shadow:0 0 4px #64b5f64d}50%{box-shadow:0 0 12px #64b5f699}}._info_18xiy_150{color:#ffffff73;flex-wrap:wrap;gap:8px;font-size:.68rem;display:flex}._info_18xiy_150 span{white-space:nowrap}._retrying_18xiy_162{color:#64b5f6;font-weight:600}._complete_18xiy_167{color:#4caf50;align-items:center;gap:8px;font-size:.72rem;display:flex}._saveLink_18xiy_175{color:#64b5f6cc;cursor:pointer;font-size:.68rem;text-decoration:underline}._saveLink_18xiy_175:hover{color:#64b5f6}._error_18xiy_186{color:#f44;font-size:.72rem}@media (width<=480px){._panel_18xiy_3{border-radius:10px;width:calc(100vw - 16px);max-width:none;bottom:8px;left:8px;right:8px}._list_18xiy_59{max-height:40vh}._item_18xiy_76{padding:8px 12px}._collapseBtn_18xiy_43{min-width:44px;min-height:44px;padding:4px 8px}}:root{--bg:#0a0a10;--surface:#111118;--card:#17171f;--accent:#64b5f6;--accent-hover:#90caf9;--red:#ef4444;--primary:#42a5f5;--text:#eeeef4;--text-secondary:#ffffff94;--text-muted:#ffffff6b;--border:#ffffff12;--radius:8px;--radius-sm:6px;--radius-lg:12px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-0:#0d0d11;--surface-1:#141418;--surface-2:#1c1c24;--surface-3:#252530;--surface-4:#2e2e3a;--text-primary:#f0f0f4;--text-secondary-color:#9ca3af;--text-tertiary:#6b7280;--text-disabled:#4b5563;--border-subtle:#ffffff0f;--border-default:#ffffff1f;--border-emphasis:#ffffff3d;--duration-instant:.1s;--duration-fast:.15s;--duration-normal:.2s;--duration-slow:.3s;--duration-slower:.5s;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--glass-bg:#111118f7;--glass-border:#ffffff14;--glass-border-bright:#ffffff26;--glass-blur:0px;--glass-blur-heavy:0px;--glass-card:#17171f;--glass-surface:#111118;--glass-heavy:#0e0e15;--glass-highlight:#ffffff0a;--gradient-accent:linear-gradient(135deg, #42a5f5, #64b5f6);--gradient-gold:linear-gradient(135deg, #42a5f5, #64b5f6);--gradient-red:#42a5f5;--gradient-glass:#ffffff08;--shadow-sm:0 2px 8px #00000040;--shadow-md:0 4px 16px #00000059;--shadow-lg:0 8px 24px #0006;--shadow-xl:0 16px 48px #00000080;--shadow-glow:0 0 0 1px #64b5f64d;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-modal-backdrop:900;--z-modal:1000;--z-toast:1100;--z-tooltip:1200;--z-player:5000;--ease-smooth:cubic-bezier(.4, 0, .2, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--sidebar-width:240px;--sidebar-collapsed:64px;--header-height:0px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);overscroll-behavior-y:contain;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;line-height:1.6;overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:99999;opacity:.02;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-repeat:repeat;position:fixed;inset:0}a{color:inherit;text-decoration:none;transition:color .15s,transform .1s}a:hover{color:var(--accent);text-decoration:none}a:active{transform:scale(.97)}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none;transition:transform .1s}button:active{transform:scale(.97)}input,select,textarea{font:inherit;color:inherit}img{-webkit-user-select:none;user-select:none;max-width:100%;display:block}ul,ol{list-style:none}::selection{color:#fff;background:#64b5f666}::selection{color:#fff;background:#64b5f666}button,a,[role=button],[class*=card],[class*=nav]{-webkit-user-select:none;user-select:none}::-webkit-scrollbar{width:4px;height:0}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}*{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent}[class*=scroll]::-webkit-scrollbar{display:none}[class*=Scroll]::-webkit-scrollbar{display:none}[class*=row]::-webkit-scrollbar{display:none}[class*=Row]::-webkit-scrollbar{display:none}[class*=cast]::-webkit-scrollbar{display:none}[class*=Cast]::-webkit-scrollbar{display:none}[class*=trailer]::-webkit-scrollbar{display:none}[class*=Trailer]::-webkit-scrollbar{display:none}[class*=scroll],[class*=Scroll],[class*=row],[class*=Row]{-webkit-overflow-scrolling:touch}h1,h2,h3{letter-spacing:-.02em;font-family:Outfit,Inter,sans-serif;font-weight:600}h1{font-size:2rem;font-weight:700}h2{font-size:1.5rem;font-weight:600}h3{font-size:1.15rem;font-weight:500}p,li{font-size:.875rem;line-height:1.55}.glass-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.btn{height:44px;transition:all .2s var(--ease-smooth);white-space:nowrap;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{color:#0a0a10;background:#fffffff2;font-weight:600}.btn-primary:hover{background:#fff;transform:scale(1.02);box-shadow:0 4px 16px #ffffff26}.btn-secondary{color:var(--text);background:0 0;border:1px solid #fff3}.btn-secondary:hover{background:#ffffff0a;border-color:#ffffff73}.btn-ghost{color:var(--text);background:0 0;border:none}.btn-ghost:hover{background:#ffffff0f}.btn-danger{background:var(--red);color:#fff;font-weight:600}.btn-danger:hover{background:#dc2626;transform:scale(1.02)}.btn:disabled,.btn[disabled]{opacity:.4;cursor:not-allowed;transform:none!important}.btn-sm{border-radius:8px;height:32px;padding:0 12px;font-size:.78rem}.btn-accent{background:var(--accent);color:#fff;font-weight:600}.btn-accent:hover{background:var(--accent-hover);transform:scale(1.02)}.input{background:var(--surface);width:100%;height:44px;color:var(--text);border:1px solid #ffffff1a;border-radius:12px;padding:0 14px;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #64b5f61a}.input::placeholder{color:#ffffff4d}label,.label{text-transform:uppercase;letter-spacing:.05em;opacity:.6;font-size:12px;font-weight:500}@supports (-webkit-touch-callout:none){input,select,textarea{font-size:16px!important}}input,select,textarea{touch-action:manipulation}select,select.input{appearance:none;background:var(--surface);color:var(--text);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23EEEEF4' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #ffffff1a;border-radius:12px;height:44px;padding:0 34px 0 12px;font-size:.875rem;transition:border-color .2s,box-shadow .2s}select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #64b5f61a}select option{background:var(--surface);color:var(--text)}textarea{background:var(--surface);color:var(--text);resize:vertical;border:1px solid #ffffff1a;border-radius:12px;padding:12px 14px;transition:border-color .2s,box-shadow .2s}textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #64b5f61a}.spinner{border:2px solid #ffffff14;border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page-enter{animation:pageIn .2s var(--ease-out-expo) both}.page-exit{opacity:0;transition:opacity .1s,transform .1s;transform:translateY(-3px)}@keyframes pageIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.media-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));justify-content:stretch;gap:20px;display:grid;overflow:visible}@media (width>=768px){.media-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}}body.nav-open{touch-action:none;overflow:hidden}.progress-bar{background:#ffffff14;border-radius:2px;height:3px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#42a5f5,#5cb3f5,#64b5f6);border-radius:2px;height:100%;transition:width .3s}.toast-container{z-index:99999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast-container>*{pointer-events:auto}@media (width<=768px){.media-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;overflow:hidden}h1{font-size:1.5rem}h2{font-size:1.2rem}body{font-size:.8125rem}.page-enter{padding-bottom:env(safe-area-inset-bottom)}}@media (width<=640px){.media-grid{grid-template-columns:repeat(3,1fr);justify-content:stretch;gap:10px;overflow:hidden}}@media (width<=400px){.media-grid{grid-template-columns:repeat(2,1fr);gap:8px}h1{font-size:1.3rem}h2{font-size:1.1rem}}:root{--neon-glow:0 0 20px #64b5f680, 0 0 40px #64b5f64d;--shimmer:linear-gradient(90deg, transparent, #ffffff14, transparent);--transition-smooth:.3s cubic-bezier(.4, 0, .2, 1)}.hero{margin-left:calc(-1 * var(--sidebar-collapsed,64px));margin-right:0}.section-title{color:var(--text);letter-spacing:-.02em;align-items:center;gap:10px;font-family:Outfit,Inter,sans-serif;font-size:1.05rem;font-weight:600;display:flex}.section-title:before{content:"";background:var(--accent);border-radius:2px;flex-shrink:0;width:3px;height:1em;display:inline-block}.nav-back-btn{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-secondary);background:#ffffff0d;align-items:center;gap:8px;margin-bottom:16px;padding:6px 14px 6px 10px;font-size:.82rem;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.nav-back-btn:before{content:"";border-bottom:1.5px solid;border-left:1.5px solid;flex-shrink:0;width:6px;height:6px;display:inline-block;transform:rotate(45deg)translateY(-1px)}.nav-back-btn:hover{color:#fff;background:#ffffff17}.volume-slider{width:80px;accent-color:var(--accent);cursor:pointer}.mini-spinner{border:2px solid #ffffff26;border-top-color:var(--accent);vertical-align:middle;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin;display:inline-block}.seek-btn{border-radius:var(--radius-sm);color:#fffc;justify-content:center;align-items:center;padding:4px 8px;transition:background .15s;display:inline-flex}.seek-btn:hover{color:#fff;background:#ffffff1a}.poster-col{flex-direction:column;flex-shrink:0;align-items:center;gap:8px;display:flex}.detail-poster-progress{background:#ffffff26;border-radius:2px;width:100%;height:3px;overflow:hidden}.detail-poster-progress .fill{background:var(--accent);border-radius:2px;height:100%}.player-container{z-index:5000;background:#000;position:fixed;inset:0}.player-container.cursor-hidden{cursor:none}.player-controls{opacity:1;pointer-events:auto;background:linear-gradient(#00000080 0%,#0000 30% 70%,#000000b3 100%);flex-direction:column;justify-content:space-between;transition:opacity .3s,transform .3s;display:flex;position:absolute;inset:0}.player-controls.hidden{opacity:0;pointer-events:none}.player-info-stack{align-items:center;gap:12px;padding:12px 24px;display:flex}.player-stream-badge{letter-spacing:.05em;text-transform:uppercase;background:#64b5f633;border:1px solid #64b5f64d;border-radius:4px;padding:2px 10px;font-size:.72rem;font-weight:600}.player-meta-bar{justify-content:space-between;align-items:center;gap:10px;padding:12px 24px 20px;display:flex}.player-buttons-left,.player-buttons-right{align-items:center;gap:8px;display:flex}.player-progress{cursor:pointer;touch-action:none;background:#fff3;border-radius:2px;flex:1;height:4px;position:relative}.player-progress:hover{height:6px}.player-progress .filled{background:var(--accent);border-radius:2px;height:100%;position:relative}.player-progress .filled:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;right:-6px;transform:translateY(-50%);box-shadow:0 0 4px #0006}@media (width<=640px){.player-meta-bar,.player-stream-badge{display:none}.player-info-stack{padding:8px 12px}}@media (width<=480px){.volume-slider{display:none}}@media (height<=480px) and (orientation:landscape){.player-meta-bar{display:none}.player-progress{height:2px}.player-info-stack{padding:4px 12px}}.filter-chip{background:var(--glass-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);cursor:pointer;transition:all .2s var(--ease-smooth);border-radius:20px;align-items:center;padding:6px 14px;font-size:.85rem;display:inline-flex}.filter-chip:hover,.filter-chip.active{background:#64b5f626;border-color:#64b5f666}.modal-content{background:var(--glass-surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:28px}.auth-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:36px}.section-title:after{content:"";background:var(--gradient-gold);border-radius:2px;width:40px;height:2px;margin-top:6px;display:block}.media-card{border-radius:var(--radius);cursor:pointer;transition:transform .2s var(--ease-smooth), box-shadow .2s var(--ease-smooth);background-color:var(--surface);overflow:hidden}.media-card img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .3s}.media-card img[src]{opacity:1}.media-card:hover{box-shadow:var(--shadow-xl);transform:scale(1.02)}.badge{letter-spacing:.02em;border-radius:6px;align-items:center;height:22px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex}.in-library-badge{color:#4ade80;background:#22c55e33;border:1px solid #22c55e4d}.tmdb-badge{color:#60a5fa;background:#3b82f633;border:1px solid #3b82f64d}.in-theatres-badge{color:var(--accent);background:#64b5f626;border:1px solid #64b5f64d}.not-released-badge{color:#94a3b8;background:#94a3b81f;border:1px solid #94a3b84d}.card-menu-btn{color:var(--text-muted);cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:50%;padding:4px;font-size:1rem;transition:color .2s,opacity .2s}.card-menu-btn:hover{color:var(--text);opacity:1}.card-context-menu{z-index:9999;background:var(--glass-surface);border:1px solid var(--glass-border-bright);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-width:160px;animation:contextMenuIn .15s var(--ease-out-expo) both;border-radius:10px;padding:6px 0;position:fixed;box-shadow:0 8px 32px #00000080,0 2px 8px #0000004d}@keyframes contextMenuIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.card-context-item{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;padding:9px 16px;font-size:.88rem;transition:background .15s;display:block}.card-context-item:hover{background:#ffffff14}.detail-hero{position:relative}.detail-poster{flex-shrink:0}.detail-info{flex:1}.detail-title{font-size:2rem;font-weight:700}.detail-actions{flex-wrap:wrap;gap:10px;display:flex}.settings-page{padding:0}.account-hero{background:linear-gradient(135deg, var(--glass-bg), #64b5f614);border-radius:20px;align-items:center;gap:24px;margin-bottom:24px;padding:32px 24px;display:flex}.account-avatar-large{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:2rem;font-weight:700;display:flex}.account-stats{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.account-stat{background:var(--glass-bg);border:1px solid var(--glass-border);text-align:center;border-radius:12px;min-width:100px;padding:16px 24px}.stat-num{color:var(--accent);font-size:1.8rem;font-weight:700;display:block}.account-member{color:var(--text-muted);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;padding:2px 10px;font-size:.8rem}.account-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-bottom:24px;display:grid}.settings-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:20px}.profile-chip{border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text);cursor:pointer;border-radius:20px;padding:6px 16px;font-size:.9rem;transition:background .2s}.profile-chip:hover{background:var(--accent);color:#fff}.section-title{color:var(--text);font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:600}.filter-chip{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text);cursor:pointer;border-radius:20px;padding:6px 14px;font-size:.88rem;transition:border-color .2s,background .2s}.filter-chip:hover{border-color:var(--accent);background:#64b5f614}.filter-chip.active{border-color:var(--accent);color:var(--accent);background:#64b5f626}.profile-card{background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:20px;transition:transform .2s,border-color .2s;display:flex}.profile-card:hover{border-color:var(--accent);transform:translateY(-4px)}.download-toast{z-index:99999;background:var(--glass-surface);border:1px solid var(--glass-border-bright);min-width:280px;box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--text);border-radius:12px;padding:14px 20px;font-size:.9rem;position:fixed;bottom:24px;right:24px}.collections-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.genre-card{transition:transform .2s var(--ease-smooth)}.genre-card:hover{transform:translateY(-4px)}@media (hover:none){.media-card:hover{box-shadow:none!important;transform:none!important}.media-card:hover .card-overlay{opacity:0!important}.profile-card:hover,.genre-card:hover{transform:none!important}}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.hide-scrollbar::-webkit-scrollbar{display:none}.depth-layer-1{background:#1c1c24f2;border:1px solid #ffffff0f}.depth-layer-2{-webkit-backdrop-filter:blur(24px);background:#141418f7;border:1px solid #ffffff14}.depth-layer-3{-webkit-backdrop-filter:blur(16px);background:#1e1e28fa;border:1px solid #ffffff1a;box-shadow:0 8px 32px #00000080,0 2px 8px #0000004d}.main-scroll::-webkit-scrollbar{width:4px}.main-scroll::-webkit-scrollbar-track{background:0 0}.main-scroll::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.main-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.media-grid-landscape{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}@media (width<=768px){.media-grid-landscape{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}}@media (width<=400px){.media-grid-landscape{grid-template-columns:1fr;gap:12px}}.page-title{letter-spacing:-.02em;color:var(--text);font-family:Outfit,sans-serif;font-size:1.75rem;font-weight:700}.page-subtitle{color:#fff9;margin-top:4px;font-size:.875rem}@media (width<=768px){.page-title{font-size:1.375rem}.page-subtitle{font-size:.82rem}}.error-text{color:#ff4d4d}.skip-to-content{z-index:9999;background:var(--accent);color:#fff;border-radius:0 0 8px;padding:8px 16px;font-size:.875rem;font-weight:600;text-decoration:none;transition:left .15s;position:absolute;left:-999px}.skip-to-content:focus{left:0}@media (width<=768px){body{padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))}}[class*=page],[class*=Page]{min-height:calc(100vh - 60px)}a:hover{color:var(--accent)}nav a:hover,[class*=nav] a:hover,[class*=sidebar] a:hover{color:var(--text);text-decoration:none}[class*=icon]:hover,[class*=Icon]:hover{opacity:1}[class*=item]:hover,[class*=Item]:hover{transition:background .15s,border-color .15s}.error-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.error-state-icon{opacity:.4;margin-bottom:4px;font-size:3rem}.error-state-message{color:var(--text-secondary);font-size:1.05rem;font-weight:500}.error-state-hint{color:var(--text-muted);font-size:.85rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.stagger-1{animation:.3s 50ms both fadeInUp}.stagger-2{animation:.3s .1s both fadeInUp}.stagger-3{animation:.3s .15s both fadeInUp}.stagger-4{animation:.3s .2s both fadeInUp}.stagger-5{animation:.3s .25s both fadeInUp}:focus-visible,button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline-offset:3px;transition:outline-offset .15s var(--ease-smooth), outline-color .15s var(--ease-smooth);border-radius:4px;outline:2px solid #64b5f699}[data-tooltip]{position:relative}[data-tooltip]:hover:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;pointer-events:none;z-index:var(--z-tooltip,1200);background:#000000e6;border-radius:6px;padding:4px 10px;font-size:12px;animation:.15s fadeInUp;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{body{color:#000;background:#fff}body:after{display:none}nav,.sidebar,.controls,button{display:none!important}}.section-header{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.section-header .section-title{margin-bottom:0}.section-see-all{color:var(--text-muted);opacity:.6;cursor:pointer;white-space:nowrap;font-size:.82rem;font-weight:500;transition:opacity .15s,color .15s}.section-see-all:hover{opacity:1;color:var(--accent)}.section-see-all:after{content:" ›"}.cw-card-remove{color:#ffffffb3;cursor:pointer;opacity:0;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.7rem;transition:opacity .2s;display:flex;position:absolute;top:6px;right:6px}.media-card:hover .cw-card-remove{opacity:1}.cw-card-remove:hover{color:#fff;background:#42a5f5cc}.player-instant{z-index:5000;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.episode-watched-check{color:#4ade80;width:20px;height:20px;transition:transform .15s var(--ease-spring);background:#22c55e33;border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;display:inline-flex}.episode-watched-check.just-checked{animation:checkPop .3s var(--ease-spring)}@keyframes checkPop{0%{transform:scale(.5)}60%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes heartPop{0%{transform:scale(1)}30%{transform:scale(1.3)}60%{transform:scale(.9)}to{transform:scale(1)}}.heart-animate{animation:.4s heartPop}@keyframes ripple{0%{opacity:.4;transform:scale(0)}to{opacity:0;transform:scale(2.5)}}.ripple-effect{position:relative;overflow:hidden}.ripple-effect:after{content:"";pointer-events:none;opacity:0;background-image:radial-gradient(circle,#fff3 10%,#0000 10%);background-position:50%;background-repeat:no-repeat;width:100%;height:100%;transition:transform .5s,opacity .8s;position:absolute;top:0;left:0;transform:scale(10)}.ripple-effect:active:after{opacity:.3;transition:all;transform:scale(0)}.title-main{letter-spacing:-.02em;font-weight:700}.subtitle-meta{letter-spacing:normal;font-weight:400}.label-badge{letter-spacing:.02em;font-weight:600}.text-clamp-1{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.text-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.text-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (pointer:coarse){button,a,[role=button]{min-width:44px;min-height:44px}}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.safe-top{padding-top:env(safe-area-inset-top,0px)}@media (height<=500px) and (orientation:landscape){[class*=sidebar],[class*=Sidebar]{display:none!important}[class*=hero],[class*=Hero]{max-height:40vh!important}.media-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))!important}}.surface-0{background:var(--surface-0)}.surface-1{background:var(--surface-1)}.surface-2{background:var(--surface-2)}.surface-3{background:var(--surface-3)}.surface-4{background:var(--surface-4)}