:root{--neutral-900: hsl(227, 75%, 14%);--neutral-800: hsl(226, 25%, 17%);--neutral-700: hsl(225, 23%, 24%);--neutral-600: hsl(226, 11%, 37%);--neutral-300: hsl(0, 0%, 78%);--neutral-200: hsl(217, 61%, 90%);--neutral-100: hsl(0, 0%, 93%);--neutral-0: hsl(200, 60%, 99%);--red-400: hsl(3, 86%, 64%);--red-500: hsl(3, 71%, 56%);--red-700: hsl(3, 77%, 44%);--gradient-light: linear-gradient(180deg, #ebf2fc 0%, #eef8f9 100%);--gradient-dark: linear-gradient(180deg, #040918 0%, #091540 100%);--font-family: "Noto Sans", sans-serif;--font-size-body: 16px}.light{--bg: var(--neutral-0);--text: var(--neutral-900);--card-bg: var(--neutral-100);--border: var(--neutral-200);--gradient: var(--gradient-light);--button-bg: var(--neutral-200);--button-text: var(--neutral-900)}.dark{--bg: var(--neutral-900);--text: var(--neutral-0);--card-bg: var(--neutral-800);--border: var(--neutral-700);--gradient: var(--gradient-dark);--button-bg: var(--neutral-700);--button-text: var(--neutral-0)}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-family)}body,#root{min-height:100vh;background-color:var(--bg);color:var(--text);font-size:var(--font-size-body);max-width:1100px;margin-inline:auto;padding-inline:1rem;transition:background .3s,color .3s}html{font-family:var(--font-family);line-height:1.7}.head_wrapper{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;border-radius:1rem;background:var(--card-bg);margin-block-start:1rem;transition:background .3s,color .3s}.theme-toggle{cursor:pointer;padding:.5rem .75rem .3rem;border-radius:6px;border:none;background:var(--button-bg);color:var(--button-text);transition:all .2s}.theme-toggle:hover{background:var(--neutral-300);color:#000}.dark .theme-toggle:hover{background:var(--neutral-600)}main{max-width:1200px;margin:0 auto;padding:2rem 1rem}.filters{display:flex;gap:.5rem;margin-bottom:1rem}.filters button{padding:.5rem 1rem;border-radius:50rem;border:none;background:var(--button-bg);color:var(--button-text);cursor:pointer;transition:background .2s,color .2s}.filters button:hover,.filters button:active,.filters button:focus{background:var(--red-500);box-shadow:0 0 10px var(--red-500);color:#fff}.layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.extension-card{background:var(--card-bg);border-radius:12px;padding:1rem;justify-content:space-between;align-items:center;border:1px solid var(--border);transition:background .3s,color .3s;flex-direction:column}.extension-info{display:flex;gap:.75rem}.extension-logo{width:40px;height:40px}.dark .logo{filter:brightness(0) invert(1)}.extension-info h3{font-size:1rem;font-weight:700;margin-bottom:.25rem}.extension-info p{font-size:.9rem;color:var(--neutral-800)}.dark .extension-info p{color:var(--neutral-300)}.extension-actions{display:flex;justify-content:space-between;align-items:center;margin-top:2rem}.extensions-list{display:flex;justify-content:space-between;padding:30px 0;margin:0 15px}.remove-btn{background:#444;color:#fff;border:none;padding:.4rem .8rem;border-radius:50rem;cursor:pointer;transition:background .2s}.remove-btn:hover{background:var(--red-500);color:#000}.switch{position:relative;display:inline-block;width:40px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;border-radius:20px;transition:.3s}.slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background:#fff;border-radius:50%;transition:.3s}input:checked+.slider{background:var(--red-500)}input:checked+.slider:before{transform:translate(20px)}footer{background:var(--gradient);padding:1rem 2rem;color:var(--text);text-align:center;font-size:.9rem;transition:background .3s,color .3s}footer a{color:inherit;text-decoration:underline}@media (max-width: 700px){.layout{grid-template-columns:1fr}.filters{flex-direction:column;gap:.25rem}}