body{justify-content:center;padding:40px 20px;display:flex;overflow-x:hidden}#root{display:contents}.page{width:100%;max-width:640px}.row{margin-bottom:18px}.footer-btns{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}table{border-collapse:collapse;width:100%}.topText{text-align:center}h1.topText a{color:inherit;text-decoration:none}.nav-btns{flex-wrap:wrap;justify-content:center;gap:10px;margin:20px 0;display:flex}.nav-btns a.cs-btn{text-decoration:none;display:inline-block}th,td{text-align:left;padding:6px 8px}.post-list{flex-direction:column;gap:14px;display:flex}.post-card{border:1px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);background-color:var(--secondary-bg);padding:12px 14px}.post-card h3{margin:0 0 6px}.post-card h3 a{color:var(--accent);text-decoration:none}.post-card h3 a:hover{text-decoration:underline}.post-meta{color:var(--text-3);margin:0 0 8px;font-size:13px}.post-excerpt{color:var(--text);margin:0}.post-body{white-space:pre-wrap;line-height:1.5}.post-body a{color:var(--accent)}.post-body a:hover{text-decoration:underline}.field-hint{color:var(--text-3);margin:4px 0 0;font-size:12px}.form-field{flex-direction:column;gap:4px;margin-bottom:16px;display:flex}.form-field label{font-size:14px}textarea.cs-input{resize:vertical;box-sizing:border-box;width:100%;min-height:220px;font-family:inherit}input.cs-input{box-sizing:border-box;width:100%}.banner{border:1px solid;margin-bottom:16px;padding:10px 12px}.banner.error{color:#f0c9c9;background-color:#4a2626;border-color:#7a2f2f}.banner.success{border-color:var(--secondary-accent);background-color:var(--secondary-bg);color:var(--accent)}.empty-state{text-align:center;color:var(--text-3);padding:20px 0}.family-canvas{box-sizing:border-box;border:1px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);background-color:var(--secondary-bg);touch-action:none;cursor:grab;width:auto;height:900px;margin:16px calc(50% - 50vw);position:relative;overflow:hidden}.family-canvas.panning{cursor:grabbing}.family-canvas.hidden{visibility:hidden}.family-canvas-inner{transform-origin:0 0;position:absolute;top:0;left:0}.character-card{box-sizing:border-box;border:1px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);background-color:var(--bg,var(--secondary-bg));text-align:center;cursor:grab;-webkit-user-select:none;user-select:none;width:140px;height:144px;padding:8px;position:absolute}.character-card.dragging{cursor:grabbing;z-index:10}.character-card img{object-fit:cover;-webkit-user-drag:none;width:100%;height:100px;margin-bottom:6px;display:block}.character-card .character-name{font-size:13px;font-weight:700}.character-node{background-color:var(--accent);border:1px solid var(--border-dark);cursor:crosshair;opacity:0;pointer-events:none;border-radius:50%;width:10px;height:10px;transition:opacity .12s;position:absolute;bottom:-6px}.character-card:hover .character-node{opacity:1;pointer-events:auto}.connections-layer{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.connection-group{pointer-events:auto;cursor:pointer}.connection-hit{fill:none;stroke:#0000;stroke-width:14px}.connection-line{fill:none;stroke:var(--accent);stroke-width:2px;pointer-events:none}.connection-group:hover .connection-line{stroke:#c96a6a;stroke-width:3px}.connection-line.preview{stroke-dasharray:4 3;opacity:.7}.character-info{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.character-info-photo{object-fit:cover;width:100%;max-width:220px}.character-info-description{color:var(--text);white-space:pre-wrap;text-align:left;margin:0}.blog-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.blog-header h2{margin:0}