:root{--ink: #17120d;--muted: #6c6258;--line: rgba(42, 33, 24, .14);--desk: #e7d8bd;--desk-deep: #c5aa7f;--serif: "Spectral", Georgia, "Times New Roman", serif;--sans: "General Sans", "Inter", system-ui, sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100svh;color:var(--ink);background:linear-gradient(120deg,rgba(255,255,255,.36),transparent 34%),radial-gradient(circle at 20% 10%,rgba(255,122,89,.22),transparent 28%),radial-gradient(circle at 80% 20%,rgba(47,127,117,.18),transparent 30%),linear-gradient(135deg,var(--desk),var(--desk-deep));font-family:var(--serif);overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit}.journal-shell{position:relative;min-height:100svh;cursor:grab;overflow:hidden}.journal-shell.is-dragging{cursor:grabbing}.masthead{position:fixed;z-index:10;top:0;left:0;right:0;display:grid;grid-template-columns:minmax(120px,1fr) minmax(280px,560px) minmax(120px,1fr);gap:24px;align-items:start;padding:28px 32px;pointer-events:none}.home-link,.legend span{pointer-events:auto;font-family:var(--sans);font-size:13px;font-weight:500;text-decoration:none}.home-link:hover{opacity:.62}.title-block{text-align:center}.eyebrow{margin:0 0 8px;font-family:var(--sans);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}h1{margin:0;font-size:34px;font-weight:300;line-height:1.05}.legend{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}.legend span,.canvas-hint span{border:1px solid rgba(23,18,13,.16);border-radius:999px;padding:7px 10px;background:#fff8e88a;backdrop-filter:blur(12px)}.canvas-frame{position:absolute;inset:0;overflow:hidden}.canvas-hint{position:fixed;z-index:11;left:32px;bottom:28px;display:flex;gap:8px;font-family:var(--sans);font-size:12px;color:#17120db8;pointer-events:none}.canvas{position:absolute;left:calc(50% - 520px);top:calc(50% - 390px);width:1120px;height:820px;transform-origin:center;transition:transform .12s ease-out}.grid-paper{position:absolute;inset:-240px;opacity:.34;background-image:linear-gradient(rgba(23,18,13,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(23,18,13,.12) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(circle,black 0%,transparent 72%)}.thread{position:absolute;height:2px;border-top:2px dashed rgba(23,18,13,.18);transform-origin:left center}.thread-one{left:430px;top:300px;width:280px;rotate:13deg}.thread-two{left:390px;top:500px;width:220px;rotate:-28deg}.cluster-label{position:absolute;font-family:var(--sans);font-size:12px;font-weight:600;text-transform:uppercase;color:#17120d70}.cluster-one{left:120px;top:95px;rotate:-8deg}.cluster-two{left:675px;top:505px;rotate:5deg}.paper{position:absolute;left:var(--x);top:var(--y);width:var(--w);min-height:265px;display:flex;flex-direction:column;gap:12px;padding:24px;color:var(--ink);text-decoration:none;background:linear-gradient(135deg,#ffffffc2,#fff0 44%),var(--paper);border:1px solid rgba(23,18,13,.12);border-radius:7px;box-shadow:0 18px 34px #3d2a1438,0 2px #ffffffa3 inset;transform:rotate(var(--r));transform-origin:50% 20%;animation:paper-in .52s ease both;animation-delay:var(--delay);cursor:pointer}.paper:before{content:"";position:absolute;inset:12px;border:1px solid rgba(23,18,13,.08);border-radius:4px;pointer-events:none}.paper:hover{transform:rotate(var(--r)) translateY(-7px) scale(1.015);box-shadow:0 24px 42px #3d2a1447,0 2px #ffffffb8 inset}.pin{position:absolute;top:14px;right:18px;width:15px;height:15px;border-radius:999px;background:var(--accent);box-shadow:0 2px 7px #17120d3d}.paper-category,.paper-date,.paper-footer{font-family:var(--sans);font-size:12px;font-weight:500;color:var(--muted)}.paper-category{width:fit-content;color:var(--ink);border-bottom:3px solid var(--accent)}.paper strong{max-width:12ch;font-size:34px;font-weight:400;line-height:.98}.paper-excerpt{margin-top:auto;font-size:16px;line-height:1.35}.paper-footer{display:flex;justify-content:space-between;padding-top:12px;border-top:1px solid rgba(23,18,13,.14);text-transform:uppercase}@keyframes paper-in{0%{opacity:0;transform:rotate(var(--r)) translateY(20px) scale(.96)}to{opacity:1;transform:rotate(var(--r)) translateY(0) scale(1)}}@media(max-width:760px){body{overflow:auto}.journal-shell{min-height:auto;overflow:visible;cursor:default}.masthead{position:relative;display:flex;flex-direction:column;gap:18px;padding:24px 18px 10px;pointer-events:auto}.title-block{text-align:left}h1{font-size:31px}.legend{justify-content:flex-start}.canvas-hint{display:none}.canvas-frame{position:relative;min-height:auto;padding:20px 18px 44px;overflow:visible}.canvas{position:relative;left:auto;top:auto;width:100%;height:auto;display:flex;flex-direction:column;gap:18px;transform:none!important}.grid-paper,.thread,.cluster-label{display:none}.paper{position:relative;left:auto;top:auto;width:100%;min-height:230px;transform:rotate(0)}.paper:hover{transform:translateY(-4px)}.paper strong{max-width:14ch;font-size:30px}}