*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:#fef9f1;background-image:linear-gradient(90deg,#e7e2da 1px,transparent 0),linear-gradient(180deg,#e7e2da 1px,transparent 0);background-size:32px 32px;font-family:Open Sans,sans-serif}.matrix-shell{overflow:hidden;height:100vh;width:100vw}header{position:fixed;top:0;left:0;right:0;z-index:50;background:#fef9f1;border-bottom:1px solid #e7e2da;display:flex;align-items:center;justify-content:space-between;padding:0 48px;height:56px}.header-title{font-family:"Source Serif 4",serif;font-size:16px;font-weight:700;color:#690008;letter-spacing:-.02em}.header-admin-link{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#635d58;text-decoration:none}.header-admin-link:hover{color:#690008}.axis-bar{position:fixed;top:56px;left:0;right:0;z-index:40;background:#fef9f1;border-bottom:1px solid #e7e2da;display:flex;align-items:center;gap:24px;padding:10px 48px;flex-wrap:wrap}.axis-label-sm{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#635d58;white-space:nowrap;font-family:Open Sans,sans-serif}.axis-btn{font-family:"Source Serif 4",serif;font-size:11px;text-transform:uppercase;letter-spacing:-.01em;background:none;border:none;cursor:pointer;color:#58413f;padding:0 0 1px;transition:color .15s}.axis-btn.active{color:#690008;border-bottom:1px solid #690008}.axis-btn:hover{color:#690008}.axis-divider{width:1px;height:16px;background:#e0bfbc;flex-shrink:0}.canvas-wrap{position:fixed;top:105px;left:0;right:0;bottom:0;overflow:hidden}.axis-h{top:50%;left:32px;right:32px;height:1px}.axis-h,.axis-v{position:absolute;background:#8b1a1a;z-index:10}.axis-v{left:50%;top:32px;bottom:32px;width:1px}.axis-end-label{position:absolute;font-family:"Source Serif 4",serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:#690008;z-index:15}.book-node{position:absolute;z-index:20;cursor:pointer;transition:left .6s cubic-bezier(.4,0,.2,1),top .6s cubic-bezier(.4,0,.2,1)}.book-node:hover{z-index:100}.node-dot{position:absolute;width:7px;height:7px;background:#8b1a1a;border-radius:50%;top:-3.5px;left:-3.5px;z-index:2}.node-card{position:absolute;display:flex;gap:8px;align-items:center;background:none;padding:0;border:none;transition:opacity .15s,left .6s cubic-bezier(.4,0,.2,1),top .6s cubic-bezier(.4,0,.2,1);cursor:pointer}.book-node:hover .node-card{opacity:.85}.node-card.left{flex-direction:row-reverse}.cover-img{width:36px;height:50px;object-fit:cover;opacity:.82;flex-shrink:0;display:block;border:.5px solid #c8c2ba}.node-text{display:flex;flex-direction:column;justify-content:center;max-width:105px}.node-text.left,.node-text.right{text-align:left}.node-title{font-family:"Source Serif 4",serif;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#1d1c17;line-height:1.2}.node-blurb{font-size:8px;font-style:italic;color:#69635e;line-height:1.2;margin-top:2px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}svg.leader{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:5}svg.leader line{transition:x1 .6s cubic-bezier(.4,0,.2,1),y1 .6s cubic-bezier(.4,0,.2,1),x2 .6s cubic-bezier(.4,0,.2,1),y2 .6s cubic-bezier(.4,0,.2,1)}.side-panel{position:fixed;right:0;top:0;bottom:0;width:380px;background:#fef9f1;border-left:3px solid #690008;z-index:200;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);box-shadow:-4px 0 32px rgba(0,0,0,.1)}.side-panel.open{transform:translateX(0)}.panel-inner{padding:28px 28px 32px;overflow-y:auto;height:100%}.panel-tag{font-size:8px;text-transform:uppercase;letter-spacing:.15em;color:#690008;border:1px solid #690008;padding:3px 8px;display:inline-block;font-family:Open Sans,sans-serif}.close-btn{background:none;border:none;cursor:pointer;color:#58413f;font-size:20px;line-height:1;padding:2px 6px}.close-btn:hover{color:#690008}.panel-cover{width:50%;aspect-ratio:2/3;object-fit:contain;background:none;border:none;margin:20px 0 16px;display:block}.panel-title{font-family:"Source Serif 4",serif;font-size:24px;font-weight:700;color:#690008;line-height:1.15}.panel-author{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#635d58;margin-top:6px;font-family:Open Sans,sans-serif}.panel-rule{width:40px;height:3px;background:#690008;margin:16px 0}.panel-blurb{font-style:normal;font-size:11px;color:#635d58;line-height:1.65}.panel-blurb,.panel-long-desc{font-family:"Source Serif 4",serif;margin-top:16px}.panel-long-desc{font-size:14px;color:#1d1c17;line-height:1.75}.ratings-section{margin-top:44px;gap:28px}.rating-row,.ratings-section{display:flex;flex-direction:column}.rating-row{gap:0}.rating-ends{display:flex;justify-content:space-between;margin-bottom:10px}.rating-end-label{font-size:8.5px;text-transform:uppercase;letter-spacing:.1em;color:#635d58;font-family:Open Sans,sans-serif}.rating-track{position:relative;height:1px;background:#e0bfbc;width:100%;margin-top:14px}.rating-dot{position:absolute;top:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#690008;border-radius:50%}.rating-pct{position:absolute;top:-17px;transform:translateX(-50%);font-size:8px;font-weight:700;color:#690008;white-space:nowrap;font-family:Open Sans,sans-serif}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.04);z-index:150;display:none}.overlay.show{display:block}.admin-wrap{max-width:900px;margin:0 auto;padding:48px 24px 96px}.admin-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:12px}.admin-title{font-family:"Source Serif 4",serif;font-size:26px;font-weight:700;color:#690008}.admin-back{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#635d58;text-decoration:none}.admin-back:hover{color:#690008}.admin-add-btn{font-family:"Source Serif 4",serif;font-size:12px;text-transform:uppercase;letter-spacing:.02em;background:#690008;color:#fef9f1;border:none;padding:10px 18px;cursor:pointer;text-decoration:none;display:inline-block}.admin-add-btn:hover{background:#58000a}.admin-table{width:100%;border-collapse:collapse;margin-top:8px}.admin-table th{text-align:left;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#635d58;padding:8px 10px;border-bottom:1px solid #e0bfbc}.admin-table td{padding:10px;border-bottom:1px solid #e7e2da;font-size:13px;vertical-align:middle}.admin-table tr:hover td{background:#f5eee1}.admin-row-title{font-family:"Source Serif 4",serif;font-weight:700;color:#1d1c17}.admin-row-thumb{width:28px;height:38px;object-fit:cover;border:.5px solid #c8c2ba;display:block}.admin-link{color:#690008;text-decoration:none;font-size:12px}.admin-link:hover{text-decoration:underline}.admin-del-btn{color:#8b1a1a;background:none;border:none;cursor:pointer;font-size:12px;padding:0}.admin-del-btn:hover{text-decoration:underline}.admin-empty{padding:48px 0;text-align:center;color:#635d58;font-family:"Source Serif 4",serif;font-style:italic}.form-card{background:#fff;border:1px solid #e7e2da;padding:28px;margin-top:8px}.form-section-title{font-family:"Source Serif 4",serif;font-size:14px;font-weight:700;color:#690008;text-transform:uppercase;letter-spacing:.05em;margin:28px 0 14px}.form-section-title:first-child{margin-top:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-field.full{grid-column:1/-1}.form-label{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#635d58}.form-input,.form-select,.form-textarea{font-family:Open Sans,sans-serif;font-size:13px;color:#1d1c17;border:1px solid #d9d2c8;background:#fef9f1;padding:9px 10px}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:1px solid #690008;border-color:#690008}.form-textarea{resize:vertical;min-height:64px;font-family:"Source Serif 4",serif;font-style:italic}.form-slider-row{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.form-slider-ends{display:flex;justify-content:space-between;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#635d58}.form-slider-value{color:#690008;font-weight:700}.form-slider{width:100%;accent-color:#690008}.form-actions{display:flex;gap:12px;margin-top:28px;align-items:center}.form-submit{font-family:"Source Serif 4",serif;font-size:12px;text-transform:uppercase;letter-spacing:.02em;background:#690008;color:#fef9f1;border:none;padding:11px 22px;cursor:pointer}.form-submit:hover{background:#58000a}.form-submit:disabled{opacity:.5;cursor:default}.form-cancel{font-size:12px;color:#635d58;text-decoration:none}.form-cancel:hover{color:#690008}.form-error{color:#8b1a1a;font-size:12px;margin-top:-6px;margin-bottom:16px}