:root{--color-bg:#f5efe1;--color-fg:#1f2a44;--color-card:#fffbe6;--color-input:#fff;--color-error:#a23;--color-overlay:#1f2a4466;--color-accent-blue:#3aa9c9;--color-accent-blue-dark:#1f6e83;--color-accent-red:#c0392b;--color-accent-red-dark:#7d1f15;--color-scrap-border:#a18a3f;--color-scrap-fg:#3a2f1c}html,body,#root{background:var(--color-bg);width:100%;height:100%;margin:0;padding:0;font-family:monospace;overflow:hidden}.canvas-root{background:var(--color-bg);touch-action:none;width:100vw;height:100vh;position:relative;overflow:hidden}.viewport{transform-origin:0 0;will-change:transform;position:absolute;inset:0}.edge-layer{pointer-events:none;position:absolute;inset:0;overflow:visible}.node-layer{position:absolute;inset:0}.node{-webkit-user-select:none;user-select:none;color:var(--color-fg);flex-direction:column;align-items:center;gap:20px;font-family:monospace;font-size:60px;display:flex;position:absolute;transform:translate(-50%,-50%)}.node-label{text-align:center;word-break:break-word;max-width:700px}.node{touch-action:none}.scrap-node,.person-node,.marketing-node{cursor:grab}.scrap-node:active,.person-node:active,.marketing-node:active{cursor:grabbing}.marketing-node{background:var(--color-card);border:5px solid var(--color-fg);width:max-content;max-width:700px;color:var(--color-fg);text-align:center;word-break:break-word;white-space:normal;padding:30px 50px}.marketing-node--brand{letter-spacing:.02em;max-width:none;padding:50px 100px;font-size:140px}.marketing-node--feature{font-size:60px}.marketing-node--login{cursor:pointer;background:var(--color-accent-blue);color:var(--color-card);border-color:var(--color-accent-blue-dark);box-shadow:0 0 0 0 rgb(from var(--color-accent-blue) r g b / .6);padding:40px 80px;font-size:70px;animation:1.8s ease-out infinite marketing-login-pulse}.marketing-node--login:active{cursor:grabbing;animation:none}@keyframes marketing-login-pulse{0%{box-shadow:0 0 0 0 rgb(from var(--color-accent-blue) r g b / .6)}70%{box-shadow:0 0 0 60px rgb(from var(--color-accent-blue) r g b / 0)}to{box-shadow:0 0 0 0 rgb(from var(--color-accent-blue) r g b / 0)}}.marketing-node--register{cursor:pointer;background:var(--color-accent-red);color:var(--color-card);border-color:var(--color-accent-red-dark);box-shadow:0 0 0 0 rgb(from var(--color-accent-red) r g b / .6);padding:40px 80px;font-size:70px;animation:1.8s ease-out infinite marketing-register-pulse}.marketing-node--register:active{cursor:grabbing;animation:none}@keyframes marketing-register-pulse{0%{box-shadow:0 0 0 0 rgb(from var(--color-accent-red) r g b / .6)}70%{box-shadow:0 0 0 60px rgb(from var(--color-accent-red) r g b / 0)}to{box-shadow:0 0 0 0 rgb(from var(--color-accent-red) r g b / 0)}}.person-node .node-label{white-space:nowrap}.person-photo{background:var(--color-input);max-width:400px;height:auto;display:block}.scrap-photo{background:var(--color-input);max-width:700px;height:auto;display:block}.photo-wrap{line-height:0;display:inline-block;position:relative}.photo-overlay{opacity:0;width:100%;max-width:none;height:100%;transition:opacity .15s ease-out;position:absolute;inset:0}.photo-overlay.loaded{opacity:1}.scrap-card{background:var(--color-card);border:5px solid var(--color-scrap-border);width:max-content;max-width:700px;color:var(--color-scrap-fg);text-align:center;word-break:break-word;white-space:normal;padding:30px 40px}.login-root{background:var(--color-bg);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.login-card{background:var(--color-card);border:1px solid var(--color-fg);min-width:260px;color:var(--color-fg);border-radius:4px;flex-direction:column;gap:12px;padding:24px;font-family:monospace;display:flex}.login-label{font-size:12px}.login-input{font:inherit;border:1px solid var(--color-fg);background:var(--color-input);color:inherit;border-radius:2px;padding:8px 10px}.login-button{font:inherit;border:1px solid var(--color-fg);background:var(--color-fg);color:var(--color-card);cursor:pointer;border-radius:2px;padding:8px 10px}.top-actions{z-index:10;gap:8px;display:flex;position:fixed;top:12px;right:12px}.logout-button,.add-button{font:inherit;border:1px solid var(--color-fg);background:var(--color-card);color:var(--color-fg);cursor:pointer;border-radius:2px;padding:8px 10px}.add-button{background:var(--color-fg);color:var(--color-card)}.scrap-form-overlay{z-index:20;background:var(--color-overlay);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow:auto}.scrap-form{background:var(--color-card);border:1px solid var(--color-fg);width:100%;min-width:320px;max-width:480px;max-height:90vh;color:var(--color-fg);border-radius:4px;flex-direction:column;gap:10px;padding:20px;font-family:monospace;display:flex;overflow:auto}.scrap-form-header{justify-content:space-between;align-items:center;font-size:14px;display:flex}.scrap-form-close{font:inherit;color:var(--color-fg);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:18px;line-height:1}.scrap-form-label{font-size:12px}.scrap-form-input{font:inherit;border:1px solid var(--color-fg);background:var(--color-input);color:inherit;border-radius:2px;padding:8px 10px}.scrap-form-textarea{resize:vertical;min-height:80px}.scrap-form-add-person{gap:6px;display:flex}.scrap-form-add-person .scrap-form-input{flex:1}.scrap-form-chips{flex-wrap:wrap;gap:6px;display:flex}.scrap-form-chip{font:inherit;background:var(--color-card);color:var(--color-scrap-fg);border:1px solid var(--color-scrap-border);cursor:pointer;border-radius:2px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:inline-flex}.scrap-form-chip:disabled{opacity:.5;cursor:default}.scrap-form-combobox{position:relative}.scrap-form-combobox-list{background:var(--color-input);border:1px solid var(--color-fg);z-index:30;border-radius:2px;max-height:200px;font-size:13px;position:fixed;overflow:auto}.scrap-form-combobox-row{cursor:pointer;padding:6px 8px}.scrap-form-combobox-row[aria-selected=true]{background:var(--color-accent-blue);color:var(--color-card)}.scrap-form-button{font:inherit;border:1px solid var(--color-fg);background:var(--color-fg);color:var(--color-card);cursor:pointer;border-radius:2px;padding:8px 10px}.scrap-form-button--delete{border-color:var(--color-accent-red-dark);background:var(--color-accent-red)}.scrap-form-button--outline{color:var(--color-fg);background:0 0}.scrap-form-button:disabled{opacity:.5;cursor:default}.scrap-form-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.scrap-form-error{color:var(--color-error);font-size:12px}.scrap-form-hint{opacity:.7;font-size:11px}.scrap-form-file-preview{align-items:center;gap:8px;display:flex}.scrap-form-file-thumb{object-fit:cover;border:1px solid var(--color-scrap-border);width:48px;height:48px}.scrap-form-file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.login-button:disabled{opacity:.5;cursor:default}.login-error{color:var(--color-error);font-size:12px}.login-username-row{justify-content:space-between;align-items:baseline;font-size:13px;display:flex}.login-help{margin:0;font-size:12px;line-height:1.4}.login-link{font:inherit;color:var(--color-fg);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-size:12px;text-decoration:underline}.login-link:disabled{opacity:.5;cursor:default}