@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:Space Grotesk,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;font-weight:400;background:linear-gradient(180deg,#f5f6f7eb,#f5f6f7c7),url(/particle_traces.jpeg);background-size:cover;background-position:center;background-attachment:fixed;color:#111827;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.page{display:flex;flex-direction:column;gap:1.5rem;min-height:100vh;max-width:1080px;margin:0 auto;padding:2.5rem 1.25rem 3rem;color:#1e1f22}.top-bar{display:flex;justify-content:space-between;align-items:center;background:#fffc;border:1px solid #e5e7eb;border-radius:18px;padding:1rem 1.25rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 12px 40px #0000000f}.brand{display:flex;gap:.75rem;align-items:center}.brand-text{display:flex;flex-direction:column;gap:.2rem;min-width:0}.brand-title-row{display:flex;align-items:center;gap:.75rem;justify-content:space-between;width:100%}.brand-logo{width:90px;height:48px}.brand-logo-button{border:none;padding:0;background:transparent;display:inline-flex;align-items:center}.brand-title{font-weight:700;letter-spacing:.2px}.brand-subtitle{color:#6b7280;font-size:.9rem}.top-actions{display:flex;gap:.75rem;align-items:center}.filter-group{position:relative}.filter-trigger{display:inline-flex;gap:.5rem;align-items:center;padding:.65rem .9rem;border-radius:12px;border:1px solid #d1d5db;background:linear-gradient(180deg,#f8fafc,#eef1f3);color:#1e293b}.filter-trigger:hover{border-color:#1f3b2d}.chevron{transition:transform .12s ease}.chevron.open{transform:rotate(180deg)}.filter-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 18px 50px #00000014;padding:1rem;min-width:280px;display:flex;flex-direction:column;gap:.75rem;z-index:10}.filter-row{display:flex;flex-direction:column;gap:.4rem}.filter-row label{font-size:.9rem;color:#374151}.filter-row select{padding:.6rem .75rem;border-radius:10px;border:1px solid #d1d5db;background:#fff;color:#1f2937;box-shadow:0 12px 32px #00000014}.filter-select{position:relative;transition:border-color .14s ease,box-shadow .14s ease}.filter-select-button{width:100%;display:inline-flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem .75rem;border-radius:10px;border:1px solid #d1d5db;background:#fff;color:#1f2937;box-shadow:0 12px 32px #00000014}.filter-select-button:hover{border-color:#1f3b2d}.filter-options{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 18px 50px #00000014;padding:.4rem;display:flex;flex-direction:column;gap:.25rem;z-index:20}.filter-option{width:100%;text-align:left;padding:.5rem .65rem;border-radius:10px;border:1px solid transparent;background:transparent;color:#1f2937;font-size:.9rem}.filter-option:hover{border-color:#d1d5db;background:#f8fafc}.filter-option.active{border-color:#1f3b2d;background:#e6ece9;color:#1f3b2d;font-weight:600}.filter-select:focus{outline:none;border-color:#1f3b2d;box-shadow:0 0 0 3px #1f3b2d1f}.layout{display:grid;gap:1.25rem;height:calc(100vh - 180px);min-height:420px;align-items:stretch;transition:grid-template-columns .22s ease,max-width .22s ease}.layout.single{grid-template-columns:1fr;max-width:100%;margin:0}.layout.dual{grid-template-columns:1fr 2fr}.section-label{text-transform:uppercase;letter-spacing:1px;font-size:.76rem;color:#6b7280;margin-bottom:.5rem}.list-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.list-header .section-label{margin-bottom:0}.section-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.4rem}.section-header .section-label{margin-bottom:0}.list,.content{background:#ffffffe6;border:1px solid #e5e7eb;border-radius:18px;padding:1.4rem;box-shadow:0 12px 40px #0000000d;display:flex;flex-direction:column;min-height:0}.layout.single .list{max-width:100%;margin:0}.card{border:1px solid #e5e7eb;border-radius:16px;padding:1rem;background:linear-gradient(180deg,#fff,#f9fafb);cursor:pointer;transition:border-color .12s ease,transform .12s ease}.card:hover{border-color:#1f3b2d;transform:translateY(-2px)}.card.active{border-color:#1f3b2d;box-shadow:0 12px 30px #1f3b2d1f}.card-header{display:flex;justify-content:space-between;gap:1rem}.card h3{margin:0 0 .35rem;font-size:1.1rem}.muted{color:#6b7280}.meta{display:flex;align-items:center;gap:.45rem;color:#4b5563;font-size:.95rem;margin-top:.6rem}.dot{width:6px;height:6px;background:#94a3b8;border-radius:50%}.pill-group{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}.pill{display:inline-flex;align-items:center;justify-content:center;padding:.1rem .2rem;line-height:1;border-radius:999px;border:1px solid rgba(31,59,45,.2);background:#e6ece9;color:#1f3b2d;font-weight:600;font-size:.8rem}.list .pill{padding:.08rem .2rem;font-size:.76rem;line-height:1.2;white-space:normal;max-height:none}.pill.subtle{background:#f1f5f9;color:#475569}.close-button{display:inline-flex;align-items:center;justify-content:center;padding:.45rem .65rem;border-radius:10px;border:1px solid #1f3b2d;background:linear-gradient(135deg,#1f3b2d,#345343);color:#f7fafc;font-weight:700;box-shadow:0 8px 22px #1f3b2d33;transition:transform .12s ease,filter .12s ease}.close-button:hover{filter:brightness(1.05);transform:translateY(-1px)}.back-button{display:inline-flex;align-items:center;justify-content:center;padding:.45rem .9rem;border-radius:10px;border:1px solid #1f3b2d;background:#f1f5f9;color:#1f3b2d;font-weight:700;transition:transform .12s ease,filter .12s ease}.back-button:hover{filter:brightness(1.05);transform:translateY(-1px)}.content-card{border:1px solid #e5e7eb;border-radius:16px;padding:1.25rem;background:#fff;box-shadow:0 12px 40px #0000000d}.list .pill-group{flex-direction:column;align-items:flex-start;justify-content:flex-start;align-self:flex-start;gap:.25rem}.content-card h2{margin:.3rem 0 .35rem}.resource-link{display:inline-flex;align-items:center;gap:.4rem;margin-top:.65rem;padding:.4rem .75rem;border-radius:999px;border:1px solid #1f3b2d;background:#f1f5f9;color:#1f3b2d;font-weight:600;font-size:.9rem}.body{color:#1f2937;line-height:1.7;margin-top:1rem}.placeholder{border:1px dashed #cbd5e1;border-radius:12px;padding:1rem;color:#6b7280;background:linear-gradient(135deg,#f0f4f7b3,#e5e7ebb3);min-height:140px;display:flex;align-items:center}.error{color:#b91c1c;font-weight:600}.scroll-area{flex:1;overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:.9rem;padding:.4rem .25rem .6rem}.scroll-area::-webkit-scrollbar{width:8px}.scroll-area::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.appear{animation:fadeInUp .2s ease}.contact-fab{position:fixed;left:1.5rem;bottom:1.5rem;padding:.65rem 1rem;border-radius:999px;border:1px solid #1f3b2d;background:linear-gradient(135deg,#1f3b2d,#345343);color:#f7fafc;font-weight:700;box-shadow:0 12px 28px #1f3b2d40;z-index:35;transition:transform .14s ease,filter .14s ease}.contact-fab:hover{transform:translateY(-2px);filter:brightness(1.05)}.contact-panel{position:fixed;left:1.5rem;bottom:4.75rem;width:340px;max-width:calc(100vw - 3rem);background:#fffffff2;border:1px solid #e5e7eb;border-radius:18px;padding:1.4rem 1.4rem 1.2rem;box-shadow:0 20px 60px #0000001f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:40}.contact-close{position:absolute;top:.65rem;left:.65rem;width:28px;height:28px;border-radius:8px;border:1px solid #1f3b2d;background:#f1f5f9;color:#1f3b2d;font-weight:700}.contact-heading{font-weight:700;font-size:1.05rem;margin:0 0 .25rem 2.2rem}.contact-subtitle{margin:0 0 1rem 2.2rem;color:#6b7280;font-size:.9rem}.contact-form{display:flex;flex-direction:column;gap:.75rem}.contact-field{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;color:#374151}.contact-field input,.contact-field textarea{border-radius:12px;border:1px solid #d1d5db;padding:.6rem .75rem;font-family:inherit;background:linear-gradient(180deg,#f8fafc,#eef1f3);color:#1f2937;box-shadow:0 6px 18px #0000000a;resize:vertical}.contact-field input:focus,.contact-field textarea:focus{outline:none;border-color:#1f3b2d;box-shadow:0 0 0 3px #1f3b2d1f}.contact-submit{padding:.65rem 1rem;border-radius:12px;border:1px solid #1f3b2d;background:linear-gradient(135deg,#1f3b2d,#345343);color:#f7fafc;font-weight:700;transition:transform .14s ease,filter .14s ease}.contact-submit:disabled{opacity:.6;cursor:not-allowed;filter:none}.contact-error{color:#b91c1c;font-weight:600}.contact-success{color:#166534;font-weight:600}@media(max-width:720px){.contact-panel{left:1rem;bottom:5.25rem;max-width:calc(100vw - 2rem)}.contact-fab{left:1rem;bottom:1rem}}@media(max-width:900px){.page{padding:1rem 1rem 2.5rem}.top-bar{flex-direction:row;align-items:center;gap:.75rem;padding:.75rem 1rem}.brand{flex-direction:row;align-items:center;gap:.65rem;flex:1;min-width:0}.brand-logo{width:76px;height:40px}.brand-title{font-size:1.1rem;white-space:normal}.brand-subtitle{font-size:.85rem}.filter-group.mobile-filter{margin-left:auto}.filter-group.mobile-filter .filter-trigger{padding:.5rem .75rem}.filter-group.mobile-filter .filter-dropdown{left:auto;right:0}.layout{height:calc(100vh - 220px);min-height:420px;grid-template-columns:1fr;max-width:100%}.layout.single,.layout.single .list{max-width:100%;margin:0}.list,.content{border-radius:16px;padding:1.1rem;width:100%}.card{padding:.85rem}.card h3{font-size:1rem}.meta{font-size:.85rem}.pill{font-size:.75rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}