@font-face{font-family:Noto Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/NotoSans-VariableFont_wdth,wght.ttf) format("truetype-variations")}:root{--color-neutral-900: #091540;--color-neutral-800: #202535;--color-neutral-700: #2F364B;--color-neutral-600: #535868;--color-neutral-300: #C6C6C6;--color-neutral-200: #D6E2F5;--color-neutral-100: #EEEEEE;--color-neutral-0: #FBFDFE;--color-red-400: #F25C54;--color-red-500: #DE4840;--color-red-700: #C7231A;--radius-10: 10px;--radius-12: 12px;--radius-16: 16px;--radius-20: 20px;--radius-full: 9999px;--font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-h1-size: 34px;--font-h1-weight: 700;--font-h1-lh: 100%;--font-h1-ls: -1px;--font-title-size: 20px;--font-title-weight: 700;--font-title-lh: 120%;--font-title-ls: -.2px;--font-body-size: 16px;--font-body-weight: 400;--font-body-lh: 140%;--font-body-ls: -.5px;--font-btn-size: 16px;--font-btn-weight: 500;--font-btn-lh: 140%;--font-btn-ls: -.5px;--transition-fast: .18s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--bg-page: linear-gradient(180deg, #EBF2FC 0%, #EEFBF9 100%);--bg-header: #FBFDFE;--border-header: #D6E2F5;--bg-card: #FBFDFE;--border-card: #D6E2F5;--shadow-card: 0 1px 5px 1px rgba(194, 206, 225, .22), 0 2px 2px 0 rgba(194, 206, 225, .2);--text-primary: #091540;--text-heading: #091540;--text-secondary: #535868;--logo-icon-fill: #C7231A;--logo-text-fill: #091540;--tab-active-bg: #DE4840;--tab-active-text: #FBFDFE;--tab-active-hover: #C7231A;--tab-default-bg: #FBFDFE;--tab-default-border: #D6E2F5;--tab-default-text: #091540;--tab-default-hover-bg: #FBFDFE;--tab-default-hover-border: #D6E2F5;--theme-btn-bg: #EEEEEE;--theme-btn-hover: #D6E2F5;--remove-btn-bg: transparent;--remove-btn-border: #C6C6C6;--remove-btn-text: #091540;--remove-btn-hover-bg: #C7231A;--remove-btn-hover-text: #FBFDFE;--toggle-active-bg: #C7231A;--toggle-active-hover: #DE4840;--toggle-inactive-bg: #C6C6C6;--toggle-inactive-hover: #535868;--toggle-knob: #FBFDFE;--focus-ring-inner: #FBFDFE;--focus-ring-outer: #DE4840}[data-theme=dark]{--bg-page: linear-gradient(180deg, #04091B 0%, #091540 100%);--bg-header: #202535;--border-header: #2F364B;--bg-card: #202535;--border-card: #2F364B;--shadow-card: 0 2px 8px 0 rgba(4, 9, 27, .4), 0 1px 3px 0 rgba(4, 9, 27, .3);--text-primary: #FBFDFE;--text-heading: #FBFDFE;--text-secondary: #C6C6C6;--logo-icon-fill: #F25C54;--logo-text-fill: #FBFDFE;--tab-active-bg: #F25C54;--tab-active-text: #091540;--tab-active-hover: #DE4840;--tab-default-bg: #202535;--tab-default-border: #535868;--tab-default-text: #FBFDFE;--tab-default-hover-bg: #2F364B;--tab-default-hover-border: #535868;--theme-btn-bg: #2F364B;--theme-btn-hover: #535868;--remove-btn-bg: transparent;--remove-btn-border: #535868;--remove-btn-text: #FBFDFE;--remove-btn-hover-bg: #C7231A;--remove-btn-hover-text: #FBFDFE;--toggle-active-bg: #F25C54;--toggle-active-hover: #DE4840;--toggle-inactive-bg: #535868;--toggle-inactive-hover: #C6C6C6;--toggle-knob: #FBFDFE;--focus-ring-inner: #202535;--focus-ring-outer: #F25C54}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100vh;font-family:var(--font-family);background:var(--bg-page);background-attachment:fixed;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--transition-normal),color var(--transition-normal)}button{font-family:inherit;border:none;cursor:pointer;background:none}button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--focus-ring-inner),0 0 0 4px var(--focus-ring-outer)}img,svg{display:block}.app-wrapper{min-height:100vh;padding:clamp(24px,3.5vw,40px) clamp(16px,2.5vw,24px) clamp(40px,5vw,64px) clamp(16px,2.5vw,24px);display:flex;flex-direction:column;align-items:center}.app-container{width:100%;max-width:1170px;display:flex;flex-direction:column;gap:clamp(24px,3vw,40px)}.navbar{width:100%;min-height:66px;height:clamp(66px,6vw,74px);background:var(--bg-header);border:1px solid var(--border-header);border-radius:var(--radius-20);padding:clamp(8px,1vw,12px) clamp(12px,1.5vw,16px);display:flex;align-items:center;justify-content:space-between;transition:background var(--transition-normal),border-color var(--transition-normal)}.navbar-logo{display:flex;align-items:center}.site-logo{transition:transform var(--transition-fast);max-width:100%;height:auto}.theme-toggle-btn{width:50px;height:50px;border-radius:var(--radius-12);background:var(--theme-btn-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--transition-fast),transform var(--transition-fast)}.theme-toggle-btn:hover{background:var(--theme-btn-hover)}.theme-toggle-btn:active{transform:scale(.96)}.main-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}.main-title{font-size:clamp(28px,3vw,var(--font-h1-size));font-weight:var(--font-h1-weight);line-height:var(--font-h1-lh);letter-spacing:var(--font-h1-ls);color:var(--text-heading);transition:color var(--transition-normal)}.filter-container{display:flex;align-items:center;gap:12px}.filter-tab{height:46px;padding:0 20px;border-radius:var(--radius-full);font-size:var(--font-btn-size);font-weight:var(--font-btn-weight);line-height:var(--font-btn-lh);letter-spacing:var(--font-btn-ls);background:var(--tab-default-bg);border:1px solid var(--tab-default-border);color:var(--tab-default-text);transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.filter-tab:hover:not(.active){background:var(--tab-default-hover-bg);border-color:var(--tab-default-hover-border)}.filter-tab.active{background:var(--tab-active-bg);border-color:transparent;color:var(--tab-active-text)}.filter-tab.active:hover{background:var(--tab-active-hover)}.filter-tab:active{transform:scale(.98)}.extensions-grid{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.extension-card{background:var(--bg-card);border:1px solid var(--border-card);box-shadow:var(--shadow-card);border-radius:var(--radius-20);padding:clamp(16px,2.5vw,20px);min-height:200px;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(24px,3vw,32px);transition:background var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.extension-info{display:flex;align-items:flex-start;gap:16px;min-width:0}.extension-logo-wrap{width:60px;height:60px;border-radius:var(--radius-10);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.extension-details{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1}.extension-name{font-size:var(--font-title-size);font-weight:var(--font-title-weight);line-height:var(--font-title-lh);letter-spacing:var(--font-title-ls);color:var(--text-heading);transition:color var(--transition-normal);word-break:break-word}.extension-description{font-size:var(--font-body-size);font-weight:var(--font-body-weight);line-height:var(--font-body-lh);letter-spacing:var(--font-body-ls);color:var(--text-secondary);transition:color var(--transition-normal);word-break:break-word}.extension-actions{display:flex;align-items:center;justify-content:space-between}.remove-btn{height:38px;padding:8px 16px;border-radius:var(--radius-full);border:1px solid var(--remove-btn-border);background:var(--remove-btn-bg);color:var(--remove-btn-text);font-size:var(--font-btn-size);font-weight:var(--font-btn-weight);line-height:var(--font-btn-lh);letter-spacing:var(--font-btn-ls);transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.remove-btn:hover{background:var(--remove-btn-hover-bg);color:var(--remove-btn-hover-text);border-color:transparent}.remove-btn:active{transform:scale(.97)}.toggle-switch{width:36px;height:20px;border-radius:var(--radius-full);padding:2px;display:flex;align-items:center;background:var(--toggle-inactive-bg);transition:background var(--transition-fast);cursor:pointer}.toggle-switch:hover:not(.checked){background:var(--toggle-inactive-hover)}.toggle-switch.checked{background:var(--toggle-active-bg)}.toggle-switch.checked:hover{background:var(--toggle-active-hover)}.toggle-knob{width:16px;height:16px;border-radius:var(--radius-full);background:var(--toggle-knob);box-shadow:0 1px 2px #0915404d,0 1px 3px #0a0d1226;transform:translate(0);transition:transform var(--transition-fast)}.toggle-switch.checked .toggle-knob{transform:translate(16px)}.empty-state{width:100%;background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-20);padding:64px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;box-shadow:var(--shadow-card)}.empty-state-title{font-size:var(--font-title-size);font-weight:var(--font-title-weight);color:var(--text-heading)}.empty-state-subtitle{font-size:var(--font-body-size);color:var(--text-secondary);max-width:420px}.reset-btn{margin-top:12px;height:44px;padding:0 24px;border-radius:var(--radius-full);background:var(--tab-active-bg);color:var(--tab-active-text);font-size:var(--font-btn-size);font-weight:var(--font-btn-weight);transition:background var(--transition-fast),transform var(--transition-fast)}.reset-btn:hover{background:var(--tab-active-hover)}.reset-btn:active{transform:scale(.98)}@media(max-width:1020px){.extensions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.main-header{flex-direction:column;align-items:stretch;gap:24px}.filter-container{width:100%;display:flex}.filter-tab{flex:1;padding:0 8px;text-align:center}.extensions-grid{grid-template-columns:minmax(0,1fr)}}