.research-main{background:var(--dark);color:var(--light);min-height:100vh}#background-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;opacity:.25;pointer-events:none}.research-hero{min-height:90vh;display:grid;align-items:center;overflow:hidden;padding:9rem 5% 6rem;background:radial-gradient(circle at 72% 35%,rgba(171,0,255,.24),transparent 36%),radial-gradient(circle at 88% 80%,rgba(0,229,255,.11),transparent 30%),linear-gradient(135deg,#050505,#0a0a0a 45%,#12051e);position:relative;z-index:2}.research-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 0);background-size:54px 54px;opacity:.26;mask-image:radial-gradient(circle at 55% 45%,black 0,transparent 72%);-webkit-mask-image:radial-gradient(circle at 55% 45%,black 0,transparent 72%)}.research-hero:after{content:"";position:absolute;width:720px;height:720px;right:-180px;top:15%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.1) 0 1px,transparent 2px),radial-gradient(circle,rgba(171,0,255,.2),transparent 62%);background-size:22px 22px,100% 100%;filter:blur(.2px);opacity:.8}.hero-content-wrapper{position:relative;z-index:3;max-width:1320px;width:100%;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:4rem;align-items:center}.hero-text:before{content:"OPEN ACCESS / RESEARCH PROJECTS";display:inline-flex;margin-bottom:1.2rem;padding:.45rem .9rem;border-radius:999px;border:1px solid rgba(171,0,255,.35);background:rgba(171,0,255,.08);color:#e9c5ff;font-family:var(--font-share-tech-mono),monospace;font-size:.82rem;letter-spacing:.08em}.hero-content-wrapper h1{max-width:760px;margin:0 0 1.5rem;color:var(--light);font-size:clamp(3rem,6.25vw,6.25rem);line-height:.95;letter-spacing:-.065em;font-weight:800;text-align:left}.hero-content-wrapper h1:after{content:"";display:block;width:190px;height:6px;margin-top:1.35rem;border-radius:999px;background:linear-gradient(90deg,var(--purple),var(--cyan));box-shadow:0 0 30px rgba(171,0,255,.5)}.hero-content-wrapper .hero-text p{max-width:650px;margin:0;color:#c9c9d1;font-size:1.18rem;line-height:1.7}.hero-cta-card{position:relative;padding:2.2rem;border-radius:32px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow-purple);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);overflow:hidden}.hero-cta-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 46%,rgba(171,0,255,.12));pointer-events:none}.hero-cta-card a,.hero-cta-card h2,.hero-cta-card p{position:relative;z-index:2}.hero-cta-card h2{margin:0 0 .9rem;color:var(--light);font-size:clamp(1.7rem,3vw,2.35rem);line-height:1.05;letter-spacing:-.05em;font-weight:700;text-align:left}.hero-cta-card p{margin:0 0 1.7rem;color:#bbbbc4;font-size:1rem;line-height:1.65;text-align:left}.hero-cta-card:after{content:"5 projects\A  • filters\A  • detail pages\A  • contribution flow";white-space:pre-line;display:block;position:relative;z-index:2;margin-top:1.7rem;padding-top:1.3rem;border-top:1px solid rgba(255,255,255,.1);color:#8e8e99;font-family:var(--font-share-tech-mono),monospace;font-size:.85rem;line-height:1.7}.cta-button,.register-button{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;border:0;cursor:pointer;text-decoration:none;font-weight:800;border-radius:999px;transition:transform .25s ease,box-shadow .25s ease,background .25s ease;min-height:52px;padding:.85rem 1.25rem .85rem 1.6rem;background:var(--light);color:var(--dark);box-shadow:0 0 0 4px rgba(255,255,255,.12),0 18px 36px rgba(171,0,255,.25);font-size:.95rem}.cta-button:after,.register-button:after{content:"→";display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:var(--light);background:var(--purple);box-shadow:0 0 18px rgba(171,0,255,.55)}.cta-button:hover,.register-button:hover{transform:translateY(-3px)}.main-view-section{max-width:none;padding:0;background:var(--soft);color:var(--ink);border-top-left-radius:44px;border-top-right-radius:44px;margin-top:-44px;box-shadow:0 -26px 80px rgba(0,0,0,.45);overflow:hidden;position:relative;z-index:5}.intro-header{max-width:1200px;margin:0 auto;padding:7rem 5% 3rem;text-align:left;display:grid;grid-template-columns:minmax(0,.9fr) minmax(280px,.55fr);gap:4rem;align-items:end}.intro-header:before{content:"CATALOG";grid-column:1/-1;width:max-content;padding:.45rem .85rem;border-radius:999px;border:1px solid rgba(124,58,237,.18);background:rgba(124,58,237,.07);color:var(--purple-3);font-family:var(--font-share-tech-mono),monospace;font-size:.82rem;letter-spacing:.1em;font-weight:700}.intro-header h1{margin:0;color:var(--ink);font-size:clamp(2.5rem,5.8vw,5.8rem);line-height:.96;letter-spacing:-.065em;font-weight:800}.intro-header h1:after{content:"";display:block;width:140px;height:5px;margin-top:1.25rem;border-radius:999px;background:linear-gradient(90deg,var(--purple-3),#ec4899)}.intro-header .intro-text{max-width:560px}.intro-header p{margin:0;color:var(--muted);font-size:1.05rem;line-height:1.75}.projects-area{max-width:1320px;margin:0 auto;padding:0 5% 7rem;display:grid;grid-template-columns:280px minmax(0,1fr);gap:2rem;align-items:start}.filters-sidebar{position:sticky;top:6.8rem;border-radius:26px;background:rgba(255,255,255,.82);border:1px solid rgba(17,17,17,.08);box-shadow:var(--shadow-soft);padding:1rem;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.filters-sidebar:before{content:"FILTER SHELF";display:block;padding:.9rem .85rem 1rem;color:var(--muted);font-family:var(--font-share-tech-mono),monospace;font-size:.8rem;letter-spacing:.1em}.filter-group{padding:.25rem;margin-bottom:.5rem}.filter-group:last-child{margin-bottom:0}.filter-group summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:.8rem .85rem;border-radius:16px;color:var(--ink);background:rgba(247,247,248,.85);font-size:.85rem;letter-spacing:.06em;text-transform:uppercase}.filter-group summary::-webkit-details-marker{display:none}.filter-group summary:after{content:"+";font-family:var(--font-dm-sans),sans-serif;font-size:1.1rem;color:var(--purple-3)}.filter-group[open] summary:after{content:"−"}.filter-options{display:flex;flex-direction:column;gap:.6rem;padding:.85rem .8rem .65rem}.filter-options label{display:flex;align-items:center;cursor:pointer;color:#4b4b54;font-size:.95rem;transition:color .2s ease;-webkit-user-select:none;user-select:none}.filter-options label:hover{color:var(--ink)}.filter-options input[type=checkbox]{display:none}.custom-checkbox{width:18px;height:18px;border:1px solid rgba(17,17,17,.22);border-radius:6px;margin-right:.7rem;display:inline-block;transition:all .2s ease;position:relative;background:#fff}.filter-options input:checked+.custom-checkbox{border-color:var(--purple-3);background:var(--purple-3);box-shadow:0 0 0 4px rgba(124,58,237,.12)}.filter-options input:checked+.custom-checkbox:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-weight:900;font-size:11px}.projects-content{min-width:0}.sort-controls{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.85rem 1rem;border-radius:22px;background:rgba(255,255,255,.72);border:1px solid rgba(17,17,17,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.sort-controls label{color:var(--muted);font-size:.85rem;letter-spacing:.06em;font-family:var(--font-share-tech-mono),monospace}.sort-select{border:1px solid rgba(17,17,17,.1);background:#fff;color:var(--ink);border-radius:999px;padding:.72rem 1rem;font:inherit;outline:none;cursor:pointer}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.project-card{min-height:520px;display:flex;flex-direction:column;overflow:hidden;cursor:pointer;border-radius:28px;background:var(--light);border:1px solid rgba(17,17,17,.08);box-shadow:0 16px 48px rgba(17,17,17,.07);transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease}.project-card:hover{transform:translateY(-8px);border-color:rgba(124,58,237,.34);box-shadow:0 28px 70px rgba(124,58,237,.16)}.card-image{position:relative;height:210px;overflow:hidden;background:#111}.card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 32%,rgba(0,0,0,.72)),radial-gradient(circle at 75% 25%,rgba(171,0,255,.3),transparent 38%)}.card-image img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.01);transition:transform .55s ease}.project-card:hover .card-image img{transform:scale(1.09)}.card-content{flex:1 1;padding:1.35rem;display:flex;flex-direction:column;justify-content:space-between;gap:1.25rem}.card-content h2{margin:0 0 .75rem;color:var(--ink);font-size:1.35rem;line-height:1.12;letter-spacing:-.03em;font-weight:700;text-align:left}.card-content p{margin:0;color:var(--muted);font-size:.98rem;line-height:1.62;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-align:left}.card-footer{margin-top:auto;padding-top:1.1rem;border-top:1px solid rgba(17,17,17,.08)}.card-meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}.meta-item{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:.45rem;padding:.75rem;border-radius:16px;background:#f7f7f8;color:#55545c;font-size:.78rem;line-height:1.2}.meta-item svg{width:18px;height:18px;color:var(--purple-3);flex-shrink:0}.meta-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:600}.details-button{width:100%;margin-top:1rem;padding:.88rem 1rem;background:var(--dark);color:var(--light);font-size:.88rem;letter-spacing:.06em;text-transform:uppercase;font-family:var(--font-share-tech-mono),monospace;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;transition:background .25s ease,box-shadow .25s ease}.project-card:hover .details-button{background:var(--purple-3);box-shadow:0 14px 34px rgba(124,58,237,.24)}.detail-page-view{max-width:none;min-height:100vh;padding:0;background:var(--soft);color:var(--ink);position:relative;z-index:5;transition:opacity .5s ease;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.detail-hero-image{min-height:58vh;margin-top:0;padding:9rem 5% 4rem;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;background-size:cover;background-position:50%;position:relative;overflow:hidden}.detail-hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.88),rgba(5,5,5,.58) 48%,rgba(5,5,5,.3)),radial-gradient(circle at 80% 20%,rgba(171,0,255,.3),transparent 34%);z-index:1}.detail-hero-image h1{position:relative;z-index:2;max-width:1050px;margin:0 0 1rem;color:var(--light);font-size:clamp(2.5rem,7vw,6.7rem);line-height:.95;letter-spacing:-.065em;font-weight:800;text-align:left}.detail-hero-image .subtitle{position:relative;z-index:2;max-width:760px;margin:0;color:#d8d8df;font-size:clamp(1.05rem,2vw,1.4rem);line-height:1.55;text-align:left}.detail-layout-grid{max-width:1280px;margin:0 auto;padding:4rem 5% 7rem;display:grid;grid-template-columns:300px minmax(0,1fr);gap:2rem;align-items:start}.detail-nav{position:sticky;top:6.8rem;overflow:hidden;border-radius:28px;background:rgba(255,255,255,.86);border:1px solid rgba(17,17,17,.08);box-shadow:var(--shadow-soft);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.back-link{display:flex;align-items:center;gap:.65rem;padding:1.15rem 1.25rem;color:var(--purple-3);text-decoration:none;border-bottom:1px solid rgba(17,17,17,.08);font-size:.86rem;letter-spacing:.06em;text-transform:uppercase;font-weight:600}.back-link:hover{background:rgba(124,58,237,.06)}.snapshot-info{display:grid;grid-template-columns:1fr;gap:.75rem;padding:1.1rem;border-bottom:1px solid rgba(17,17,17,.08)}.info-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border-radius:16px;background:#f7f7f8}.info-item svg{width:20px;height:20px;color:var(--purple-3);flex-shrink:0;margin-top:.1rem}.info-item>div{display:flex;flex-direction:column;gap:.2rem;text-align:left}.info-label{color:var(--muted);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}.info-value{color:var(--ink);font-size:.93rem;font-weight:700;line-height:1.35}.detail-nav-list{list-style:none;margin:0;padding:.75rem}.detail-nav-item{cursor:pointer}.detail-nav-item a{display:flex;align-items:center;padding:.82rem .9rem;border-radius:14px;color:#5f5f68;text-decoration:none;font-size:.84rem;letter-spacing:.04em;transition:background .2s ease,color .2s ease;font-weight:600}.detail-nav-item.active a,.detail-nav-item:hover a{color:var(--ink);background:rgba(124,58,237,.08)}.contribute-actions{display:flex;flex-direction:column;gap:.8rem;padding:1rem;border-top:1px solid rgba(17,17,17,.08)}.contribute-actions .register-button{width:100%;min-height:48px;padding:.8rem 1rem;background:var(--dark);color:var(--light);box-shadow:none}.contribute-actions .register-button:after{background:var(--purple-3);width:28px;height:28px}.detail-main-content{position:relative;min-width:0}.datastream-canvas{position:absolute;inset:0;z-index:0;opacity:.1;pointer-events:none;width:100%;height:100%}.content-section{position:relative;z-index:1;margin-bottom:1.35rem;padding:clamp(1.6rem,3vw,2.6rem);border-radius:28px;background:rgba(255,255,255,.92);border:1px solid rgba(17,17,17,.08);box-shadow:0 16px 48px rgba(17,17,17,.06)}.content-section:last-child{margin-bottom:0}.content-section h3{margin:0 0 1.1rem;padding-bottom:.9rem;border-bottom:1px solid rgba(17,17,17,.08);color:var(--ink);font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.08;letter-spacing:-.04em;font-weight:800;text-align:left}.content-section li,.content-section p{color:#4f4f58;font-size:1.05rem;line-height:1.78;text-align:left}.content-section ul{list-style:none;padding:0;margin:0}.content-section li{position:relative;padding-left:1.6rem;margin-bottom:.7rem}.content-section li:before{content:"→";position:absolute;left:0;top:0;color:var(--purple-3);font-weight:900}.code-block{margin:1.3rem 0;padding:1.3rem;border-radius:18px;background:#0a0a0a;border:1px solid rgba(255,255,255,.1);color:#e7e7ee;font-family:var(--font-share-tech-mono),monospace;font-size:.92rem;line-height:1.65;white-space:pre-wrap;word-break:break-word;box-shadow:inset 0 0 0 1px rgba(171,0,255,.09);text-align:left}.code-block .comment{color:#a78bfa}@media (max-width:1180px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-content-wrapper{grid-template-columns:1fr;gap:2.5rem}.hero-cta-card{max-width:620px;margin:0 auto}}@media (max-width:920px){.research-hero{min-height:auto;padding:8rem 1.2rem 6rem}.hero-content-wrapper h1{font-size:clamp(2.6rem,12vw,4.5rem)}.intro-header{grid-template-columns:1fr;gap:1.5rem;padding:5.5rem 1.2rem 2.2rem}.projects-area{grid-template-columns:1fr;padding:0 1.2rem 5rem}.filters-sidebar{position:static}.projects-grid{grid-template-columns:1fr}.sort-controls{justify-content:space-between;flex-wrap:wrap}.detail-hero-image{min-height:52vh;padding:8rem 1.2rem 3rem}.detail-layout-grid{grid-template-columns:1fr;padding:2rem 1.2rem 5rem}.detail-nav{position:static}.snapshot-info{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.hero-cta-card{padding:1.5rem;border-radius:24px}.detail-hero-image h1,.intro-header h1{letter-spacing:-.05em}.card-meta-grid,.snapshot-info{grid-template-columns:1fr}.project-card{min-height:auto}}