@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Orbitron:wght@400;500;600;700;800;900&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--matrix-green: #00ff41;--matrix-green-bright: #39ff14;--matrix-green-dark: #008f11;--matrix-cyan: #00ffff;--matrix-lime: #9dff00;--primary: var(--matrix-green);--primary-hover: var(--matrix-green-bright);--secondary: #00cc33;--background: #0a0e0a;--surface: #0d120d;--surface-hover: #121812;--border: rgba(0, 255, 65, .2);--text: #00ff41;--text-secondary: #00cc33;--text-muted: #008f11;--success: var(--matrix-green-bright);--error: #ff1744;--warning: var(--matrix-lime);--shadow-sm: 0 1px 2px 0 rgb(0 255 65 / .1);--shadow: 0 1px 3px 0 rgb(0 255 65 / .2), 0 1px 2px -1px rgb(0 255 65 / .2);--shadow-md: 0 4px 6px -1px rgb(0 255 65 / .3), 0 2px 4px -2px rgb(0 255 65 / .2);--shadow-lg: 0 10px 15px -3px rgb(0 255 65 / .3), 0 4px 6px -4px rgb(0 255 65 / .2);--glow: 0 0 10px rgba(0, 255, 65, .5);--glow-strong: 0 0 20px rgba(0, 255, 65, .8), 0 0 30px rgba(0, 255, 65, .4)}:root.dark{--matrix-green: #00ff41;--matrix-green-bright: #39ff14;--matrix-green-dark: #008f11;--matrix-cyan: #00ffff;--matrix-lime: #9dff00;--primary: var(--matrix-green);--primary-hover: var(--matrix-green-bright);--secondary: #00cc33;--background: #0a0e0a;--surface: #0d120d;--surface-hover: #121812;--border: rgba(0, 255, 65, .2);--text: #00ff41;--text-secondary: #00cc33;--text-muted: #008f11;--success: var(--matrix-green-bright);--error: #ff1744;--warning: var(--matrix-lime);--shadow-sm: 0 1px 2px 0 rgb(0 255 65 / .1);--shadow: 0 1px 3px 0 rgb(0 255 65 / .2), 0 1px 2px -1px rgb(0 255 65 / .2);--shadow-md: 0 4px 6px -1px rgb(0 255 65 / .3), 0 2px 4px -2px rgb(0 255 65 / .2);--shadow-lg: 0 10px 15px -3px rgb(0 255 65 / .3), 0 4px 6px -4px rgb(0 255 65 / .2);--glow: 0 0 10px rgba(0, 255, 65, .5);--glow-strong: 0 0 20px rgba(0, 255, 65, .8), 0 0 30px rgba(0, 255, 65, .4)}*{box-sizing:border-box}*:focus,*:focus-visible,button:focus,button:focus-visible,input:focus,input:focus-visible,select:focus,select:focus-visible,a:focus,a:focus-visible{outline:none!important;box-shadow:none!important}html{font-family:Share Tech Mono,Courier New,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;max-width:100vw}body{margin:0;background-color:var(--background);background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0px,transparent 1px,transparent 2px,rgba(0,0,0,.1) 3px),radial-gradient(ellipse at top,rgba(0,255,65,.03) 0%,transparent 60%);color:var(--text);line-height:1.6;transition:background-color .2s ease,color .2s ease;position:relative;overflow-x:hidden;max-width:100vw}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 50% 50%,rgba(0,255,65,.05) 0%,transparent 50%);pointer-events:none;z-index:0}#root{min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column;max-width:100vw;overflow-x:hidden}.app-header{background:#0a0e0af2;padding:1.5rem 0;position:sticky;top:0;z-index:100;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.header-top{width:100%;margin:0;padding:0 1.5rem;display:flex;justify-content:center;align-items:flex-start;box-sizing:border-box;position:relative}.header-search{width:100%;max-width:600px;margin:.75rem auto 0;padding:0 1.5rem;box-sizing:border-box}@media (max-width: 768px){.header-search{max-width:100%}}.app-title{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center}.app-name{display:flex;align-items:center;gap:.625rem;font-size:1.75rem;font-weight:700;margin:0;font-family:Orbitron,monospace;color:var(--matrix-green);letter-spacing:.05em;position:relative}.neural-icon{width:1.875rem;height:1.875rem;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.neural-icon svg{width:100%;height:100%;filter:drop-shadow(0 0 6px rgba(0,255,65,.6))}.neural-icon .node{fill:none;stroke:var(--matrix-green);stroke-width:2;filter:drop-shadow(0 0 4px var(--matrix-green));animation:pulse-node 2s ease-in-out infinite}.neural-icon .connection{stroke:var(--matrix-green);stroke-width:1.5;opacity:.4;animation:flow 3s linear infinite;filter:drop-shadow(0 0 2px var(--matrix-green))}@keyframes pulse-node{0%,to{r:4;opacity:.8}50%{r:5;opacity:1}}@keyframes flow{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.app-tagline{font-size:.8125rem;font-weight:500;font-family:Share Tech Mono,monospace;color:#00ff41d9;margin:0;font-style:normal;opacity:1;letter-spacing:.05em;text-transform:uppercase}.header-actions{display:flex;align-items:center;gap:.5rem}.search-button,.theme-toggle{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;min-height:44px;min-width:44px;background:#00ff410d;border:1px solid var(--matrix-green);border-radius:4px;color:var(--matrix-green);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.875rem;font-family:Share Tech Mono,monospace;position:relative;overflow:hidden;box-shadow:inset 0 0 10px #00ff411a}.search-button:before,.theme-toggle:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,65,.2),transparent);transition:left .4s}.search-button:hover:before,.theme-toggle:hover:before{left:100%}.search-button:hover,.theme-toggle:hover{background:#00ff4126;border-color:var(--matrix-green-bright);transform:translateY(-2px);box-shadow:0 0 15px #00ff4180,inset 0 0 15px #00ff4133;text-shadow:0 0 8px rgba(0,255,65,.8)}.search-button:active,.theme-toggle:active{transform:translateY(0) scale(.98)}.search-hint{background-color:#00ff4126;border:1px solid var(--matrix-green);color:var(--matrix-green);padding:.125rem .375rem;border-radius:2px;font-size:.75rem;font-family:Share Tech Mono,monospace}.search-bar{display:flex;align-items:center;gap:.75rem;width:100%;margin:0;padding:.75rem 1.25rem;min-height:48px;background:#00ff410d;border:1.5px solid rgba(0,255,65,.3);border-radius:8px;color:var(--matrix-green);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.9375rem;font-family:Share Tech Mono,monospace;position:relative;overflow:hidden;box-shadow:inset 0 0 10px #00ff411a;box-sizing:border-box}.search-bar:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,65,.2),transparent);transition:left .4s}.search-bar:hover:before{left:100%}.search-bar:hover{background:#00ff411a;border-color:var(--matrix-green-bright);box-shadow:0 0 20px #00ff4166,inset 0 0 15px #00ff4126}.search-bar:active{transform:scale(.99)}.search-bar .material-symbols-outlined{font-size:1.25rem;flex-shrink:0;color:#00ff41cc}.search-placeholder{flex:1;text-align:left;color:#00ff4199;font-size:.9375rem}.search-kbd{background:#00ff4126;border:1px solid rgba(0,255,65,.4);color:var(--matrix-green);padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-family:Share Tech Mono,monospace;font-weight:600;box-shadow:0 1px 3px #0000004d;flex-shrink:0}.main-content{flex:1;padding:2.5rem 3rem;width:100%;max-width:1800px;margin:0 auto;box-sizing:border-box;transition:padding-left .4s cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){.main-content{padding:1.5rem 1rem}}.side-panel-toggle{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:1001;background:#0a0e0af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:none;border-right:2px solid rgba(0,255,65,.3);border-top-right-radius:8px;border-bottom-right-radius:8px;padding:1rem .5rem;color:var(--matrix-green);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #00000080}.side-panel.open~.side-panel-toggle{left:320px}.side-panel-toggle:hover{background:#00ff411a;border-right-color:var(--matrix-green-bright);box-shadow:0 4px 30px #00ff414d;transform:translateY(-50%) translate(2px)}.side-panel-toggle .material-symbols-outlined{font-size:1.5rem;display:block}@media (max-width: 768px){.side-panel-toggle{left:1rem;top:1rem;transform:none;border:2px solid rgba(0,255,65,.3);border-radius:8px;padding:.75rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.side-panel.open~.side-panel-toggle{left:calc(320px + 1rem);transform:none}.side-panel-toggle:hover{transform:scale(1.05)}.side-panel-toggle .material-symbols-outlined{font-size:1.5rem}}.side-panel{position:fixed;left:0;top:0;bottom:0;width:320px;background:#0a0e0afa;-webkit-backdrop-filter:blur(30px) saturate(150%);backdrop-filter:blur(30px) saturate(150%);border-right:2px solid rgba(0,255,65,.2);z-index:1000;display:flex;flex-direction:column;transition:transform .4s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 40px #0009;overflow:hidden}.side-panel.closed{transform:translate(-100%)}.side-panel.open{transform:translate(0)}.side-panel-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.25rem 1.5rem 1rem;display:flex;flex-direction:column;gap:1.25rem}.side-panel-content::-webkit-scrollbar{width:4px}.side-panel-content::-webkit-scrollbar-track{background:transparent}.side-panel-content::-webkit-scrollbar-thumb{background:#00ff4126;border-radius:2px}.side-panel-content::-webkit-scrollbar-thumb:hover{background:#00ff4140}.side-panel-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.clear-filters-icon-btn{background:#ff414114;border:1px solid rgba(255,65,65,.25);border-radius:4px;padding:.375rem;min-width:28px;min-height:28px;display:flex;align-items:center;justify-content:center;color:#ff4141e6;cursor:pointer;transition:all .2s ease}.clear-filters-icon-btn:hover{background:#ff414126;border-color:#ff414166;transform:scale(1.05)}.clear-filters-icon-btn .material-symbols-outlined{font-size:1rem}.side-panel-section{display:flex;flex-direction:column;gap:0}.side-panel-section>*:not(.side-panel-section-header){margin-top:.75rem}.side-panel-label{font-family:Share Tech Mono,monospace;font-size:.8125rem;font-weight:600;color:#00ff41b3;text-transform:uppercase;letter-spacing:.05em}.search-input-wrapper{position:relative;width:100%}.side-panel-search{width:100%;height:44px;padding:.75rem 3.5rem .75rem 1rem;background:#00ff4108;border:1px solid rgba(0,255,65,.2);border-radius:6px;color:var(--matrix-green);font-family:Share Tech Mono,monospace;font-size:.875rem;line-height:1;transition:all .2s ease;box-sizing:border-box}.search-shortcut{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);padding:.25rem .5rem;background:#00ff4114;border:1px solid rgba(0,255,65,.3);border-radius:4px;color:#00ff41b3;font-family:Share Tech Mono,monospace;font-size:.75rem;font-weight:600;pointer-events:none;line-height:1}.side-panel-search::placeholder{color:#00ff4166}.side-panel-search:focus{outline:none;background:#00ff410d;border-color:var(--matrix-green);box-shadow:0 0 10px #00ff4133}.clear-filters-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:#ff17440d;border:1px solid rgba(255,23,68,.3);border-radius:6px;color:#ff1744e6;font-family:Share Tech Mono,monospace;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.clear-filters-btn:hover{background:#ff17441a;border-color:#ff174480;box-shadow:0 0 15px #ff174433}.clear-filters-btn .material-symbols-outlined{font-size:1.125rem}.filter-dropdown-btn{width:100%;height:44px;padding:.75rem 1rem;background:#00ff4108;border:1px solid rgba(0,255,65,.2);border-radius:6px;color:var(--matrix-green);font-family:Share Tech Mono,monospace;font-size:.875rem;line-height:1;cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center;text-align:left;box-sizing:border-box}.filter-dropdown-btn:hover{background:#00ff410d;border-color:#00ff414d}.filter-dropdown-btn .material-symbols-outlined{font-size:1.25rem;opacity:.7}.custom-select-wrapper{position:relative;width:100%}.filter-select{width:100%;padding:.5rem .75rem;background:#00ff4108;border:1px solid rgba(0,255,65,.2);border-radius:6px;color:var(--matrix-green);font-family:Share Tech Mono,monospace;font-size:.875rem;transition:all .2s ease;box-sizing:border-box;cursor:pointer}.filter-select-multi{overflow-y:auto}.filter-select-multi::-webkit-scrollbar{width:4px}.filter-select-multi::-webkit-scrollbar-track{background:transparent}.filter-select-multi::-webkit-scrollbar-thumb{background:#00ff4126;border-radius:2px}.filter-select-multi::-webkit-scrollbar-thumb:hover{background:#00ff4140}.filter-select:hover{background-color:#00ff410d;border-color:#00ff414d}.filter-select:focus{outline:none;background-color:#00ff410d;border-color:var(--matrix-green);box-shadow:0 0 10px #00ff4133}.filter-select option{background:#0a0e0afa;color:var(--matrix-green);padding:.5rem}.filter-select option:checked{background:linear-gradient(90deg,#00ff4133,#00ff411a);color:var(--matrix-green-bright);font-weight:600}.filter-select option[data-color=green]{color:#00ff41e6}.filter-select option[data-color=yellow]{color:#ffd700e6}.filter-select option[data-color=red]{color:#ff1744e6}.filter-select option[data-color=green]:checked{background:linear-gradient(90deg,#00ff4133,#00ff411a);color:#00ff41}.filter-select option[data-color=yellow]:checked{background:linear-gradient(90deg,#ffd70033,#ffd7001a);color:gold}.filter-select option[data-color=red]:checked{background:linear-gradient(90deg,#ff174433,#ff17441a);color:#ff1744}.select-icon{position:absolute;right:2.5rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:.125rem;pointer-events:none}.select-icon.difficulty-icon{gap:.125rem}.select-icon .star{color:var(--matrix-green-dark)}.select-icon .star.filled{color:var(--matrix-green-bright);filter:drop-shadow(0 0 2px rgba(0,255,65,.6))}.select-icon .star.empty{opacity:.2}.select-icon.design-icon .quality-circle{font-size:.875rem;font-variation-settings:"FILL" 1,"wght" 400;line-height:1}.select-icon .quality-circle.quality-3{color:#00ff41e6}.select-icon .quality-circle.quality-2{color:#ffd700e6}.select-icon .quality-circle.quality-1{color:#ff1744e6}.side-panel-footer{padding:0;margin-top:1rem}.info-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;height:44px;padding:.75rem 1rem;background:#00ff410d;border:1px solid rgba(0,255,65,.3);border-radius:6px;color:var(--matrix-green);font-family:Share Tech Mono,monospace;font-size:.875rem;line-height:1;font-weight:600;cursor:pointer;transition:all .2s ease;box-sizing:border-box}.info-button:hover{background:#00ff411a;border-color:var(--matrix-green-bright);box-shadow:0 0 15px #00ff414d}.info-button .material-symbols-outlined{font-size:1.125rem}.filter-header-row{display:flex;align-items:center;gap:.75rem;width:100%}.filter-header-row .filter-toggle-mobile{flex:1}.clear-all-filters-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;min-height:48px;background:#ff414114;border:1.5px solid rgba(255,65,65,.3);border-radius:8px;color:#ff4141e6;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:.8125rem;font-family:Share Tech Mono,monospace;font-weight:600;white-space:nowrap;flex-shrink:0;box-shadow:inset 0 0 10px #ff41410d}.clear-all-filters-btn:hover{background:#ff414126;border-color:#ff414180;box-shadow:0 0 15px #ff41414d,inset 0 0 10px #ff41411a;transform:translateY(-1px)}.clear-all-filters-btn:active{transform:translateY(0)}.clear-all-filters-btn .material-symbols-outlined{font-size:1rem}.clear-filters-text{display:inline}@media (max-width: 640px){.clear-filters-text{display:none}.clear-all-filters-btn{padding:.75rem;min-width:48px}}.clear-filters-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.125rem;min-height:44px;background:#ff41411f;border:1.5px solid rgba(255,65,65,.4);border-radius:6px;color:#ff4141;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-family:Share Tech Mono,monospace;font-weight:600;white-space:nowrap;box-shadow:0 2px 4px #0003}.clear-filters-button:hover{background:#ff414133;border-color:#ff414199;box-shadow:0 0 15px #ff414166,0 4px 8px #0000004d;transform:translateY(-1px)}.clear-filters-button:active{transform:translateY(0);box-shadow:0 0 10px #ff41414d,0 2px 4px #0003}.clear-filters-button .material-symbols-outlined{font-size:1.125rem}.results-info{display:flex;align-items:center;gap:.5rem;color:#00ff41e6;font-size:.8125rem;font-family:Share Tech Mono,monospace;font-weight:600;padding:0;min-height:40px;background:transparent;border:none;border-radius:0;white-space:nowrap;flex-shrink:0}.results-info .material-symbols-outlined{font-size:1rem;color:#00ff41b3}.filter-toggle-mobile{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;min-height:48px;width:100%;background:#00ff410d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid rgba(0,255,65,.3);border-radius:8px;color:var(--matrix-green-bright);cursor:pointer;font-size:.9375rem;font-weight:600;font-family:Share Tech Mono,monospace;transition:all .2s cubic-bezier(.4,0,.2,1);letter-spacing:.5px;box-shadow:inset 0 0 10px #00ff4114;white-space:nowrap;box-sizing:border-box}.filter-toggle-mobile:hover{background:#00ff411a;border-color:var(--matrix-green-bright);box-shadow:0 0 20px #00ff414d,inset 0 0 15px #00ff411f;transform:translateY(-1px)}.filter-toggle-mobile:active{transform:translateY(0)}.filter-toggle-mobile .material-symbols-outlined{font-size:1.125rem;transition:transform .3s ease}.filter-toggle-mobile[aria-expanded=true] .material-symbols-outlined{transform:rotate(180deg)}.tool-count-badge{margin-left:auto;color:#00ff41e6;font-size:.8125rem;font-weight:600;font-family:Share Tech Mono,monospace}.filter-content{display:flex;gap:1rem;align-items:flex-start;flex-direction:column;width:100%;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease,padding .3s ease;padding:0}.filter-content.collapsed{max-height:0;opacity:0;padding:0;pointer-events:none}.filter-content.expanded{max-height:800px;opacity:1;padding:1.25rem 0 .75rem;pointer-events:auto}.search-field-section{width:100%;margin-bottom:.5rem}@media (min-width: 768px){.search-field-section{flex:0 0 35%;margin-bottom:0}}.search-input-field{width:100%;padding:.75rem 1rem;min-height:48px;background:#00ff410d;border:1.5px solid rgba(0,255,65,.3);border-radius:8px;color:var(--matrix-green);font-family:Share Tech Mono,monospace;font-size:.9375rem;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 0 10px #00ff410d;box-sizing:border-box}.search-input-field::placeholder{color:#00ff4180}.search-input-field:focus{outline:none;background:#00ff4114;border-color:var(--matrix-green-bright);box-shadow:0 0 15px #00ff414d,inset 0 0 10px #00ff411a}.filters-row{display:flex;gap:1rem;align-items:flex-start;flex-wrap:wrap;width:100%}.filter-section{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.filter-label{font-weight:600;font-family:Share Tech Mono,monospace;color:var(--text-secondary);font-size:.8125rem;white-space:nowrap}.filter-button{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .875rem;min-height:40px;min-width:140px;background:#00ff410d;border:1px solid rgba(0,255,65,.3);border-radius:6px;color:var(--matrix-green);font-size:.8125rem;font-family:Share Tech Mono,monospace;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;flex-shrink:0}.filter-button:hover{border-color:var(--matrix-green-bright);background:#00ff411a;box-shadow:0 0 10px #00ff414d;transform:translateY(-1px)}.filter-button:active{transform:translateY(0)}.filter-modal-overlay{position:fixed;inset:0;background-color:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease}.filter-modal{background:#0a0e0afa;border:2px solid var(--matrix-green);border-radius:4px;box-shadow:0 0 40px #00ff4180,inset 0 0 30px #00ff410d;width:100%;max-width:400px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.filter-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--matrix-green);box-shadow:0 1px 10px #00ff414d}.filter-modal-title{margin:0;font-family:Orbitron,monospace;font-size:1.125rem;font-weight:700;color:var(--matrix-green);text-transform:uppercase;text-shadow:0 0 10px rgba(0,255,65,.5)}.filter-modal-close{background:transparent;border:1px solid var(--matrix-green);border-radius:4px;color:var(--matrix-green);cursor:pointer;padding:.375rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;min-width:36px;min-height:36px}.filter-modal-close:hover{background:#00ff4126;box-shadow:0 0 15px #00ff4180!important;transform:rotate(90deg)}.filter-modal-close:focus,.filter-modal-close:focus-visible{outline:none!important;box-shadow:0 0 15px #00ff4180!important}.filter-modal-content{overflow-y:auto;padding:.5rem;max-height:calc(80vh - 80px)}.filter-modal-option{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;background:#00ff4105;border:1px solid rgba(0,255,65,.2);border-radius:4px;margin-bottom:.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Share Tech Mono,monospace;color:var(--matrix-green);font-size:.875rem;text-align:left;width:100%}.filter-modal-option:hover{background:#00ff411a;border-color:var(--matrix-green-bright);box-shadow:0 0 15px #00ff414d,inset 0 0 10px #00ff411a;transform:translate(4px)}.filter-modal-option.selected{background:#00ff4126;border-color:var(--matrix-green-bright);box-shadow:0 0 20px #00ff4166,inset 0 0 15px #00ff4126}.filter-option-label{flex:1}.filter-modal-option[data-value=gratis] .filter-option-label{color:#00ff41e6}.filter-modal-option[data-value=gratis_med_kjop] .filter-option-label{color:#ffd700e6}.filter-modal-option[data-value=betalt] .filter-option-label{color:#ff1744e6}.filter-modal-option[data-value=gratis]:hover .filter-option-label,.filter-modal-option[data-value=gratis].selected .filter-option-label{color:#00ff41}.filter-modal-option[data-value=gratis_med_kjop]:hover .filter-option-label,.filter-modal-option[data-value=gratis_med_kjop].selected .filter-option-label{color:gold}.filter-modal-option[data-value=betalt]:hover .filter-option-label,.filter-modal-option[data-value=betalt].selected .filter-option-label{color:#ff1744}.filter-modal-option .filter-option-icon{font-size:.875rem;margin-right:.5rem;line-height:1}.filter-modal-option[data-value="3"] .filter-option-icon,.filter-modal-option[data-value="2"] .filter-option-icon,.filter-modal-option[data-value="1"] .filter-option-icon{font-variation-settings:"FILL" 1,"wght" 400}.filter-modal-option[data-value="3"] .filter-option-icon{color:#00ff41e6}.filter-modal-option[data-value="2"] .filter-option-icon{color:#ffd700e6}.filter-modal-option[data-value="1"] .filter-option-icon{color:#ff1744e6}.filter-modal-option[data-value="3"]:hover .filter-option-icon,.filter-modal-option[data-value="3"].selected .filter-option-icon{color:#00ff41}.filter-modal-option[data-value="2"]:hover .filter-option-icon,.filter-modal-option[data-value="2"].selected .filter-option-icon{color:gold}.filter-modal-option[data-value="1"]:hover .filter-option-icon,.filter-modal-option[data-value="1"].selected .filter-option-icon{color:#ff1744}.filter-modal-option[data-value=Ja] .filter-option-icon,.filter-modal-option[data-value=Delvis] .filter-option-icon,.filter-modal-option[data-value=Nei] .filter-option-icon{font-variation-settings:"FILL" 0,"wght" 400}.filter-modal-option[data-value=Ja] .filter-option-icon{color:#ff1744e6}.filter-modal-option[data-value=Delvis] .filter-option-icon{color:#ffd700e6}.filter-modal-option[data-value=Nei] .filter-option-icon{color:#00ff41e6}.filter-modal-option[data-value=Ja]:hover .filter-option-icon,.filter-modal-option[data-value=Ja].selected .filter-option-icon{color:#ff1744}.filter-modal-option[data-value=Delvis]:hover .filter-option-icon,.filter-modal-option[data-value=Delvis].selected .filter-option-icon{color:gold}.filter-modal-option[data-value=Nei]:hover .filter-option-icon,.filter-modal-option[data-value=Nei].selected .filter-option-icon{color:#00ff41}.filter-option-check{color:var(--matrix-green-bright);font-size:1.25rem;animation:checkPop .3s cubic-bezier(.4,0,.2,1)}@keyframes checkPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.results-info{color:var(--text-secondary);font-family:Share Tech Mono,monospace;font-size:.875rem;font-weight:500}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));grid-auto-rows:1fr;gap:2rem;animation:fadeIn .5s ease-in;width:100%;max-width:100%;box-sizing:border-box}@media (max-width: 768px){.tools-grid{gap:1.25rem;grid-template-columns:1fr}}.tool-card-wrapper{display:flex;flex-direction:column;transition:all .3s ease;height:100%}.tool-card-wrapper.highlighted{animation:highlightPulse 2s ease-in-out}@keyframes highlightPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 0 rgba(0,255,65,0))}25%{transform:scale(1.02);filter:drop-shadow(0 0 20px rgba(0,255,65,.8))}50%{transform:scale(1);filter:drop-shadow(0 0 15px rgba(0,255,65,.6))}75%{transform:scale(1.02);filter:drop-shadow(0 0 20px rgba(0,255,65,.8))}}@media (min-width: 1400px){.tools-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.25rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tool-card{background:#0a0e0a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,255,65,.15);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;display:flex;flex-direction:column;gap:0;height:100%;box-shadow:0 4px 12px #0006,0 0 0 1px #00ff410d inset}.tool-card:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,var(--matrix-green) 0%,transparent 50%,var(--matrix-green) 100%);border-radius:8px;opacity:0;z-index:-1;transition:opacity .25s ease}.tool-card:hover:before{opacity:.15}.tool-card:hover{transform:translateY(-4px);border-color:#00ff4166;background:#0a0e0acc;box-shadow:0 12px 32px #00000080,0 0 0 1px #00ff4133 inset,0 0 30px #00ff4126}.tool-card:focus{outline:none;border-color:var(--matrix-green-bright);box-shadow:0 0 0 3px #00ff4133}.tool-card-header{margin-bottom:.5rem;text-align:left}.tool-name{font-size:1.125rem;font-weight:700;margin:0;color:var(--matrix-green-bright);font-family:Orbitron,monospace;line-height:1.3;letter-spacing:.03em;word-wrap:break-word;text-shadow:0 0 10px rgba(57,255,20,.3);text-align:left}.tool-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.cost-badge{padding:.375rem .625rem;border-radius:9999px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.cost-badge.free{background:linear-gradient(135deg,#22c55e26,#22c55e0d);color:var(--success);border:1px solid rgb(34 197 94 / .2)}.cost-badge.paid{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);color:var(--warning);border:1px solid rgb(245 158 11 / .2)}.cost-badge.gratis_med_kjop{background:linear-gradient(135deg,#3b82f626,#3b82f60d);color:var(--primary);border:1px solid rgb(59 130 246 / .2)}.copy-button{padding:.5rem;min-height:36px;min-width:36px;background-color:transparent;border:1px solid var(--border);border-radius:.375rem;color:var(--text-secondary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;flex-shrink:0}.copy-button:hover{background-color:var(--surface-hover);color:var(--primary);transform:scale(1.1) rotate(5deg);box-shadow:var(--shadow-md)}.copy-button .material-symbols-outlined{font-size:1rem}.tool-description{color:#00ff41cc;font-family:Share Tech Mono,monospace;font-size:.875rem;margin:0 0 .375rem;line-height:1.2;flex-grow:0}.tool-meta-row{display:flex;align-items:center}.difficulty-badge{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;font-family:Share Tech Mono,monospace;letter-spacing:.5px;border:1px solid;transition:all .2s ease}.difficulty-badge.difficulty-1{background:#00ff4114;color:var(--matrix-green-bright);border-color:#00ff414d}.difficulty-badge.difficulty-2{background:#9dff0014;color:var(--matrix-lime);border-color:#9dff004d}.difficulty-badge.difficulty-3{background:#ffd70014;color:gold;border-color:#ffd7004d}.difficulty-badge.difficulty-4{background:#ffa50014;color:orange;border-color:#ffa5004d}.difficulty-badge.difficulty-5{background:#ff174414;color:var(--error);border-color:#ff17444d}.tool-card:hover .difficulty-badge{box-shadow:0 0 8px currentColor}.tool-details{color:var(--text-secondary);font-family:Share Tech Mono,monospace;font-size:.875rem;margin:0;line-height:1.6;transition:color .3s ease}.tool-card:hover .tool-description{color:var(--text)}.tool-card:hover .tool-details{color:var(--text-secondary)}.tool-footer{display:flex;flex-direction:column;gap:.25rem;margin-top:auto;padding-top:.375rem;border-top:1px solid rgba(0,255,65,.1)}.tool-footer-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.tool-tags{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;min-height:24px}.tool-category{background:transparent;color:#00ccffd9;padding:0;border-radius:0;font-size:.65rem;font-weight:500;font-family:Share Tech Mono,monospace;text-transform:uppercase;letter-spacing:.5px;border:none;white-space:nowrap;flex-shrink:0;pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1}.tool-cost-tag{padding:0;border-radius:0;font-size:.65rem;font-weight:500;font-family:Share Tech Mono,monospace;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0;border:none;pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1;background:transparent}.tool-cost-tag.free{color:#00ff41e6}.tool-cost-tag.paid{color:#ff1744e6}.tool-cost-tag.gratis_med_kjop{color:#ffd700e6}.norwegian-flag,.language-tag{font-size:1rem;line-height:1;filter:drop-shadow(0 0 4px rgba(0,255,65,.6));flex-shrink:0;transition:all .2s ease}.tool-card:hover .tool-category{color:#0cf}.tool-card:hover .tool-cost-tag.free{color:#00ff41}.tool-card:hover .tool-cost-tag.paid{color:#ff1744}.tool-card:hover .tool-cost-tag.gratis_med_kjop{color:gold}.tool-url{color:#00ff4180;font-size:.7rem;font-family:Share Tech Mono,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.command-palette-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding-top:10vh}.command-palette{background:#0a0e0af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid var(--matrix-green);border-radius:4px;box-shadow:0 0 40px #00ff4166,inset 0 0 30px #00ff411a;width:90%;max-width:600px;max-height:70vh;overflow:hidden;display:flex;flex-direction:column}.command-palette-header{display:flex;align-items:center;gap:.75rem;padding:1rem;border-bottom:1px solid var(--border)}.search-icon{color:var(--text-secondary);font-size:1.25rem}.command-palette-input{flex:1;border:none;outline:none;background:transparent;color:var(--matrix-green);font-family:Share Tech Mono,monospace;font-size:1rem;padding:0}.command-palette-input::placeholder{color:var(--text-muted);font-family:Share Tech Mono,monospace}.kbd{background-color:var(--border);color:var(--text-secondary);padding:.125rem .375rem;border-radius:.25rem;font-size:.75rem;font-family:monospace;border:1px solid var(--border)}.command-palette-header .kbd{flex-shrink:0}@media (max-width: 768px){.command-palette-header .kbd{display:none}}.command-palette-results{overflow-y:auto;max-height:400px}.command-palette-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(0,255,65,.2)}.command-palette-item:last-child{border-bottom:none}.command-palette-item:hover,.command-palette-item.selected{background-color:#00ff411a;box-shadow:inset 0 0 10px #00ff4126}.command-item-content{display:flex;flex-direction:column;gap:.25rem;flex:1;text-align:left}.command-item-name{font-weight:500;font-family:Share Tech Mono,monospace;color:var(--matrix-green)}.command-item-category{font-size:.875rem;font-family:Share Tech Mono,monospace;color:var(--text-secondary)}.command-palette-open-link{cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;color:#00ff4199}.command-palette-open-link:hover{color:var(--matrix-green-bright);background:#00ff4126;transform:scale(1.1)}.no-results{padding:2rem 1rem;text-align:center;font-family:Share Tech Mono,monospace;color:var(--text-secondary)}.command-palette-footer{border-top:1px solid var(--border);padding:.75rem 1rem}.keyboard-hints{display:flex;align-items:center;gap:.75rem;font-size:.75rem;font-family:Share Tech Mono,monospace;color:var(--text-secondary)}.keyboard-hints span{margin-left:.25rem}.toast{position:fixed;bottom:2rem;right:2rem;background:linear-gradient(135deg,var(--success),#059669);color:#fff;padding:.875rem 1.25rem;border-radius:.5rem;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:.5rem;z-index:1000;animation:toast-in .4s cubic-bezier(.4,0,.2,1)}@keyframes toast-in{0%{transform:translate(100%) scale(.8);opacity:0}60%{transform:translate(-10px) scale(1.02);opacity:1}to{transform:translate(0) scale(1);opacity:1}}.app.loading-state,.app.error-state{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-height:100vh;height:100vh;text-align:center;width:100vw;margin:0;padding:0;position:fixed;top:0;left:0}.loading-spinner,.error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;max-width:400px;margin:0;padding:2rem;text-align:center}.loading-spinner .material-symbols-outlined{font-size:3rem;color:var(--primary);animation:spin 2s linear infinite}.loading-spinner p{font-family:Share Tech Mono,monospace;color:var(--matrix-green);animation:pulse-text 2s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-text{0%,to{opacity:.5}50%{opacity:1}}.skeleton-card{background:linear-gradient(135deg,var(--surface) 0%,var(--surface-hover) 100%);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem;position:relative;overflow:hidden}.skeleton-card:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:skeleton-shimmer 1.5s infinite}@keyframes skeleton-shimmer{0%{left:-100%}to{left:100%}}.skeleton-line{height:1rem;background-color:var(--border);border-radius:.25rem;margin-bottom:.5rem}.skeleton-line.short{width:60%}.skeleton-line.medium{width:80%}.skeleton-line.long{width:100%}.error-message .material-symbols-outlined{font-size:3rem;color:var(--error)}.error-message h2{margin:0;font-family:Orbitron,monospace;color:var(--matrix-green)}.error-message p{margin:0;font-family:Share Tech Mono,monospace;color:var(--text-secondary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;color:var(--text-secondary);animation:fadeIn .5s ease}.empty-state .material-symbols-outlined{font-size:4rem;color:var(--text-muted);margin-bottom:1rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.empty-state h3{margin:0 0 .5rem;font-size:1.25rem;font-family:Orbitron,monospace;color:var(--matrix-green)}.empty-state p{margin:0;font-size:.875rem;font-family:Share Tech Mono,monospace}@media (max-width: 640px){.tools-grid{grid-template-columns:1fr!important;gap:1rem;padding:0;width:100%!important}.tool-card{padding:.875rem 1.5rem;max-width:100%;width:100%;margin:0;box-sizing:border-box;min-width:0}.tool-card-header{flex-direction:column;align-items:flex-start;gap:.75rem;text-align:left}.tool-name{font-size:1rem;line-height:1.4;text-align:left;align-self:flex-start;width:100%}.tool-description{font-size:.8125rem;line-height:1.6}.tool-footer-row{flex-wrap:wrap;gap:.5rem}.tool-url{font-size:.65rem;max-width:100%}.guide-link{padding:.4rem .75rem;font-size:.7rem}.tool-actions{align-self:flex-end}}@media (min-width: 641px) and (max-width: 768px){.tools-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem}}@media (max-width: 768px){.header-content,.header-top,.header-search{padding:0 1rem}.app-name{font-size:1.25rem}.app-name .material-symbols-outlined{font-size:1.5rem}.app-tagline{font-size:.7rem;letter-spacing:.02em}.neural-icon{width:1.5rem;height:1.5rem}.search-bar{max-width:100%;width:100%;padding:.75rem 1rem}.search-kbd{display:none}.main-content{padding:1rem .5rem;max-width:100%;width:100%;overflow-x:hidden;box-sizing:border-box}.filter-content{flex-direction:column;gap:.875rem}.filter-content.expanded{padding:.875rem 0}.category-filter{flex-direction:column;align-items:stretch;gap:.75rem;width:100%}.filter-section{flex-direction:column;align-items:stretch;gap:.5rem;width:100%}.filter-label{font-size:.8125rem}.filter-button{width:100%;min-width:100%;box-sizing:border-box}.results-info{text-align:center;width:100%}.command-palette{width:95%;margin:0 2.5%}.toast{bottom:1rem;right:1rem;left:1rem}.tools-grid{max-width:100%;width:100%}.tool-card{max-width:100%;width:100%;box-sizing:border-box}}.difficulty-stars{font-size:.875rem;margin-left:.5rem;opacity:.9}.tool-platform{font-size:.75rem;color:var(--text-secondary);margin:.5rem 0;padding:.25rem .5rem;background:#00ff410d;border-left:2px solid var(--matrix-green);border-radius:2px}.platform-label{font-weight:600;color:var(--matrix-green)}.guide-link{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;min-height:auto;font-size:.65rem;background:linear-gradient(135deg,#00ff4126,#00ff411a);border:1.5px solid rgba(0,255,65,.5);border-radius:3px;color:var(--matrix-green-bright);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:Share Tech Mono,monospace;font-weight:600;letter-spacing:.3px;white-space:nowrap;box-shadow:0 1px 2px #0003;text-transform:uppercase;line-height:1}.guide-link svg{width:10px;height:10px;transition:transform .2s ease;filter:drop-shadow(0 0 2px rgba(0,255,65,.5))}.guide-link:hover{background:linear-gradient(135deg,#00ff4140,#00ff412e);border-color:var(--matrix-green-bright);transform:translateY(-1px);box-shadow:0 3px 8px #00ff4166,0 0 10px #00ff4133}.guide-link:hover svg{transform:translate(3px)}.guide-link:active{transform:translateY(0);box-shadow:0 2px 8px #00ff414d,0 0 10px #00ff411a}.guide-modal-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:#000000f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease}@media (min-width: 640px){.guide-modal-overlay{padding:2rem}}.guide-modal{background:#0a0e0a;border:2px solid var(--matrix-green);border-radius:12px;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #000c,0 0 0 1px #00ff4133 inset,0 0 40px #00ff414d;margin:auto;position:relative;animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1)}.guide-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid rgba(0,255,65,.2);background:#00ff4108}.guide-modal-title{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.125rem;font-weight:700;color:var(--matrix-green-bright);font-family:Orbitron,monospace;letter-spacing:.02em}.guide-modal-title svg{color:var(--matrix-green);flex-shrink:0}.guide-modal-close{background:none;border:none;color:var(--matrix-green);font-size:2rem;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;position:absolute;top:1rem;right:1rem;z-index:10}.guide-modal-close:hover{color:var(--matrix-green-bright)}.guide-modal-content{padding:3rem 2rem 2rem;overflow-y:auto;overflow-x:hidden;flex:1}.guide-url-content,.guide-text-content{display:block;width:100%}.guide-external-link{display:inline-flex;align-items:center;gap:.5rem;padding:0;background:none;border:none;border-radius:0;color:var(--matrix-green-bright);text-decoration:none;font-family:Share Tech Mono,monospace;font-size:.875rem;word-break:break-all}.guide-external-link svg{flex-shrink:0;margin-left:.5rem}.guide-text-content{color:#00ff41e6;font-family:Share Tech Mono,monospace;font-size:.9375rem;line-height:1.5}.guide-text-content p{margin:0 0 .5rem}.guide-text-content p:last-child{margin-bottom:0}.guide-text-content.formatted h1,.guide-text-content.formatted h2,.guide-text-content.formatted h3,.guide-text-content.formatted h4,.guide-text-content.formatted h5,.guide-text-content.formatted h6{color:var(--matrix-green-bright);font-family:Share Tech Mono,monospace;font-weight:700;margin:1rem 0 .75rem;line-height:1.3}.guide-text-content.formatted h1{font-size:1.5rem;border-bottom:2px solid rgba(0,255,65,.3);padding-bottom:.5rem}.guide-text-content.formatted h2{font-size:1.25rem;border-bottom:1px solid rgba(0,255,65,.2);padding-bottom:.375rem}.guide-text-content.formatted h3{font-size:1.125rem}.guide-text-content.formatted h4{font-size:1rem}.guide-text-content.formatted h5{font-size:.9375rem}.guide-text-content.formatted h6{font-size:.875rem;color:#00ff41cc}.guide-text-content.formatted h1:first-child,.guide-text-content.formatted h2:first-child,.guide-text-content.formatted h3:first-child,.guide-text-content.formatted h4:first-child,.guide-text-content.formatted h5:first-child,.guide-text-content.formatted h6:first-child{margin-top:0}.guide-text-content.formatted p{margin:0 0 1rem}.guide-text-content.formatted p:last-child{margin-bottom:0}.guide-text-content.formatted strong{font-weight:700;color:var(--matrix-green-bright)}.guide-text-content.formatted em{font-style:italic;color:#00ff41f2}.guide-text-content.formatted ul,.guide-text-content.formatted ol{margin:.75rem 0;padding-left:1.5rem;color:#00ff41e6}.guide-text-content.formatted ul{list-style-type:disc}.guide-text-content.formatted ol{list-style-type:decimal}.guide-text-content.formatted li{margin:.375rem 0;line-height:1.6}.guide-text-content.formatted li::marker{color:var(--matrix-green)}.guide-text-content.formatted ul ul,.guide-text-content.formatted ol ul{list-style-type:circle;margin-top:.25rem}.guide-text-content.formatted ul ol,.guide-text-content.formatted ol ol{list-style-type:lower-alpha;margin-top:.25rem}.tool-card-header{display:flex;align-items:center;justify-content:space-between}.difficulty-filter-section{display:flex;align-items:center;gap:.625rem;flex-wrap:nowrap;flex-shrink:0}.difficulty-filter-section .filter-label{white-space:nowrap}.difficulty-buttons{display:flex;gap:.375rem;align-items:center}.difficulty-filter-btn{padding:.5rem .625rem;min-height:38px;background:#00ff410d;border:1px solid rgba(0,255,65,.3);border-radius:6px;color:#00ff41b3;cursor:pointer;transition:all .2s ease;font-size:.8125rem;font-family:Share Tech Mono,monospace;white-space:nowrap;flex-shrink:0}.difficulty-filter-btn:hover{background:#00ff411a;border-color:#00ff4180;transform:translateY(-1px)}.difficulty-filter-btn.active{background:#00ff4126;border-color:var(--matrix-green);color:var(--matrix-green-bright);box-shadow:0 0 10px #00ff414d}.difficulty-stars{display:flex;align-items:center;gap:.125rem;margin:0 0 .5rem;padding:0}.difficulty-stars .star{transition:all .2s ease;color:var(--matrix-green-dark)}.difficulty-stars .star.filled{color:var(--matrix-green-bright);filter:drop-shadow(0 0 4px rgba(0,255,65,.8))}.difficulty-stars .star.empty{opacity:.15;filter:none}.difficulty-filter-btn{display:flex;align-items:center;gap:.125rem;color:#00ff4180}.difficulty-filter-btn svg{transition:all .2s ease}.difficulty-filter-btn.active{color:var(--matrix-green-bright)}.difficulty-filter-btn.active svg{filter:drop-shadow(0 0 3px rgba(0,255,65,.6))}.design-quality-filter-section{display:flex;align-items:center;gap:.625rem;flex-wrap:nowrap;flex-shrink:0}.design-quality-filter-section .filter-label{white-space:nowrap}.design-quality-buttons{display:flex;gap:.375rem;align-items:center}.design-quality-filter-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .625rem;min-height:38px;background:#00ff410d;border:1px solid rgba(0,255,65,.3);border-radius:6px;color:#00ff41b3;cursor:pointer;transition:all .2s ease;font-size:.8125rem;font-family:Share Tech Mono,monospace;white-space:nowrap;flex-shrink:0}.design-quality-filter-btn .quality-icon{font-size:.75rem;line-height:1;display:flex;align-items:center;font-variation-settings:"FILL" 1,"wght" 400}.design-quality-filter-btn .quality-label{font-size:.75rem}.design-quality-filter-btn:hover{background:#00ff411a;border-color:#00ff4180;transform:translateY(-1px)}.design-quality-filter-btn.quality-poor .quality-icon{color:#ff1744e6}.design-quality-filter-btn.quality-medium .quality-icon{color:#ffd700e6}.design-quality-filter-btn.quality-good .quality-icon{color:#00ff41e6}.design-quality-filter-btn.active.quality-poor{background:#ff174426;border-color:#00ff414d;color:var(--error);box-shadow:0 0 12px #ff17444d}.design-quality-filter-btn.active.quality-medium{background:#ffd70026;border-color:#00ff414d;color:gold;box-shadow:0 0 12px #ffd7004d}.design-quality-filter-btn.active.quality-good{background:#00ff4126;border-color:#00ff414d;color:var(--matrix-green-bright);box-shadow:0 0 12px #00ff414d}.design-quality-badge{display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:0;font-size:.65rem;font-weight:500;font-family:Share Tech Mono,monospace;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0;border:none;-webkit-user-select:none;user-select:none;cursor:help;box-sizing:border-box;pointer-events:none;background:transparent}.design-quality-badge .quality-icon{font-size:.875rem;display:inline-block;font-variation-settings:"FILL" 1,"wght" 400;line-height:1}.design-quality-badge .quality-text{font-size:.65rem}.design-quality-badge.quality-poor,.design-quality-badge.quality-poor .quality-icon{color:#ff1744e6}.design-quality-badge.quality-medium,.design-quality-badge.quality-medium .quality-icon{color:#ffd700e6}.design-quality-badge.quality-good,.design-quality-badge.quality-good .quality-icon{color:#00ff41e6}.tool-card:hover .design-quality-badge.quality-poor,.tool-card:hover .design-quality-badge.quality-poor .quality-icon{color:#ff1744}.tool-card:hover .design-quality-badge.quality-medium,.tool-card:hover .design-quality-badge.quality-medium .quality-icon{color:gold}.tool-card:hover .design-quality-badge.quality-good,.tool-card:hover .design-quality-badge.quality-good .quality-icon{color:#00ff41}.cost-filter-section{display:flex;align-items:center;gap:.625rem;flex-wrap:nowrap;flex-shrink:0}.cost-filter-section .filter-label{white-space:nowrap}.cost-buttons{display:flex;gap:.375rem;align-items:center}.cost-filter-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .625rem;min-height:38px;background:#00ff410d;border:1px solid rgba(0,255,65,.3);border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.8125rem;font-family:Share Tech Mono,monospace;white-space:nowrap;flex-shrink:0}.cost-filter-btn .cost-label{font-size:.75rem}.cost-filter-btn.cost-free{color:#00ff41e6}.cost-filter-btn.cost-paid{color:#ff1744e6}.cost-filter-btn.cost-partial{color:#ffd700e6}.cost-filter-btn:hover{background:#00ff411a;border-color:#00ff4180;transform:translateY(-1px)}.cost-filter-btn.cost-free.active{background:#00ff4126;border-color:#00ff414d;color:var(--matrix-green-bright);box-shadow:0 0 12px #00ff414d}.cost-filter-btn.cost-paid.active{background:#ff174426;border-color:#00ff414d;color:var(--error);box-shadow:0 0 12px #ff17444d}.cost-filter-btn.cost-partial.active{background:#ffd70026;border-color:#00ff414d;color:gold;box-shadow:0 0 12px #ffd7004d}.registration-filter-section{display:flex;align-items:center;gap:.625rem;flex-wrap:nowrap;flex-shrink:0}.registration-filter-section .filter-label{white-space:nowrap}.registration-buttons{display:flex;gap:.375rem;align-items:center}.registration-filter-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .625rem;min-height:38px;background:#00ff410d;border:1px solid rgba(0,255,65,.3);border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.8125rem;font-family:Share Tech Mono,monospace;white-space:nowrap;flex-shrink:0}.registration-filter-btn .reg-icon{font-size:.875rem;line-height:1;display:flex;align-items:center;font-variation-settings:"FILL" 0,"wght" 400}.registration-filter-btn .reg-label{font-size:.75rem}.registration-filter-btn.reg-required{color:#ff1744e6}.registration-filter-btn.reg-partial{color:#ffd700e6}.registration-filter-btn.reg-none{color:#00ff41e6}.registration-filter-btn:hover{background:#00ff411a;border-color:#00ff4180;transform:translateY(-1px)}.registration-filter-btn.reg-required.active{background:#ff174426;border-color:#00ff414d;color:var(--error);box-shadow:0 0 12px #ff17444d}.registration-filter-btn.reg-partial.active{background:#ffd70026;border-color:#00ff414d;color:gold;box-shadow:0 0 12px #ffd7004d}.registration-filter-btn.reg-none.active{background:#00ff4126;border-color:#00ff414d;color:var(--matrix-green-bright);box-shadow:0 0 12px #00ff414d}@media (max-width: 768px){.difficulty-filter-section{flex-direction:column;align-items:stretch;gap:.5rem}.difficulty-buttons{justify-content:space-between;width:100%}.difficulty-filter-btn{flex:1;padding:.625rem .5rem;font-size:.75rem}.cost-filter-section{flex-direction:column;align-items:stretch;gap:.5rem}.cost-buttons{justify-content:space-between;width:100%}.cost-filter-btn{flex:1;padding:.625rem .5rem}.cost-filter-btn .cost-label{font-size:.7rem}.registration-filter-section{flex-direction:column;align-items:stretch;gap:.5rem}.registration-buttons{justify-content:space-between;width:100%}.registration-filter-btn{flex:1;padding:.625rem .5rem}.registration-filter-btn .reg-label{font-size:.7rem}.design-quality-filter-section{flex-direction:column;align-items:stretch;gap:.5rem}.design-quality-buttons{justify-content:space-between;width:100%}.design-quality-filter-btn{flex:1;padding:.625rem .5rem}.design-quality-filter-btn .quality-label{font-size:.7rem}}.attribution-icon-button{display:flex;align-items:center;justify-content:center;padding:.375rem;min-width:32px;min-height:32px;background:#00ff410d;border:1px solid rgba(0,255,65,.3);border-radius:4px;color:var(--matrix-green);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;right:1.5rem;top:.25rem;box-shadow:inset 0 0 10px #00ff410d}.attribution-icon-button:hover{background:#00ff411a;border-color:var(--matrix-green-bright);box-shadow:0 0 10px #00ff414d,inset 0 0 10px #00ff411a;transform:translateY(-1px)}.attribution-icon-button .material-symbols-outlined{font-size:1rem}@media (max-width: 768px){.attribution-icon-button{position:static;transform:none;margin-left:auto}.attribution-icon-button:hover{transform:scale(1.1)}}.attribution-modal{max-width:600px}.attribution-content{display:flex;flex-direction:column;gap:1.5rem}.attribution-section h3{margin:0 0 .75rem;font-size:1rem;font-weight:700;color:var(--matrix-green-bright);font-family:Orbitron,monospace;letter-spacing:.02em}.attribution-section p{margin:0 0 .5rem;font-size:.875rem;line-height:1.6;color:#00ff41d9;font-family:Share Tech Mono,monospace}.attribution-section p:last-child{margin-bottom:0}.attribution-section a{color:var(--matrix-green-bright);text-decoration:underline;transition:all .2s ease}.attribution-section a:hover{color:var(--matrix-green);text-shadow:0 0 10px rgba(0,255,65,.6)}.registration-badge{display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:0;font-size:.65rem;font-weight:500;font-family:Share Tech Mono,monospace;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0;border:none;-webkit-user-select:none;user-select:none;cursor:help;box-sizing:border-box;pointer-events:none;background:transparent}.registration-badge .registration-icon{font-size:.875rem;display:inline-block;font-variation-settings:"FILL" 0,"wght" 400;line-height:1}.registration-badge.reg-required{color:#ff1744e6}.registration-badge.reg-partial{color:#ffd700e6}.registration-badge.reg-none{color:#00ff41e6}.tool-card:hover .registration-badge.reg-required{color:#ff1744}.tool-card:hover .registration-badge.reg-partial{color:gold}.tool-card:hover .registration-badge.reg-none{color:#00ff41}
