:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;--accent-1: #b1063a;--accent-2: #f6a800;--accent-3: #dd6108;--accent-4: #7664A0;--accent-5: #007a9e;--accent-6: #18E797;--lite-1: #D06A88;--lite-2: #FACB66;--lite-3: #FFAC66;--lite-4: #66AFC4;--lite-5: #FFAC66;--lite-6: #FFAC66;--dark-1: #6a0422;--dark-2: #946500;--dark-3: #994600;--dark-4: #6a0422;--dark-5: #00495E;--dark-6: #994600;--black-1: #1a1a1a;--black-2: #0b090f;--black-3: #111827;--white-1: #ffffff;--white-2: #d9f6ff;--white-3: #e5e7eb;--white-4: #e9e4e4dd;--grey-1: #1f2937;--grey-2: #33373d;--grey-3: #1f2937ea;--accent-7: var(--accent-3);--accent-8: var(--accent-3);--accent-9: var(--accent-3);--accent-10: var(--accent-4);--primary: var(--accent-3);--secondary: var(--accent-4);--bg: var(--white-1);--text: var(--black-1);--muted: var(--black-2);--shadow: 0 2px 5px rgba(0, 0, 0, .858);--radius: 10px;--gap: 14px;--card-bg: var(--white-4);--card-border: #a39e9ed7;--tag-bg: var(--accent-4);--tag-text: var(--black-1)}:root[data-theme=dark]{--bg: var(--black-3);--text: var(--white-3);--muted: var(--white-2);--card-bg: var(--grey-3);--card-border: var(--grey-2);--shadow: 0 2px 6px rgba(0,0,0,.4);--accent-7: var(--accent-5);--accent-8: var(--accent-5);--accent-9: var(--accent-5);--accent-10: var(--accent-6);--primary: var(--accent-5);--secondary: var(--accent-6);--tag-bg: var(--accent-5);--tag-text: var(--text)}[data-category=paper],.cat-paper.active,[data-category=hardware],[data-category=hardware_report],.cat-hardware.active,[data-category=project],.cat-project.active,[data-category=tool],.cat-tool.active,[data-category=workshop],.cat-workshop.active,[data-category=dataset],.cat-dataset.active,[data-category=model],.cat-model.active,[data-category=app],.cat-app.active,[data-category=course],.cat-course.active,[data-category=talk],.cat-talk.active,[data-category=other],.cat-other.active,[data-category=video],.cat-video.active{--card-border: var(--accent-7);--card-border-2: var(--accent-8);--card-border-3: var(--accent-9);--active-color: var(--accent-10)}.category-counter.cat-paper.active .count,.category-counter.cat-paper.active .label,.category-counter.cat-hardware.active .count,.category-counter.cat-hardware.active .label,.category-counter.cat-project.active .count,.category-counter.cat-project.active .label,.category-counter.cat-tool.active .count,.category-counter.cat-tool.active .label,.category-counter.cat-workshop.active .count,.category-counter.cat-workshop.active .label,.category-counter.cat-dataset.active .count,.category-counter.cat-dataset.active .label,.category-counter.cat-model.active .count,.category-counter.cat-model.active .label,.category-counter.cat-app.active .count,.category-counter.cat-app.active .label,.category-counter.cat-course.active .count,.category-counter.cat-course.active .label,.category-counter.cat-talk.active .count,.category-counter.cat-talk.active .label,.category-counter.cat-other.active .count,.category-counter.cat-other.active .label{color:var(--accent-10)}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;transition:background .3s ease,color .3s ease}.page-container{max-width:1200px;margin:40px auto;padding:20px;color:var(--text)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--gap)}.link-item{margin-right:10px;font-size:16px;text-decoration:none}.links a{margin-right:10px;font-size:14px;text-decoration:none;color:var(--card-border);font-weight:600;transition:color .3s ease}.tag{cursor:pointer;background:var(--primary);color:var(--white-1);border-radius:6px;padding:2px 8px;margin-right:5px;font-size:14px;transition:background .3s ease,color .3s ease;-webkit-text-stroke:.2px rgba(0,0,0,.5);line-height:1;text-shadow:0 0 2px rgba(0,0,0,.7),0 0 4px rgba(0,0,0,.5)}.tag:hover{background:var(--secondary);color:var(--white-1)}.hoverable{cursor:pointer;transition:color .3s ease,text-decoration .3s ease}.hoverable:hover{color:var(--secondary)}.hoverable-chip{border:1px solid rgba(0,0,0,.08);background:transparent;color:var(--text);padding:6px 10px;border-radius:20px;cursor:pointer;font-size:16px;white-space:nowrap;transition:background .3s ease,color .3s ease,border-color .3s ease}.hoverable-chip:hover{border-color:var(--secondary);text-shadow:0 0 .2px rgba(0,0,0,.7),0 0 .4px rgba(0,0,0,.5)}.hoverable-chip[data-active=true]{background:var(--primary);color:#fff;border-color:transparent}.hoverable-chip[data-active=true]:hover{background:var(--secondary)}.button{padding:10px 14px;border-radius:10px;width:150px;border:0;background:var(--primary);color:#fff;cursor:pointer;box-shadow:var(--shadow);text-shadow:0 0 2px rgba(0,0,0,.7),0 0 4px rgba(0,0,0,.5)}.button:hover{background:var(--secondary)}.controls{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 24px}.control-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.filters-container{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:4px 0}.filter-chip-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter-chip-label{min-width:80px;color:var(--muted);font-size:20px;font-weight:700;flex-shrink:0}.filter-chip-list{display:flex;gap:8px;padding-bottom:4px;flex-wrap:wrap}.input,.select{padding:10px 12px;border-radius:10px;border:1px solid rgba(0,0,0,.06);background:var(--card-bg);min-width:180px;color:var(--text)}:root[data-theme=dark] .input,:root[data-theme=dark] .select{border:1px solid rgba(255,255,255,.06)}.search-bar{width:150px;padding:10px 14px;border:2px solid var(--primary);border-radius:12px;outline:none;color:var(--text);background:var(--card-bg);transition:border-color .3s ease,background .3s ease}.search-bar:focus{border-color:var(--secondary);background:var(--card-bg)}:root[data-theme=dark] .search-bar{border:2px solid var(--primary);background:var(--grey-2);color:var(--text)}:root[data-theme=dark] .search-bar:focus{border-color:var(--secondary);background:var(--grey-3)}.results-counter{font-size:32px;font-weight:700;color:var(--secondary);text-align:left;margin-bottom:12px;width:100%}@media(max-width:768px){.controls{flex-direction:column;align-items:stretch;gap:10px}.button,.search-bar{width:100%;font-size:16px;padding:12px 16px;border-radius:12px}.results-counter{text-align:center;display:block;font-size:20px;font-weight:500;margin-top:4px}.filter-chip-row{flex-direction:column;align-items:flex-start;gap:8px}.filter-chip-label{font-size:18px}.control-actions{flex-direction:column;align-items:stretch}}.card{position:relative;border-radius:12px;padding:14px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px;border:2px solid transparent;background:linear-gradient(195deg,var(--card-bg),var(--card-bg)) padding-box,var(--card-gradient, linear-gradient(135deg, var(--card-border), var(--card-border-2), var(--card-border-3))) border-box;background-clip:padding-box,border-box;transition:background .3s ease,color .3s ease}.card:hover{transform:translateY(-3px);box-shadow:0 2px 8px var(--shadow)}.card h3{margin:0;font-size:20px;color:var(--card-border)}.card-title{color:var(--card-border);transition:color .3s ease,text-decoration .3s ease;cursor:pointer}.card-title-text:hover{color:var(--secondary)}.card-title small{cursor:default}.title-link{color:inherit;text-decoration:none;cursor:pointer;transition:color .3s ease,text-shadow .3s ease}.title-link:hover{color:var(--secondary)}.category-icon{color:var(--icon-color);transition:color .3s ease;display:inline-flex;align-items:center;cursor:pointer}.category-icon:hover{color:var(--secondary)}.meta{font-size:16px;color:var(--muted)}.description{font-size:16px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4em;max-height:4.2em;margin-top:4px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tag-chip{display:inline-block;cursor:pointer;background:var(--primary);color:var(--white-1);border-radius:12px;padding:4px 10px;font-size:14px;font-weight:500;line-height:1.2;-webkit-user-select:none;user-select:none;transition:background .3s ease,color .3s ease,transform .3s ease;text-shadow:0 0 2px rgba(0,0,0,.6),0 0 4px rgba(0,0,0,.4);-webkit-text-stroke:.2px rgba(0,0,0,.4);border:1px solid transparent}.tag-chip:hover{background:var(--secondary);color:var(--white-1)}.tag-chip:active{background:var(--primary)}:root[data-theme=dark] .tag-chip{background:var(--primary)}:root[data-theme=dark] .tag-chip:hover{background:var(--secondary)}.link-item.hoverable-chip{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:20px;border:1px solid transparent;background:var(--bg);color:var(--text);cursor:pointer;font-size:16px;text-decoration:none;transition:all .3s ease;margin-bottom:4px}.link-item.hoverable-chip:hover{background:var(--secondary);color:#fff;text-decoration:none}.category-summary{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:24px}.summary-icon{height:75%;width:auto;display:flex;align-items:center;transition:color .3s ease}.category-counter{cursor:pointer;text-align:center;min-width:120px;-webkit-user-select:none;user-select:none;transition:color .3s ease;display:flex;align-items:center;justify-content:center}.category-counter:hover:not(.active){background:#ffffff0d}.category-counter.active{background:var(--card-border);color:#fff;box-shadow:0 0 6px #00000040}.category-counter.dark .count,.category-counter.dark .label{color:#fff}.category-counter.light .count,.category-counter.light .label{color:#000}.category-counter .text-block{display:flex;flex-direction:column;align-items:center;justify-content:center}.category-counter .count{font-size:48px;font-weight:700;line-height:1;transition:color .3s ease}.category-counter .label{font-size:16px;font-weight:500;transition:color .3s ease}.category-counter.hoverable-chip{display:flex;align-items:center;gap:6px;padding:10px 14px;border:2px solid transparent;border-radius:20px;transition:all .3s ease;cursor:pointer}.category-counter.hoverable-chip:hover{border:2px solid var(--secondary)}.category-counter.active.hoverable-chip{color:var(--text);box-shadow:0 0 6px #00000040;background:linear-gradient(195deg,var(--card-bg),var(--card-bg)) padding-box,var(--card-gradient, linear-gradient(135deg, var(--card-border), var(--card-border-2), var(--card-border-3))) border-box;background-clip:padding-box,border-box;border:2px solid transparent;transition:all .3s ease}.category-counter.active.hoverable-chip:hover{border:2px solid var(--secondary);background:var(--bg)}@media(max-width:768px){.category-summary{justify-content:center;text-align:center}}.header{display:flex;flex-direction:column;gap:16px;padding:10px 20px}.header-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.header-actions{display:flex;align-items:center;gap:12px}.logo-img{width:150px;transition:opacity .3s ease-in-out}.title-block{max-width:100%}.title{margin:0;font-size:28px;font-weight:700}.subtitle{margin:0;color:var(--muted);font-size:18px}.theme-toggle{padding:8px 10px;border-radius:8px;border:1px solid var(--text);background:transparent;color:var(--text);box-shadow:var(--shadow);opacity:.6;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .3s ease,color .3s ease,transform .3s ease}.theme-toggle:hover{transform:scale(1.05);opacity:.9;border:1px solid var(--accent-5);color:var(--accent-5);background:var(--bg)}:root[data-theme=dark] .theme-toggle{border:1px solid var(--text);color:var(--text);background:var(--bg)}:root[data-theme=dark] .theme-toggle:hover{border:1px solid var(--accent-2);color:var(--accent-2);opacity:.9}.scroll-down{position:sticky;bottom:32px;float:right;padding:10px;border-radius:8px;border:1px solid var(--text);background:transparent;color:var(--text);box-shadow:var(--shadow);opacity:.6;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .3s ease,color .3s ease,transform .3s ease}.scroll-down:hover{border:1px solid var(--secondary);opacity:1;transform:scale(1.08)}:root[data-theme=light] .scroll-down:hover{color:var(--secondary)}:root[data-theme=dark] .scroll-down:hover{color:var(--secondary)}@media(max-width:768px){.logo-img{width:120px}.title{font-size:20px}.subtitle{font-size:15px;line-height:1.4}.header-actions{gap:8px}}.footer{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:60px;padding:24px 0;border-top:1px solid var(--muted);color:var(--text);text-align:center;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;font-size:18px}.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.footer-logo img{height:120px;max-width:90vw;transition:transform .3s ease}.footer-logo img:hover{transform:scale(1.05)}.footer-copy{font-size:14px;color:var(--muted)}.scroll-top{position:sticky;bottom:32px;float:right;padding:10px;border-radius:8px;border:none;background:transparent;color:var(--text);opacity:.6;cursor:pointer;display:flex;align-items:center;justify-content:center;border:1px solid var(--text);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .3s ease,color .3s ease,transform .3s ease}.scroll-top:hover{border:1px solid var(--secondary);opacity:1;transform:scale(1.08)}:root[data-theme=light] .scroll-top:hover{color:var(--secondary)}:root[data-theme=dark] .scroll-top:hover{color:var(--secondary)}.legal-container{max-width:1200px;margin:40px auto;padding:20px;color:var(--text);line-height:1.6;font-size:16px}.legal-container h2,h3{margin-bottom:.5em;color:var(--muted);font-weight:600}.legal-container p{margin-bottom:1em}.legal-link{color:var(--secondary);text-decoration:none;position:relative;transition:color .25s ease,text-shadow .25s ease}.legal-link:hover{color:var(--primary);text-shadow:0 0 6px rgba(0,0,0,.2),0 0 8px rgba(255,255,255,.2)}.legal-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:currentColor;transition:width .3s ease}.legal-link:hover:after{width:100%}.back-link{margin-top:40px}.info-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:2000}.info-box{background:var(--bg);color:var(--text);max-width:520px;width:90%;padding:24px 28px;border-radius:12px;box-shadow:var(--shadow);position:relative}.info-box h2{display:flex;align-items:center;gap:8px;margin-top:0}.info-box ul{padding-left:18px}.info-box li{margin-bottom:8px}.info-box b{color:var(--secondary)}.info-hint{margin-top:16px;font-size:14px;color:var(--muted)}.info-close{position:absolute;top:10px;right:10px;border:none;background:transparent;cursor:pointer;color:var(--text)}
