html,body{margin:0;padding:0;background:#0f0f0f;font-family:system-ui,sans-serif;color:#fff;overflow-x:hidden}body.modal-open{height:100vh;overflow:hidden!important}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:url(https://grainy-gradients.vercel.app/noise.png);opacity:.06;mix-blend-mode:soft-light;z-index:2000}.site-header{position:fixed;top:0;left:0;height:70px;width:100%;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.12);padding:0 24px;display:flex;align-items:center;z-index:5000}.site-header h1{font-size:18px;margin:0;letter-spacing:1px}.site-title a{color:inherit;text-decoration:none;font:inherit;letter-spacing:inherit}.site-main{margin-top:70px}#archive-graph{position:relative;width:100%;height:100vh;overflow:hidden;background:#ffffff17}#archive-graph svg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.filter{position:absolute;padding:16px 22px;background:#1a1a1a;border-radius:18px;max-width:240px;min-height:48px;color:#ddd;font-size:15px;line-height:1.45;display:flex;align-items:center;justify-content:center;text-align:center;flex-wrap:wrap;cursor:pointer;box-shadow:0 10px 30px #00000073,inset 0 0 0 1px #ffffff12}.item{position:absolute;width:58px;aspect-ratio:2143 / 3000;overflow:hidden}.item img{width:100%;height:100%;object-fit:contain}line{stroke-width:1.4;pointer-events:none}.reset-btn{position:fixed;top:90px;left:20px;padding:8px 14px;border-radius:6px;background:#fff;color:#111;border:none;font-size:14px;cursor:pointer}.topic-section{background:#0f0f0f;padding:60px 40px 50px;display:flex;flex-direction:column;gap:80px;position:relative}.topic-row{display:grid;grid-template-columns:1fr 1fr;gap:40px}.topic-row.row-1{grid-template-columns:1fr}.topic-card{background:#151515;padding:40px 50px;border-radius:32px;box-shadow:0 20px 60px #00000073}.topic-card.fullwidth{grid-column:1 / -1;max-width:900px;margin:0 auto}.site-footer{background:#0000008c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.08);padding:18px 32px;display:flex;justify-content:center}.footer-inner{width:100%;max-width:1200px;display:flex;justify-content:space-between}.image-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0808088c;-webkit-backdrop-filter:blur(14px) brightness(.75);backdrop-filter:blur(14px) brightness(.75);opacity:0;pointer-events:none;transition:opacity .35s ease;display:flex;justify-content:center;align-items:flex-start;padding-top:3vh;z-index:999999}.modal-inner{width:min(92vw,720px);max-height:90vh;background:#ffffff0f;-webkit-backdrop-filter:blur(22px) saturate(130%);backdrop-filter:blur(22px) saturate(130%);border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;box-shadow:0 30px 70px #0000008c,inset 0 0 40px #ffffff08;touch-action:pan-y}.modal-header{position:sticky;top:0;z-index:50;background:#111;border-bottom:1px solid rgba(255,255,255,.15);padding:10px 24px;display:flex;flex-direction:column;gap:10px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.modal-header-content{display:flex;flex-direction:column;gap:6px}.meta-scientific-row{display:flex;flex-direction:column;gap:8px;margin-bottom:10px;font-size:18px;font-weight:600}.meta-info-row{display:flex;justify-content:space-between;font-size:14px;color:#ccc}.modal-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#111;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:5001}.modal-quiz{padding:10px 24px;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quiz-question{font-size:14px}.quiz-result{display:none;font-weight:600}.quiz-prompt{display:none;margin-top:10px;padding:16px 20px;border-radius:12px;background:#ffffff14;border-left:4px solid #4ecdc4}.quiz-prompt.show{display:block}.modal-image-wrap{padding:10px 0;display:flex;justify-content:center}.swipe-card{position:relative;touch-action:pan-y;width:100%;aspect-ratio:3 / 4;max-height:calc(90vh - 220px);max-width:calc((90vh - 220px)*.8);border-radius:14px;overflow:hidden;display:flex;justify-content:center;align-items:center}.swipe-card img{width:100%;height:100%;object-fit:contain;pointer-events:none}.swipe-card,.swipe-card *{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.modal-story{padding:10px 24px;background:#141414;border-top:1px solid rgba(255,255,255,.05);display:none}.modal-story.show{display:block}.modal-story-text{font-size:15px;line-height:1.55;color:#d2d2d2}@media (max-width: 600px){.modal-inner{width:94vw;max-height:88vh}.modal-header{padding:16px 18px}.swipe-card{aspect-ratio:3 / 4;max-height:calc(70vh - 180px);max-width:100%}.modal-quiz,.modal-story{padding:16px 18px}}.quiz-badge{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%) scale(.6);padding:14px 26px;border-radius:40px;font-size:16px;font-weight:700;letter-spacing:.5px;pointer-events:none;opacity:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;z-index:50;transition:opacity .25s ease,transform .35s cubic-bezier(.2,.9,.2,1);white-space:nowrap}.quiz-badge.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.quiz-badge.correct{background:linear-gradient(135deg,#4ecdc4,#3ea89e);box-shadow:0 0 30px #4ecdc466}.quiz-badge.wrong{background:linear-gradient(135deg,#ff6b6b,#d24c4c);box-shadow:0 0 30px #ff6b6b4d}.image-anim-wrapper{position:relative}.swipe-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,#ffffff26,#0000004d);opacity:0;transition:opacity .15s}.swipe-label{position:absolute;top:18px;padding:8px 16px;font-size:20px;border-radius:6px;font-weight:700;opacity:0;transform:scale(.85);transition:.2s ease;pointer-events:none}.swipe-yes{left:22px;background:#0808088c}.swipe-no{right:18px;background:#0808088c}.swipe-label.active{opacity:1;transform:scale(1)}.footer-inner span{opacity:.85;font-size:14px;color:#ddd}.footer-inner nav a{color:#ccc;text-decoration:none;font-size:14px;padding:4px 8px;border-radius:6px;border:1px solid transparent;transition:all .25s ease}.footer-inner nav a:hover{color:#fff;background:#ffffff14;border-color:#ffffff26;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.imprint-section{margin-top:70px;padding:60px 40px 50px;display:flex;flex-direction:column;gap:40px;max-width:900px;margin-left:auto;margin-right:auto}.imprint-card{background:#151515;padding:40px 50px;border-radius:32px;box-shadow:0 20px 60px #00000073;transition:.35s cubic-bezier(.2,.8,.2,1)}.imprint-card:hover{transform:translateY(-10px) scale(1.03);background:#1f1f1f}.imprint-card h2,.imprint-card h3{margin-top:0;color:#fff;font-weight:600;margin-bottom:18px}.imprint-card p{color:#ccc;line-height:1.6;font-size:15px}.imprint-card a{color:#ddd;text-decoration:underline}@media (max-width: 600px){.imprint-card{padding:28px 24px;border-radius:24px}.imprint-section{padding:40px 20px 60px}}.scroll-down-btn{position:fixed;right:0;top:20px;transform:translate(-50%);padding:10px 18px;font-size:13px;border-radius:999px;background:#0000008c;color:#fff;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;z-index:10000;transition:all .25s ease}.scroll-down-btn:hover{background:#ffffff1f;transform:translate(-50%) translateY(-2px)}