:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1a1a1f;background:#f8f8fa;font-family:system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0}#root{min-height:100vh}.react-flow{--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:transparent;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;background-color:var(--xy-background-color,var(--xy-background-color-default));--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--xy-node-boxshadow-selected-default:0 0 0 .5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;direction:ltr}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#777;--xy-background-pattern-lines-color-default:#777;--xy-background-pattern-cross-color-default:#777;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--xy-node-boxshadow-selected-default:0 0 0 .5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{pointer-events:none;position:absolute;overflow:visible}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}svg.react-flow__connectionline{z-index:1001;position:absolute;overflow:visible}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:0;left:50%;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px)translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px)translateY(-50%)}.react-flow__attribution{background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__viewport-portal{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__minimap{background:var(--xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default)))}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(--xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default)));stroke:var(--xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default)));stroke-width:var(--xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default)))}.react-flow__minimap-node{fill:var(--xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default)));stroke:var(--xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default)));stroke-width:var(--xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default)))}.react-flow__background-pattern.dots{fill:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default)))}.react-flow__background-pattern.lines{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default)))}.react-flow__background-pattern.cross{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default)))}.react-flow__controls{box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));flex-direction:column;display:flex}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)));width:26px;height:26px;color:var(--xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default)));cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:4px;display:flex}.react-flow__controls-button svg{fill:currentColor;width:100%;max-width:12px;max-height:12px}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));width:150px;color:var(--xy-node-color,var(--xy-node-color-default));text-align:center;border:var(--xy-node-border,var(--xy-node-border-default));background-color:var(--xy-node-background-color,var(--xy-node-background-color-default));padding:10px;font-size:12px}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var(--xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default)));color:var(--xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default)))}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)))}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;width:5px;height:5px;translate:-50% -50%}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}.app{--right-panel-width:510px;color:#1a1a1f;background:#f8f8fa;grid-template:"tree"1fr/1fr;height:100vh;font-family:system-ui,-apple-system,sans-serif;display:grid;position:relative;overflow:hidden}.app.view-mode .add-person-btn{display:none}.app.view-mode:not(.tree-edit-off) .left-toolbar{pointer-events:none;background:0 0;border-right-color:#0000}.app.view-mode:not(.tree-edit-off) .left-toolbar>*{opacity:0;transition:opacity .2s}.app.view-mode:not(.tree-edit-off).sidebar-near .left-toolbar{pointer-events:auto}.app.view-mode:not(.tree-edit-off).sidebar-near .left-toolbar>*{opacity:1}.app.view-mode .react-flow__node-person .react-flow__handle{opacity:0;pointer-events:none}.app.view-mode .react-flow__node-person.selected .react-flow__handle[data-handleid=top-out],.app.view-mode .react-flow__node-person.selected .react-flow__handle[data-handleid=bottom-out],.app.view-mode .react-flow__node-person.selected .react-flow__handle[data-handleid=right-out],.app.view-mode .react-flow__node-person.selected .react-flow__handle[data-handleid=left-out]{cursor:default!important}.app.view-mode .react-flow__edge{cursor:default}.app.view-mode .react-flow__edge:hover .react-flow__edge-path{stroke:#1f2937;stroke-width:2.5px}.app.view-mode .react-flow__node-junction{cursor:default}.app.view-mode .react-flow__node-person{cursor:pointer}.left-toolbar{z-index:6;background:#fff;border-right:2px solid #2a2a32;flex-direction:column;align-items:center;gap:.4rem;width:56px;padding:.5rem 0;display:flex;position:absolute;top:0;bottom:0;left:0}.toolbar-nav-group{flex-direction:column;align-items:center;gap:.4rem;display:flex}.toolbar-bottom-group{flex-direction:column;align-items:center;gap:.4rem;margin-top:auto;display:flex}.right-panel{width:var(--right-panel-width);z-index:10;background:#fff;border-left:2px solid #2a2a32;transition:transform .18s;position:absolute;top:0;bottom:0;right:0;overflow:hidden auto;transform:translate(100%);box-shadow:-2px 0 8px #0000000f}.app.has-selected .right-panel{transform:translate(0)}.tree-container{grid-area:tree;min-width:0;min-height:0;position:relative}.toolbar-btn{cursor:pointer;color:#1a1a1f;background:#fff;border:1px solid #c4c4cd;border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-family:inherit;font-size:1.2rem;display:flex}.toolbar-btn:hover{background:#e8e8ee;border-color:#9a9aa4}.toolbar-btn:active{background:#d8d8e0}.toolbar-btn.active{color:#fff;background:#2a2a32;border-color:#2a2a32}.toolbar-btn.active:hover{background:#1a1a22;border-color:#1a1a22}.app.hand-mode .react-flow__pane,.app.hand-mode .react-flow__renderer,.app.hand-mode .react-flow__node-junction{cursor:grab}.app.hand-mode .react-flow__pane:active,.app.hand-mode .react-flow__renderer:active,.app.hand-mode .react-flow__node-junction:active{cursor:grabbing}.app.hand-mode .react-flow__edge{pointer-events:none}.detail-anchor{left:60px;right:var(--right-panel-width);pointer-events:none;z-index:4;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:.45rem;padding:0 1rem;display:flex;position:absolute}.detail-anchor-top{top:14px}.detail-chip{color:#0a0a0e;white-space:nowrap;background:#fff;border:2px solid #2a2a32;border-radius:999px;padding:.4rem .95rem;font-size:.95rem;font-weight:500;line-height:1.2;box-shadow:0 1px 3px #00000014}.detail-chip-name{font-size:1.05rem;font-weight:600}.detail-chip-nickname{color:#1a1a1f;font-style:italic}.detail-chip-secondary{color:#0a0a0e;background:#f8f8fa}.person-panel{flex-direction:column;gap:.4rem;padding:0 1.25rem 1.25rem;display:flex}.person-panel-header{z-index:5;background:#fff;align-items:center;gap:.5rem;margin:0 -1.25rem;padding-top:.6rem;padding-left:1.25rem;padding-right:1.25rem;display:flex;position:sticky;top:0}.person-panel-header .person-panel-display-name{flex:auto;min-width:0}.person-panel-close{color:#5a5a64;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:.25rem;padding:0;font-size:1.5rem;line-height:1;transition:background .12s,color .12s;display:inline-flex}.person-panel-close:hover{color:#1a1a1f;background:#f0f0f4}.person-panel-close:focus-visible{outline-offset:2px;outline:2px solid #1d4ed8}.person-panel-view-profile-row{gap:.4rem;margin:.75rem 0;display:flex}.person-panel-view-profile,.person-panel-view-profile-newtab{color:#fff;cursor:pointer;background:#0a0a0e;border:2px solid #0a0a0e;border-radius:6px;justify-content:center;align-items:center;font-family:inherit;font-weight:600;text-decoration:none;transition:background .12s,border-color .12s;display:inline-flex}.person-panel-view-profile{flex:auto;padding:.4rem .8rem;font-size:.9rem}.person-panel-view-profile-newtab{flex:none;width:36px;height:36px;padding:0}.person-panel-view-profile:hover,.person-panel-view-profile-newtab:hover{background:#1a1a1f;border-color:#1a1a1f}.person-panel-view-profile:focus-visible,.person-panel-view-profile-newtab:focus-visible{outline-offset:2px;outline:2px solid #1d4ed8}.person-panel label{color:#0a0a0e;flex-direction:column;gap:.35rem;font-size:.95rem;font-weight:600;display:flex}.person-panel input[type=text],.person-panel input[type=date],.person-panel input[type=month],.person-panel input[type=time],.person-panel input[type=tel],.person-panel input[type=email],.person-panel input[type=url],.person-panel select,.person-panel textarea{color:#0a0a0e;box-sizing:border-box;background:#fff;border:2px solid #2a2a32;border-radius:6px;width:100%;padding:.4rem .7rem;font-family:inherit;font-size:.95rem;font-weight:500}.person-panel input[type=text]:not(.tags-field-input),.person-panel input[type=date],.person-panel input[type=month],.person-panel input[type=time],.person-panel input[type=tel],.person-panel input[type=email],.person-panel input[type=url],.person-panel select{height:36px}.person-panel input::placeholder,.person-panel textarea::placeholder{color:#5a5a64}.person-panel input[readonly],.person-panel textarea[readonly],.person-panel select:disabled{color:#0a0a0e;opacity:1;cursor:default;background-color:#f4f4f7}.person-panel select:disabled{background-image:none;padding-right:.7rem}.person-panel input[readonly]:focus,.person-panel textarea[readonly]:focus{box-shadow:none;border-color:#2a2a32}.person-panel input.person-panel-display-name[readonly],.person-panel input.person-panel-display-name[readonly]:focus{cursor:default;background-color:#fff!important}.tags-field{cursor:text;box-sizing:border-box;background:#fff;border:2px solid #2a2a32;border-radius:6px;flex-wrap:wrap;align-items:center;gap:.25rem;min-height:calc(1.94rem + 4px);padding:.15rem;display:flex;position:relative}.tags-field:focus-within{border-color:#1d4ed8;box-shadow:0 0 0 2px #1d4ed833}.app.view-mode .tags-field{cursor:default;background:#f4f4f7}.person-panel .tags-field:has(input[readonly]){cursor:default;background:#f4f4f7}.tags-field-pill{color:#fff;white-space:nowrap;background:#2a2a32;border-radius:5px;align-items:center;gap:.4rem;padding:.2rem .55rem;font-size:.95rem;font-weight:500;line-height:1.2;display:inline-flex}.tags-field-pill-custom{background:#4a4a55;font-style:italic}.tags-field-pill-remove{color:#fff;cursor:pointer;opacity:.75;background:0 0;border:none;margin-right:-.1rem;padding:0;font-size:1.05rem;line-height:1}.tags-field-pill-remove:hover{opacity:1}.person-panel .tags-field-input,.person-panel .tags-field-input:focus{color:#0a0a0e;flex:1 1 0;width:auto;min-width:30px;font-size:.95rem;font-weight:500;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;padding:.1rem 0!important}.person-panel .tags-field-input:first-child{padding-left:.55rem!important}.combo-field{position:relative}.combo-field-clear{color:#5a5a64;cursor:pointer;background:#e8e8ee;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:1rem;line-height:1;transition:background .12s,color .12s;display:inline-flex;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.combo-field-clear:hover{color:#1a1a1f;background:#d8d8e0}.combo-options{z-index:50;background:#fff;border:2px solid #2a2a32;border-radius:6px;max-height:240px;padding:.25rem 0;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001f}.combo-option{text-align:left;color:#0a0a0e;cursor:pointer;background:0 0;border:none;width:100%;padding:.45rem .7rem;font-family:inherit;font-size:.95rem;display:block}.combo-option:hover,.combo-option:focus{background:#ecedf2;outline:none}.combo-option-create{border-top:1px solid #ecedf2;align-items:baseline;gap:.5rem;display:flex}.combo-options>.combo-option-create:first-child{border-top:none}.combo-option-create-prefix{text-transform:uppercase;letter-spacing:.04em;color:#5a5a64;font-size:.8rem;font-weight:600}.combo-option-create-value{color:#0a0a0e}.person-panel select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232a2a32' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-position:right .7rem center;background-repeat:no-repeat;background-size:16px 16px;padding-right:2rem}.person-panel input:focus,.person-panel select:focus,.person-panel textarea:focus{border-color:#1d4ed8;outline:none;box-shadow:0 0 0 2px #1d4ed833}.person-panel textarea{resize:vertical;min-height:110px}.person-panel input.person-panel-display-name{color:#0a0a0e;letter-spacing:.005em;font-size:1.45rem;font-weight:700;box-shadow:none!important;background:#fff!important;border:none!important;border-bottom:1.5px solid #d8d8de!important;border-radius:6px 6px 0 0!important;margin-left:-.5rem!important;padding:.15rem .5rem .55rem!important}.person-panel input.person-panel-display-name::placeholder{color:#0a0a0e;opacity:1}.person-panel input.person-panel-display-name.is-unnamed::placeholder{color:#9a9aa4;font-weight:600}.person-panel input.person-panel-display-name:focus{background:#fff8e1!important;border-bottom-color:#1d4ed8!important;outline:none!important}.field-group-heading{text-transform:uppercase;letter-spacing:.08em;color:#6a6a74;border:none;margin:1.1rem 0 .4rem;padding:0;font-size:.78rem;font-weight:700;line-height:1.1}.field-group-heading:first-of-type{margin-top:.25rem}.add-field-group-divider{border:none;border-top:1px solid #f0f0f4;margin:.25rem 0}.field-editor.is-personal>input:not([type=checkbox]):focus,.field-editor.is-personal>textarea:focus,.field-editor.is-personal>select:focus{background:#fff8e1!important}.field-editor{grid-template-columns:150px 1fr auto auto;align-items:center;gap:0;display:grid}.field-editor:has(>textarea){align-items:start}.field-editor-label{color:#0a0a0e;word-break:break-word;margin-right:.55rem;font-size:.95rem;font-weight:600}.field-editor:has(>textarea)>.field-editor-label{padding-top:.5rem}.field-editor-remove{color:#5a5a64;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.15rem .2rem;font-size:1.15rem;line-height:1}.field-editor-remove:hover{color:#1a1a1f;background:#f0f0f4}.field-editor-action-cell{justify-content:flex-end;align-self:stretch;align-items:center;gap:.4rem;display:flex}.field-editor-action-cell:not(:empty){margin-left:.4rem}.field-editor-remove-cell{justify-content:flex-end;align-self:stretch;align-items:center;gap:.2rem;display:flex}.field-editor-remove-cell:not(:empty){margin-left:.2rem}.field-editor-add{color:#2a2a32;cursor:pointer;box-sizing:border-box;background:#fff;border:2px solid #2a2a32;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:background .12s,color .12s;display:inline-flex}.field-editor-add:hover{color:#1d4ed8;background:#ecedf2}.field-editor-add:focus-visible{outline-offset:2px;outline:2px solid #1d4ed8}.person-panel-delete{color:#c54a4a;cursor:pointer;text-align:center;background:0 0;border:1.5px solid #c54a4a;border-radius:6px;width:100%;margin-top:1.5rem;padding:.65rem;font-family:inherit;font-size:.95rem;font-weight:500;transition:background .12s,color .12s}.person-panel-delete:hover{color:#fff;background:#c54a4a}.person-panel-delete:focus-visible{outline-offset:2px;outline:2px solid #c54a4a}.person-panel-invite-open{color:#2a2a32;cursor:pointer;background:0 0;border:1.5px solid #2a2a32;border-radius:6px;width:100%;margin-top:.75rem;padding:.65rem;font-family:inherit;font-size:.95rem;font-weight:500;transition:background .12s,color .12s}.person-panel-invite-open:hover{color:#fff;background:#2a2a32}.person-panel-invite{border:2px solid #d8d8de;border-radius:8px;flex-direction:column;gap:.5rem;margin-top:.75rem;padding:.75rem;display:flex}.person-panel-invite.is-pending{background:#f4f4f7;border-color:#1d4ed8}.person-panel-invite.is-linked{background:#f4f4f7}.person-panel-invite-label{color:#0a0a0e;font-size:.85rem;font-weight:600}.person-panel-invite-input{border:2px solid #2a2a32;border-radius:6px;height:36px;padding:0 .5rem;font-family:inherit;font-size:.95rem;font-weight:500}.person-panel-invite-input:focus{border-color:#1d4ed8;outline:none}.person-panel-invite-actions{gap:.5rem;display:flex}.person-panel-invite-send{color:#fff;cursor:pointer;background:#2a2a32;border:2px solid #2a2a32;border-radius:6px;flex:1;padding:.5rem;font-family:inherit;font-size:.9rem;font-weight:600}.person-panel-invite-send:disabled{opacity:.55;cursor:default}.person-panel-invite-cancel{color:#5a5a64;cursor:pointer;background:#fff;border:2px solid #d8d8de;border-radius:6px;padding:.5rem .75rem;font-family:inherit;font-size:.9rem;font-weight:600}.person-panel-invite-status{color:#0a0a0e;font-size:.85rem;font-weight:600}.person-panel-invite-code{color:#5a5a64;font-size:.85rem}.person-panel-invite-code code{letter-spacing:.05em;color:#0a0a0e;background:#fff;border:1px solid #d8d8de;border-radius:4px;padding:.1rem .4rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95rem;font-weight:600}.person-panel-invite-revoke{color:#b91c1c;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-family:inherit;font-size:.8rem;font-weight:600}.person-panel-invite-error{color:#b91c1c;font-size:.8rem}.person-panel-invite-shared{grid-template-columns:auto 1fr;gap:.25rem .75rem;margin:0;font-size:.85rem;display:grid}.person-panel-invite-shared dt{color:#5a5a64;font-weight:600}.person-panel-invite-shared dd{color:#0a0a0e;margin:0;font-weight:500}.person-panel-invite-shared-hint{color:#9a9aa4;font-size:.8rem}.invite-codes{flex-direction:column;gap:.75rem;margin-top:.5rem;display:flex}.invite-codes-generate{color:#fff;cursor:pointer;background:#2a2a32;border:2px solid #2a2a32;border-radius:6px;align-self:flex-start;padding:.5rem .9rem;font-family:inherit;font-size:.9rem;font-weight:600}.invite-codes-generate:disabled{opacity:.55;cursor:default}.invite-codes-error{color:#b91c1c;font-size:.85rem}.invite-codes-hint{color:#9a9aa4;font-size:.85rem}.invite-codes-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.invite-code-row{border:2px solid #d8d8de;border-radius:8px;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.invite-code-row.is-used{background:#f4f4f7}.invite-code-value{letter-spacing:.06em;color:#0a0a0e;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95rem;font-weight:600}.invite-code-row.is-used .invite-code-value{color:#9a9aa4;text-decoration:line-through}.invite-code-status{color:#5a5a64;margin-right:auto;font-size:.8rem;font-weight:600}.invite-code-copy,.invite-code-remove{cursor:pointer;background:#fff;border:2px solid #d8d8de;border-radius:6px;padding:.3rem .6rem;font-family:inherit;font-size:.8rem;font-weight:600}.invite-code-copy{color:#1d4ed8;border-color:#1d4ed8}.invite-code-remove{color:#b91c1c}.field-editor-action{color:#2a2a32;box-sizing:border-box;background:#fff;border:2px solid #2a2a32;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;text-decoration:none;transition:background .12s,color .12s;display:inline-flex}.field-editor-action:hover{color:#1d4ed8;background:#ecedf2}.field-editor-action:focus-visible{outline-offset:2px;outline:2px solid #1d4ed8}.app.view-mode .field-editor-action{background-color:#f4f4f7}.app.view-mode .field-editor-action:hover{background-color:#ecedf2}.field-editor-action.is-flash{color:#fff;border-color:#15803d;background-color:#16a34a!important}.field-editor-gear{color:#2a2a32;cursor:pointer;box-sizing:border-box;background:#fff;border:2px solid #2a2a32;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.field-editor-gear:hover{color:#1d4ed8;background:#ecedf2}.field-editor-gear:focus-visible{outline-offset:2px;outline:2px solid #1d4ed8}.field-editor-gear.is-active{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.field-editor-gear.is-active:hover{color:#fff;background:#1a44c0}.field-editor-attrs{grid-column:1/4;grid-template-rows:0fr;transition:grid-template-rows .18s ease-out;display:grid}.field-editor-attrs.is-expanded{grid-template-rows:1fr}.field-editor-attrs-clip{contain:layout paint;min-height:0;overflow:hidden}.field-editor-attrs-content{background:#f4f4f7;border:1px solid #d8d8de;border-radius:6px;flex-direction:column;gap:.45rem;margin-top:.5rem;padding:.65rem .75rem;display:flex}.field-editor-attr-row{grid-template-columns:110px 1fr;align-items:center;column-gap:.5rem;display:grid}.field-editor-attr-row.is-textarea{flex-direction:column;align-items:stretch;gap:.3rem;display:flex}.field-editor-attr-label{color:#4a4a55;font-size:.85rem;font-weight:500}.field-editor-attrs-content input:not([type=checkbox]),.field-editor-attrs-content textarea,.field-editor-attrs-content select{padding:.35rem .55rem;font-size:.9rem}.field-editor-attr-select{color:#0a0a0e;cursor:pointer;box-sizing:border-box;background:#fff;border:2px solid #2a2a32;border-radius:6px;width:100%;font-family:inherit;font-weight:500}.field-editor-attr-toggle{cursor:pointer;accent-color:#1d4ed8;justify-self:start;width:18px;height:18px;margin:0}.field-editor-attr-row.is-slider{justify-content:center;align-items:center;gap:.75rem;display:flex}.slider-side-label{color:#9a9aa4;-webkit-user-select:none;user-select:none;font-size:.85rem;font-weight:600;transition:color .12s}.slider-side-label.is-active{color:#0a0a0e}.slider-switch{cursor:pointer;background:#0a0a0e;border:none;border-radius:12px;flex-shrink:0;width:44px;height:24px;padding:0;position:relative}.slider-switch:focus-visible{outline-offset:2px;outline:2px solid #1d4ed8}.slider-knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000026}.slider-switch.is-on .slider-knob{transform:translate(20px)}.field-editor-attrs-content textarea{resize:vertical;border-color:#c8c8d0;min-height:4.5rem;font-family:inherit;line-height:1.4}.field-attrs-tooltip{z-index:50;pointer-events:none;color:#f4f4f7;background:#1a1a1f;border-radius:8px;flex-direction:column;gap:.5rem;min-width:200px;max-width:320px;padding:.7rem .85rem;font-size:.9rem;line-height:1.4;display:flex;position:fixed;box-shadow:0 6px 24px #0000002e}.field-attrs-tooltip-title{letter-spacing:.01em;border-bottom:1px solid #34343d;padding-bottom:.4rem;font-size:.95rem;font-weight:600}.field-attrs-tooltip-row{flex-direction:column;gap:.15rem;display:flex}.field-attrs-tooltip-key{text-transform:uppercase;letter-spacing:.04em;color:#a0a0ac;font-size:.75rem}.field-attrs-tooltip-value{color:#f4f4f7;white-space:pre-wrap;word-break:break-word}.add-field-btn{color:#1a1a1f;cursor:pointer;text-align:center;background:#fff;border:1.5px dashed #2a2a32;border-radius:6px;margin-top:1.5rem;padding:.65rem;font-family:inherit;font-size:.95rem;font-weight:500}.add-field-btn:hover{background:#f0f0f4;border-style:solid}.add-field-menu{background:#fff;border:2px solid #2a2a32;border-radius:6px;flex-direction:column;max-height:60vh;display:flex;overflow-y:auto}.add-field-section-label{text-transform:uppercase;letter-spacing:.05em;color:#3a3a44;border-top:1px solid #e1e1e8;padding:.5rem .85rem .3rem;font-size:.8rem;font-weight:700}.add-field-section-label:first-child{border-top:none}.add-field-section-label-secondary{color:#5a5a64}.add-field-option{text-align:left;color:#1a1a1f;cursor:pointer;background:#fff;border:none;border-top:1px solid #f0f0f4;padding:.65rem .85rem;font-family:inherit;font-size:.95rem}.add-field-option:hover{background:#f0f0f4}.add-field-cancel{text-align:center;color:#5a5a64;cursor:pointer;background:#fff;border:none;border-top:1px solid #2a2a32;padding:.55rem .85rem;font-family:inherit;font-size:.9rem;font-weight:500}.add-field-cancel:hover{color:#1a1a1f;background:#f0f0f4}.confirm-backdrop{z-index:1000;background:#0f0f146b;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog{background:#fff;border:2px solid #2a2a32;border-radius:8px;width:min(92vw,360px);padding:1.5rem 1.5rem 1.25rem;box-shadow:0 4px 12px #0000001f}.confirm-message{color:#1a1a1f;text-align:center;text-wrap:balance;margin:0 0 1.25rem;font-size:1rem;line-height:1.5}.confirm-actions{justify-content:center;gap:.65rem;display:flex}.confirm-btn{cursor:pointer;border:2px solid #2a2a32;border-radius:6px;min-width:100px;padding:.55rem 1.2rem;font-family:inherit;font-size:.95rem;font-weight:500}.confirm-btn-cancel{color:#1a1a1f;background:#fff}.confirm-btn-cancel:hover{background:#f0f0f4}.confirm-btn-danger{color:#fff;background:#dc2626}.confirm-btn-danger:hover{background:#b91c1c}.confirm-btn:focus-visible{outline-offset:2px;outline:2px solid #1d4ed8}.settings-page{background:#f8f8fa;height:100vh;padding-left:56px;display:block}.settings-content{height:100%;padding:1.5rem 2rem 4rem;overflow-y:auto}.settings-content-header{margin-bottom:1rem}.settings-content-title{color:#0a0a0e;margin:0;font-size:1.5rem;font-weight:700}.settings-tabs{border-bottom:1px solid #d8d8de;align-items:stretch;gap:0;margin-bottom:2rem;display:flex}.settings-tab{appearance:none;color:#5a5a64;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-1px;padding:.6rem 1rem;font-family:inherit;font-size:.95rem;font-weight:500;transition:color .12s,border-color .12s}.settings-tab:hover{color:#0a0a0e}.settings-tab.is-active{color:#0a0a0e;border-bottom-color:#2a2a32;font-weight:600}.settings-tab-admin-start{margin-left:auto}.settings-section{max-width:640px;margin-bottom:2.5rem;scroll-margin-top:1rem}.settings-section-title{letter-spacing:-.01em;color:#0a0a0e;margin:0 0 .4rem;font-size:1.6rem;font-weight:700}.settings-section-description{color:#3a3a44;margin:0 0 1.25rem;font-size:.95rem}.settings-placeholder{text-align:center;color:#5a5a64;background:#fff;border:2px dashed #c4c4cd;border-radius:8px;padding:1.25rem;font-style:italic}.settings-dev-tool-row{background:#fff;border:2px solid #2a2a32;border-radius:8px;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.settings-dev-tool-text{flex:auto;min-width:0}.settings-dev-tool-name{color:#0a0a0e;margin-bottom:.2rem;font-size:1rem;font-weight:600}.settings-dev-tool-sub{color:#5a5a64;font-size:.85rem;line-height:1.4}.settings-dev-tool-btn{color:#fff;font:inherit;cursor:pointer;background:#b91c1c;border:2px solid #b91c1c;border-radius:6px;flex:none;padding:.55rem 1.1rem;font-size:.9rem;font-weight:600;transition:background .12s,border-color .12s}.settings-dev-tool-btn:hover{background:#991616;border-color:#991616}.dev-switcher{border-bottom:1px solid #d8d8de;margin-bottom:1.5rem;padding-bottom:1.25rem}.dev-switcher-list{flex-direction:column;gap:.4rem;max-width:640px;margin:.9rem 0;padding:0;list-style:none;display:flex}.dev-switcher-row{background:#fff;border:2px solid #2a2a32;border-radius:6px;align-items:center;gap:.6rem;padding:.45rem .6rem;display:flex}.dev-switcher-email{color:#0a0a0e;text-overflow:ellipsis;white-space:nowrap;flex:auto;align-items:center;gap:.5rem;min-width:0;font-size:.9rem;font-weight:500;display:flex;overflow:hidden}.dev-switcher-current{text-transform:uppercase;letter-spacing:.04em;color:#fff;background:#2a2a32;border-radius:5px;flex:none;padding:2px 7px;font-size:.7rem;font-weight:600}.dev-switcher-btn{color:#0a0a0e;font:inherit;cursor:pointer;background:#fff;border:2px solid #2a2a32;border-radius:6px;flex:none;padding:.4rem .9rem;font-size:.85rem;font-weight:600;transition:background .12s}.dev-switcher-btn:hover:not(:disabled){background:#f4f4f7}.dev-switcher-btn:disabled{opacity:.5;cursor:default}.dev-switcher-forget{color:#5a5a64;font:inherit;cursor:pointer;background:0 0;border:none;flex:none;padding:.4rem .3rem;font-size:.85rem;font-weight:600}.dev-switcher-forget:hover:not(:disabled){color:#b91c1c}.dev-switcher-forget:disabled{opacity:.4;cursor:default}.dev-switcher-empty{color:#5a5a64;max-width:560px;margin:.9rem 0;font-size:.85rem;line-height:1.45}.dev-switcher-error{color:#b91c1c;background:#fef2f2;border-radius:6px;max-width:640px;margin-top:.7rem;padding:.55rem .7rem;font-size:.85rem;line-height:1.4}.members-manager{max-width:720px}.member-invite{background:#fff;border:2px solid #2a2a32;border-radius:8px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.member-invite-top{gap:.6rem;display:flex}.member-invite-email{border:2px solid #2a2a32;border-radius:6px;flex:auto;height:36px;padding:0 .7rem;font-family:inherit;font-size:.95rem;font-weight:500}.member-invite-email:focus{border-color:#1d4ed8;outline:none}.member-invite-btn{color:#fff;cursor:pointer;background:#2a2a32;border:none;border-radius:6px;flex:none;height:36px;padding:0 1rem;font-size:.9rem;font-weight:600}.member-invite-btn:hover:not(:disabled){background:#0a0a0e}.member-invite-btn:disabled{opacity:.5;cursor:default}.member-invite-perms{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.member-invite-perms-label{color:#5a5a64;font-size:.85rem;font-weight:600}.perm-toggles{flex-wrap:wrap;gap:.4rem;display:flex}.perm-toggle{color:#5a5a64;cursor:pointer;background:#fff;border:2px solid #d8d8de;border-radius:5px;padding:.3rem .65rem;font-family:inherit;font-size:.82rem;font-weight:600;line-height:1.2}.perm-toggle:hover:not(:disabled){color:#2a2a32;border-color:#2a2a32}.perm-toggle.is-on{color:#fff;background:#2a2a32;border-color:#2a2a32}.perm-toggle:disabled{opacity:.5;cursor:default}.member-error{color:#b91c1c;background:#fef2f2;border-radius:6px;max-width:720px;margin-top:.7rem;padding:.55rem .7rem;font-size:.85rem;line-height:1.4}.member-empty{color:#5a5a64;margin-top:1rem;font-size:.9rem}.member-list{flex-direction:column;gap:.6rem;margin:1.1rem 0 0;padding:0;list-style:none;display:flex}.member-row{background:#fff;border:2px solid #d8d8de;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.6rem .9rem;padding:.75rem 1rem;display:flex}.member-id{flex-wrap:wrap;align-items:baseline;gap:.3rem .55rem;min-width:180px;display:flex}.member-name{color:#0a0a0e;font-size:.95rem;font-weight:600}.member-email{color:#9a9aa4;font-size:.82rem}.member-status{text-transform:uppercase;letter-spacing:.03em;border-radius:4px;padding:.1rem .4rem;font-size:.72rem;font-weight:700}.member-status.is-active{color:#5a5a64;background:#f4f4f7}.member-status.is-pending{color:#92400e;background:#fef3c7}.member-row .perm-toggles{flex:auto}.member-revoke{color:#5a5a64;cursor:pointer;background:#fff;border:2px solid #d8d8de;border-radius:6px;flex:none;padding:.3rem .7rem;font-family:inherit;font-size:.82rem;font-weight:600}.member-revoke:hover{color:#b91c1c;border-color:#b91c1c}.settings-section-wide{max-width:none}.preference-rows{flex-direction:column;gap:.85rem;max-width:640px;display:flex}.account-rows{flex-direction:column;gap:.6rem;max-width:640px;display:flex}.account-row{grid-template-columns:180px 1fr auto;align-items:center;column-gap:1rem;min-height:28px;display:grid}.account-row-action{appearance:none;color:#1d4ed8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem .5rem;font-family:inherit;font-size:.9rem;font-weight:500}.account-row-action:hover:not(:disabled){background:#f4f4f7;text-decoration:underline}.account-row-action:disabled{opacity:.45;cursor:not-allowed}.account-value-id{color:#5a5a64;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem}.account-value-masked{letter-spacing:.08em}.account-inline-form{background:#f8f8fa;border:1px solid #d8d8de;border-radius:6px;flex-direction:column;grid-column:1/-1;gap:.6rem;max-width:480px;margin-top:.25rem;padding:.85rem 1rem;display:flex}.account-inline-field{flex-direction:column;gap:.3rem;display:flex}.account-inline-field span{color:#0a0a0e;font-size:.85rem;font-weight:600}.account-inline-field input{color:#0a0a0e;background:#fff;border:2px solid #2a2a32;border-radius:6px;padding:.45rem .65rem;font-family:inherit;font-size:.95rem;font-weight:500}.account-inline-field input:focus{border-color:#1d4ed8;outline:none}.account-inline-actions{justify-content:flex-end;gap:.5rem;margin-top:.2rem;display:flex}.account-inline-cancel,.account-inline-submit{appearance:none;cursor:pointer;border-radius:6px;padding:.4rem .85rem;font-family:inherit;font-size:.9rem;font-weight:500}.account-inline-cancel{color:#5a5a64;background:0 0;border:2px solid #d8d8de}.account-inline-cancel:hover{color:#0a0a0e;border-color:#2a2a32}.account-inline-submit{color:#fff;background:#2a2a32;border:2px solid #2a2a32}.account-inline-submit:hover:not(:disabled){background:#1a1a1f;border-color:#1a1a1f}.account-inline-submit:disabled{opacity:.6;cursor:not-allowed}.account-inline-note{color:#5a5a64;background:#f8f8fa;border:1px solid #d8d8de;border-radius:6px;grid-column:1/-1;max-width:480px;margin-top:.25rem;padding:.6rem .85rem;font-size:.9rem;line-height:1.4}.account-inline-note strong{color:#0a0a0e;word-break:break-word}.account-delete-btn{appearance:none;color:#fff;cursor:pointer;background:#b91c1c;border:2px solid #b91c1c;border-radius:6px;align-self:flex-start;padding:.5rem 1rem;font-family:inherit;font-size:.95rem;font-weight:500;transition:background .12s,border-color .12s}.account-delete-btn:hover{background:#991616;border-color:#991616}.account-label{color:#0a0a0e;font-size:.95rem;font-weight:600}.account-value{color:#5a5a64;word-break:break-word;font-size:.95rem}.account-actions{flex-direction:column;gap:.4rem;margin-top:.6rem;display:flex}.account-actions-danger{border-top:1px solid #d8d8de;flex-flow:wrap;gap:.6rem;margin-top:1.25rem;padding-top:1.25rem}.account-signout-btn{appearance:none;color:#b91c1c;cursor:pointer;background:#fff;border:2px solid #b91c1c;border-radius:6px;align-self:flex-start;padding:.5rem 1rem;font-family:inherit;font-size:.95rem;font-weight:500;transition:background .12s,color .12s}.account-signout-btn:hover:not(:disabled){color:#fff;background:#b91c1c}.account-signout-btn:disabled{opacity:.55;cursor:not-allowed}.account-error{color:#b91c1c;background:#fef2f2;border:2px solid #b91c1c;border-radius:6px;margin-top:.4rem;padding:.5rem .75rem;font-size:.9rem}.preference-row{grid-template-columns:180px 1fr;align-items:center;column-gap:1rem;display:grid}.account-features{margin-top:.85rem}.account-subsection-title{color:#0a0a0e;margin:0 0 .6rem;font-size:1rem;font-weight:700}.feature-rows{flex-direction:column;gap:.6rem;max-width:640px;display:flex}.feature-row{cursor:pointer;background:#fff;border:2px solid #d8d8de;border-radius:8px;align-items:center;gap:.85rem;padding:.75rem 1rem;transition:border-color .12s,background .12s;display:flex}.feature-row:hover{border-color:#2a2a32}.feature-row.is-on{background:#f8f8fa;border-color:#2a2a32}.feature-row input[type=checkbox]{accent-color:#2a2a32;cursor:pointer;flex:none;width:18px;height:18px;margin:0}.feature-row-label,.preference-label{color:#0a0a0e;font-size:.95rem;font-weight:600}.preference-select{color:#0a0a0e;cursor:pointer;background:#fff;border:2px solid #2a2a32;border-radius:6px;max-width:380px;padding:.45rem .7rem;font-family:inherit;font-size:.95rem;font-weight:500}.preference-select:focus-visible{outline-offset:2px;outline:2px solid #1d4ed8}.preference-segmented{border:2px solid #2a2a32;border-radius:6px;width:fit-content;display:inline-flex;overflow:hidden}.preference-segment{color:#0a0a0e;cursor:pointer;background:#fff;border:none;padding:.45rem 1.1rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:background .12s,color .12s}.preference-segment+.preference-segment{border-left:2px solid #2a2a32}.preference-segment:hover{background:#ecedf2}.preference-segment.is-active{color:#fff;background:#1d4ed8}.preference-segment.is-active:hover{background:#1a44c0}.preference-segment:focus-visible{outline-offset:2px;outline:2px solid #1d4ed8}.preference-subsection{margin-top:.85rem}.preference-subsection-title{color:#0a0a0e;margin:0 0 .85rem;font-size:.95rem;font-weight:600}.field-group-list{scroll-snap-type:x proximity;flex-direction:row;gap:.85rem;padding:.25rem 0 .85rem;display:flex;overflow:auto visible}.field-group-list::-webkit-scrollbar{height:8px}.field-group-list::-webkit-scrollbar-thumb{background:#c4c4cd;border-radius:4px}.field-group-list::-webkit-scrollbar-thumb:hover{background:#9a9aa4}.field-group-card{scroll-snap-align:start;background:#fff;border:2px solid #2a2a32;border-radius:8px;flex:none;width:240px;max-height:60vh;padding:.65rem .75rem .75rem;transition:border-color .12s,box-shadow .12s;overflow:hidden auto}.field-group-card-hidden{background:#f8f8fa}.field-group-card-over{border-color:#1d4ed8;box-shadow:0 0 0 2px #1d4ed833}.field-group-header{align-items:center;gap:.5rem;margin-bottom:.55rem;display:flex}.field-group-title{color:#0a0a0e;flex:1;padding:.15rem 0;font-size:.95rem;font-weight:700}.field-group-title-input{color:#0a0a0e;background:0 0;border:none;border-bottom:1.5px dashed #0000;outline:none;flex:1;width:100%;padding:.15rem 0;font-family:inherit;font-size:.95rem;font-weight:700}.field-group-title-input:hover,.field-group-title-input:focus{border-bottom-color:#c4c4cd}.field-group-title-input:focus{border-bottom-color:#1d4ed8}.field-group-header-actions{flex-shrink:0;align-items:center;gap:.2rem;display:flex}.field-group-icon-btn{color:#5a5a64;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-family:inherit;font-size:1.2rem;font-weight:600;line-height:1;display:flex}.field-group-icon-btn:hover:not(:disabled){color:#1a1a1f;background:#f0f0f4}.field-group-icon-btn:disabled{cursor:not-allowed;opacity:.25}.field-group-empty{color:#5a5a64;text-align:center;border:1.5px dashed #c4c4cd;border-radius:6px;padding:.65rem .75rem;font-size:.9rem;font-style:italic;list-style:none}.field-order-list{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.field-group-actions{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.add-group-btn,.field-group-actions .settings-reset{color:#1a1a1f;cursor:pointer;text-align:center;background:#fff;border:1.5px solid #2a2a32;border-radius:6px;min-width:160px;margin:0;padding:.55rem 1rem;font-family:inherit;font-size:.9rem;font-weight:500}.add-group-btn{border-style:dashed}.add-group-btn:hover,.field-group-actions .settings-reset:hover{background:#f0f0f4}.add-group-btn:hover{border-style:solid}.visibility-ring-header{flex-direction:column;align-items:stretch;gap:.35rem}.visibility-ring-titlerow{align-items:center;gap:.35rem;display:flex}.visibility-ring-titlerow .field-group-title-input{flex:1;min-width:0}.visibility-ring-grip{color:#5a5a64;cursor:grab;touch-action:none;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin-left:-.275rem;padding:.2rem 0;display:inline-flex}.visibility-ring-grip:hover{color:#2a2a32}.visibility-ring-grip:active{cursor:grabbing}.visibility-ring-card-dragging{opacity:.9;border-color:#1d4ed8;box-shadow:0 0 0 2px #1d4ed833,0 10px 28px #0000002e}.visibility-ring-titlerow .field-group-icon-btn{flex-shrink:0;margin-right:-.3rem}.field-group-icon-btn.is-active,.field-group-icon-btn.is-active:hover:not(:disabled){color:#fff;background:#2a2a32}.visibility-ring-panel{background:#f4f4f7;border:1.5px solid #d8d8de;border-radius:6px;flex-direction:column;gap:.55rem;margin-bottom:.6rem;padding:.6rem;display:flex}.visibility-ring-field{flex-direction:column;gap:.2rem;display:flex}.visibility-ring-field-label{color:#5a5a64;text-transform:uppercase;letter-spacing:.02em;font-size:.72rem;font-weight:600}.visibility-ring-select{color:#0a0a0e;cursor:pointer;background:#fff;border:2px solid #2a2a32;border-radius:6px;height:32px;padding:0 .45rem;font-family:inherit;font-size:.85rem;font-weight:500}.visibility-ring-checkbox{color:#0a0a0e;cursor:pointer;align-items:center;gap:.4rem;font-size:.82rem;font-weight:500;display:flex}.visibility-ring-checkbox input{accent-color:#1d4ed8;cursor:pointer;width:15px;height:15px}.people-picker{flex-direction:column;gap:.3rem;display:flex}.people-picker-search{border:2px solid #2a2a32;border-radius:6px;height:30px;padding:0 .45rem;font-family:inherit;font-size:.82rem}.people-picker-list{background:#fff;border:1.5px solid #d8d8de;border-radius:6px;flex-direction:column;max-height:168px;display:flex;overflow-y:auto}.people-picker-item{color:#0a0a0e;cursor:pointer;align-items:center;gap:.4rem;padding:.32rem .45rem;font-size:.82rem;display:flex}.people-picker-item:hover{background:#f4f4f7}.people-picker-item input{accent-color:#1d4ed8;cursor:pointer;flex-shrink:0;width:14px;height:14px}.people-picker-empty{color:#5a5a64;padding:.45rem;font-size:.8rem}.visibility-ring-perm{border:2px solid #2a2a32;border-radius:6px;width:max-content;display:flex;overflow:hidden}.visibility-ring-perm-btn{color:#5a5a64;cursor:pointer;background:#fff;border:none;padding:.3rem .85rem;font-family:inherit;font-size:.82rem;font-weight:600}.visibility-ring-perm-btn+.visibility-ring-perm-btn{border-left:2px solid #2a2a32}.visibility-ring-perm-btn.is-active{color:#fff;background:#2a2a32}.visibility-ring-delete{color:#b91c1c;cursor:pointer;background:#fff;border:1.5px solid #b91c1c;border-radius:6px;margin-top:.1rem;padding:.45rem;font-family:inherit;font-size:.82rem;font-weight:600}.visibility-ring-delete:hover{background:#fef2f2}.visibility-ring-card .add-field-btn{box-sizing:border-box;width:100%;margin-top:.6rem;display:block}.visibility-ring-card .add-field-menu{box-sizing:border-box;width:100%;max-height:320px;margin-top:.6rem}.add-field-empty{color:#5a5a64;padding:.65rem .85rem;font-size:.85rem}.visibility-ring-chip,.visibility-ring-chip:active{cursor:default}.visibility-ring-chip-remove{color:#9a9aa4;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-family:inherit;font-size:1.1rem;font-weight:600;line-height:1;display:flex}.visibility-ring-chip-remove:hover{color:#b91c1c;background:#fef2f2}.field-order-item{cursor:grab;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #2a2a32;border-radius:6px;align-items:center;gap:.6rem;padding:.5rem .75rem;display:flex}.field-order-item:active{cursor:grabbing}.field-order-item.is-personal{background:#fff8e1}.field-order-item-dragging{background:#fff;border-color:#1d4ed8;box-shadow:0 0 0 2px #1d4ed840,0 8px 24px #0000002e}.field-order-handle{color:#5a5a64;flex-shrink:0;align-items:center;display:inline-flex}.field-order-label{color:#0a0a0e;flex:1;font-size:.95rem;font-weight:500}.settings-reset{color:#1a1a1f;cursor:pointer;background:#fff;border:1.5px solid #c4c4cd;border-radius:6px;margin-top:1rem;padding:.55rem 1rem;font-family:inherit;font-size:.9rem;font-weight:500}.settings-reset:hover{background:#f0f0f4;border-color:#2a2a32}.react-flow{background:#f4f4f7}.react-flow__node{font-family:inherit}.person-node{color:#0a0a0e;background:#fff;border:2px solid #2a2a32;border-radius:8px;padding:.7rem 1rem;font-size:1.05rem;font-weight:500;transform:translate(calc(75px - 50%));box-shadow:0 1px 2px #0000000f}.person-node-label-empty{color:#9a9aa4;font-style:italic;font-weight:400}.react-flow__node.selected .person-node,.person-node:hover{box-shadow:0 0 0 3px #1d4ed840}.react-flow__node.dragging .person-node{box-shadow:none;border-color:#1d4ed8}.junction-node{background:#1f2937;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 1px #1f2937}.react-flow__handle{cursor:inherit!important}.react-flow__node-junction .react-flow__handle{opacity:0;background:0 0;border:none;width:2px;height:2px}.react-flow__node-junction .react-flow__handle[data-handleid=top-in],.react-flow__node-junction .react-flow__handle[data-handleid=bottom-out]{pointer-events:none}.react-flow__node-junction .react-flow__handle[data-handleid=drop]{pointer-events:none;top:8px}.react-flow__handle{background:#2a2a32;border:1px solid #fff;width:8px;height:8px}.react-flow__handle:hover{background:#1d4ed8}.react-flow__node-person .react-flow__handle{opacity:0;transition:opacity .15s}.react-flow__node-person.selected .react-flow__handle{opacity:1}.react-flow__node-person.dragging .react-flow__handle{opacity:0;transition:none}.react-flow__node.has-parent .react-flow__handle[data-handleid=top-in],.react-flow__node.has-parent .react-flow__handle[data-handleid=top-out]{opacity:0;pointer-events:none}.react-flow__node-person .react-flow__handle[data-handleid=top-out],.react-flow__node-person .react-flow__handle[data-handleid=bottom-out],.react-flow__node-person .react-flow__handle[data-handleid=top-in],.react-flow__node-person .react-flow__handle[data-handleid=bottom-in],.react-flow__node-person .react-flow__handle[data-handleid=right-out],.react-flow__node-person .react-flow__handle[data-handleid=left-out]{pointer-events:auto}.relationship-dragging .react-flow__node-person .react-flow__handle[data-handleid=left-out],.relationship-dragging .react-flow__node-person .react-flow__handle[data-handleid=right-out]{opacity:1}.connecting .react-flow__node-person,.connecting .react-flow__node-junction,.connecting .react-flow__node-person .person-node,.connecting .react-flow__node-junction .junction-node,.react-flow__node-person.selected .react-flow__handle[data-handleid=top-out],.react-flow__node-person.selected .react-flow__handle[data-handleid=bottom-out],.react-flow__node-person.selected .react-flow__handle[data-handleid=right-out],.react-flow__node-person.selected .react-flow__handle[data-handleid=left-out]{cursor:crosshair!important}.react-flow__edge{cursor:pointer}.react-flow__edge-path{stroke:#1f2937;stroke-width:2.5px}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:hover .react-flow__edge-path{stroke:#1d4ed8;stroke-width:3.5px}.react-flow__controls{background:#fff;border:2px solid #c4c4cd;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #00000014}.react-flow__controls-button{color:#0a0a0e;background:#fff;border-bottom:1px solid #c4c4cd;width:32px;height:32px}.react-flow__controls-button:hover{background:#e8e8ee}.react-flow__controls-button svg{fill:#0a0a0e}.react-flow__background{--xy-background-pattern-color:#c4c4cd}.add-person-btn{color:#fff;cursor:pointer;background:#1d4ed8;border:none;border-radius:8px;padding:.65rem 1.1rem;font-family:inherit;font-size:1rem;font-weight:600;transition:background .15s,box-shadow .15s;box-shadow:0 2px 6px #1d4ed84d}.add-person-btn:hover{background:#1e40af;box-shadow:0 3px 10px #1d4ed866}.add-person-btn:active{background:#1e3a8a}.auth-loading{color:#5a5a64;justify-content:center;align-items:center;min-height:100vh;font-family:system-ui,-apple-system,sans-serif;font-size:1rem;display:flex}.login-screen{background:#f4f4f7;justify-content:center;align-items:center;min-height:100vh;padding:2rem;font-family:system-ui,-apple-system,sans-serif;display:flex}.login-card{background:#fff;border-radius:12px;width:100%;max-width:400px;padding:2.5rem;box-shadow:0 1px 3px #0a0a0e0d,0 8px 24px #0a0a0e14}.login-title{color:#0a0a0e;margin:0 0 1.5rem;font-size:1.5rem;font-weight:700}.login-form{flex-direction:column;gap:.85rem;display:flex}.login-field{flex-direction:column;gap:.35rem;display:flex}.login-field span{color:#0a0a0e;font-size:.85rem;font-weight:600}.login-field input{color:#0a0a0e;box-sizing:border-box;background:#fff;border:2px solid #2a2a32;border-radius:6px;width:100%;height:38px;padding:.55rem .75rem;font-family:inherit;font-size:.95rem;font-weight:500}.login-field input:focus{border-color:#1d4ed8;outline:none}.login-submit{color:#fff;cursor:pointer;background:#0a0a0e;border:2px solid #0a0a0e;border-radius:6px;margin-top:.5rem;padding:.6rem 1rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:background .12s,border-color .12s}.login-submit:hover:not(:disabled){background:#1a1a1f;border-color:#1a1a1f}.login-submit:disabled{opacity:.6;cursor:not-allowed}.login-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:.5rem .75rem;font-size:.85rem;line-height:1.4}.login-mode-toggle{color:#1d4ed8;cursor:pointer;background:0 0;border:none;border-radius:4px;margin:0;padding:.25rem .5rem;font-family:inherit;font-size:.9rem;font-weight:500;display:block}.login-mode-toggle:hover{background:#f4f4f7;text-decoration:underline}.login-bottom-links{flex-direction:column;align-items:center;gap:.4rem;margin:1.25rem auto 0;display:flex}.login-invite-note{color:#5a5a64;padding:.25rem .5rem;font-size:.85rem}.login-legal{text-align:center;color:#9a9aa4;margin:1.25rem 0 0;font-size:.8rem;line-height:1.4}.login-legal a{color:#5a5a64}.login-legal a:hover{color:#1d4ed8}.legal-page{background:#f8f8fa;min-height:100vh;overflow-y:auto}.legal-page-inner{max-width:760px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.legal-back{color:#5a5a64;margin-bottom:1.5rem;font-size:.9rem;text-decoration:none;display:inline-block}.legal-back:hover{color:#0a0a0e}.legal-content{color:#0a0a0e;background:#fff;border:2px solid #d8d8de;border-radius:8px;padding:2rem 2.25rem;font-size:.95rem;line-height:1.6}.legal-content h1{margin:0 0 .5rem;font-size:1.6rem;font-weight:700}.legal-content h2{margin:1.75rem 0 .5rem;font-size:1.15rem;font-weight:600}.legal-content h3{margin:1.25rem 0 .4rem;font-size:1rem;font-weight:600}.legal-content p{margin:0 0 .85rem}.legal-content ul,.legal-content ol{margin:0 0 .85rem;padding-left:1.4rem}.legal-content li{margin:.2rem 0}.legal-content a{color:#1d4ed8}.legal-content strong{font-weight:600}.legal-content blockquote{color:#92400e;background:#fef3c7;border-left:3px solid #fcd34d;border-radius:0 6px 6px 0;margin:0 0 1rem;padding:.6rem .9rem;font-size:.85rem}.legal-content table{border-collapse:collapse;width:100%;margin:0 0 1rem;font-size:.9rem}.legal-content th,.legal-content td{text-align:left;vertical-align:top;border:1px solid #d8d8de;padding:.4rem .6rem}.legal-content th{background:#f4f4f7;font-weight:600}.legal-content hr{border:none;border-top:1px solid #d8d8de;margin:1.5rem 0}.legal-content code{background:#f4f4f7;border-radius:4px;padding:1px 4px;font-size:.85em}.login-forgot-link{color:#5a5a64;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.2rem .5rem;font-family:inherit;font-size:.85rem;font-weight:500}.login-forgot-link:hover{color:#0a0a0e;background:#f4f4f7;text-decoration:underline}.login-reset-sent{flex-direction:column;align-items:stretch;gap:1rem;display:flex}.login-reset-sent p{color:#0a0a0e;margin:0;font-size:.95rem;line-height:1.5}.login-reset-sent strong{color:#0a0a0e;word-break:break-word;font-weight:600}.onboarding-card{max-width:520px}.onboarding-form{flex-direction:column;gap:.6rem;display:flex}.onboarding-feature{cursor:pointer;background:#fff;border:2px solid #d8d8de;border-radius:8px;align-items:center;gap:.85rem;padding:.85rem 1rem;transition:border-color .12s,background .12s;display:flex}.onboarding-feature:hover{border-color:#2a2a32}.onboarding-feature.is-on{background:#f8f8fa;border-color:#2a2a32}.onboarding-feature input[type=checkbox]{accent-color:#2a2a32;cursor:pointer;flex:none;width:18px;height:18px;margin:0}.onboarding-feature-label{color:#0a0a0e;font-size:1rem;font-weight:600}.vault-page{grid-area:tree;grid-template-columns:1fr var(--right-panel-width);background:#f8f8fa;height:100vh;padding-left:56px;display:grid;overflow:hidden}.vault-page-content{overflow-y:auto}.vault-page-inner{padding:0}.explorer-header{z-index:2;background:#fff;border-bottom:2px solid #2a2a32;position:sticky;top:0}.vault-storage-panel{flex-direction:column;gap:1rem;padding:1rem;display:flex}.vault-storage-header{justify-content:space-between;align-items:center;display:flex}.vault-storage-close{color:#5a5a64;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.1rem .4rem;font-size:1.2rem;line-height:1}.vault-storage-close:hover{color:#0a0a0e;background:#f4f4f7}.storage-locations-list{flex-direction:column;gap:.75rem;display:flex}.storage-location{border:2px solid #2a2a32;border-radius:8px;flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.storage-location-row{align-items:center;gap:.5rem;display:flex}.storage-location-dot{border-radius:50%;flex:none;width:8px;height:8px}.storage-location-dot.is-device{background:#2a2a32}.storage-location-dot.is-cloud{background:#1d4ed8}.storage-location-name{color:#0a0a0e;font-size:.95rem;font-weight:600}.storage-location-badge{border-radius:5px;margin-left:auto;padding:.1rem .5rem;font-size:.75rem;font-weight:600;line-height:1.2}.storage-location-badge.is-active{color:#fff;background:#1d4ed8}.storage-location-badge.is-off{color:#5a5a64;background:#f4f4f7}.storage-location-meta{color:#5a5a64;font-size:.85rem}.storage-subscribe-btn{color:#fff;cursor:pointer;background:#1d4ed8;border:none;border-radius:6px;align-self:flex-start;padding:.5rem .9rem;font-size:.9rem;font-weight:600}.storage-subscribe-btn:hover{background:#1a44bd}.storage-subscribe-btn:disabled{opacity:.6;cursor:default}.storage-action-btn{color:#0a0a0e;cursor:pointer;background:#fff;border:2px solid #2a2a32;border-radius:6px;align-self:flex-start;padding:.4rem .8rem;font-size:.9rem;font-weight:600}.storage-action-btn:hover{background:#f4f4f7}.storage-payg{cursor:pointer;align-items:flex-start;gap:.5rem;margin-top:.15rem;display:flex}.storage-payg-checkbox{accent-color:#1d4ed8;cursor:pointer;flex:none;width:16px;height:16px;margin-top:2px}.storage-payg-text{flex-direction:column;gap:.1rem;display:flex}.storage-payg-title{color:#0a0a0e;font-size:.85rem;font-weight:600}.storage-payg-meta{color:#5a5a64;font-size:.78rem}.storage-settings-link{color:#0a0a0e;cursor:pointer;background:0 0;border:2px solid #2a2a32;border-radius:8px;justify-content:space-between;align-items:center;padding:.6rem .75rem;font-size:.9rem;font-weight:600;display:flex}.storage-settings-link:hover{background:#f4f4f7}.vault-settings-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.vault-settings-badge{border-radius:5px;padding:.1rem .55rem;font-size:.78rem;font-weight:600;line-height:1.3}.vault-settings-badge.is-active{color:#fff;background:#1d4ed8}.vault-settings-badge.is-off{color:#5a5a64;background:#f4f4f7}.vault-settings-plan{color:#5a5a64;font-size:.9rem}.storage-usage{flex-direction:column;gap:.3rem;display:flex}.storage-usage-track{background:#f4f4f7;border-radius:3px;height:6px;overflow:hidden}.storage-usage-fill{background:#1d4ed8;border-radius:3px;height:100%;transition:width .3s}.storage-usage-text{color:#5a5a64;font-size:.8rem}.explorer-address-bar{border-bottom:1px solid #ececf0;flex-wrap:nowrap;align-items:center;gap:.5rem;min-width:0;padding:.65rem 1rem 0;font-size:.95rem;line-height:1.2;display:flex}.explorer-address-bar-controls{flex:none;align-items:center;gap:.25rem;margin-bottom:.65rem;display:flex}.explorer-address-bar-path{white-space:nowrap;scrollbar-width:thin;scrollbar-color:#c4c4cd transparent;flex:auto;align-self:stretch;align-items:center;gap:.15rem;min-width:0;padding-bottom:.65rem;display:flex;overflow:auto hidden}.explorer-address-bar-path::-webkit-scrollbar{height:6px}.explorer-address-bar-path::-webkit-scrollbar-thumb{background:#c4c4cd;border-radius:3px}.explorer-address-bar-path::-webkit-scrollbar-track{background:0 0}.explorer-command-bar{flex-wrap:wrap;align-items:center;gap:.4rem;min-height:36px;padding:.5rem 1rem;display:flex}.explorer-body{min-height:200px;padding:1.25rem 1.5rem 4rem}.vault-page-panel{background:#fff;border-left:2px solid #2a2a32;height:100%;overflow-y:auto}.vault-panel{flex-direction:column;align-items:stretch;gap:.75rem;padding:1.5rem 1.25rem 2rem;display:flex}.vault-panel-hero{background:#f4f4f7;border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:200px;display:flex;position:relative;overflow:hidden}.vault-panel-hero img{object-fit:contain;width:100%;height:auto;max-height:400px;display:block}.vault-panel-hero-icon{color:#5a5a64;height:200px}.vault-panel-name{color:#0a0a0e;word-break:break-word;margin-top:.5rem;font-size:1.1rem;font-weight:700;line-height:1.3}.vault-panel-sub{color:#9a9aa4;margin-top:-.4rem;font-size:.85rem;font-weight:500}.vault-panel-meta{border-top:1px solid #e8e8ee;flex-direction:column;gap:.5rem;margin-top:.5rem;padding-top:.75rem;display:flex}.vault-panel-meta-row{grid-template-columns:90px 1fr;align-items:baseline;gap:.5rem;font-size:.85rem;display:grid}.vault-panel-meta-label{color:#9a9aa4;font-weight:500}.vault-panel-meta-value{color:#0a0a0e;word-break:break-word;font-weight:500}.vault-panel-hint{color:#9a9aa4;margin-top:.75rem;font-size:.85rem;font-style:italic}.vault-panel-sources{margin-top:.25rem}.vault-panel-sources-label{letter-spacing:.04em;text-transform:uppercase;color:#9a9aa4;margin-bottom:.45rem;font-size:.72rem;font-weight:600}.vault-panel-source{background:#f4f4f7;border-radius:8px;align-items:center;gap:.55rem;padding:.5rem .65rem;display:flex}.vault-panel-source-icon{color:#5a5a64;display:inline-flex}.vault-panel-source-name{color:#0a0a0e;flex:1;font-size:.9rem;font-weight:500}.vault-panel-source-status{color:#9a9aa4;align-items:center;gap:.35rem;font-size:.78rem;font-weight:500;display:inline-flex}.vault-panel-source-status.is-connected{color:#1d4ed8}.vault-panel-source-status.is-connected:before{content:"";background:#1d4ed8;border-radius:50%;width:7px;height:7px}.explorer-nav-btn{appearance:none;color:#0a0a0e;cursor:pointer;background:#fff;border:1px solid #d8d8de;border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .1s,border-color .1s,color .1s,box-shadow .1s;display:inline-flex}.explorer-nav-btn:hover:not(:disabled){background:#f4f4f7;border-color:#b4b4be}.explorer-nav-btn:active:not(:disabled){background:#ececf0;box-shadow:inset 0 1px 2px #00000026}.explorer-nav-btn:disabled{opacity:.4;cursor:not-allowed;color:#9a9aa4;background:0 0;border-color:#ececf0}.explorer-nav-divider{background:#d8d8de;width:1px;height:22px;margin:0 .4rem;display:inline-block}.explorer-crumb-wrap{flex:none;align-items:center;display:inline-flex}.explorer-crumb{appearance:none;font:inherit;color:#5a5a64;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.2rem .35rem;font-weight:600;transition:background .12s,color .12s}.explorer-crumb:hover{color:#0a0a0e;background:#f4f4f7}.explorer-crumb.is-drop-over{color:#0a0a0e;background:#fef3c7}.explorer-crumb.is-current{cursor:default;color:#0a0a0e;font-weight:700}.explorer-crumb.is-current:hover{background:0 0}.explorer-crumb-sep{color:#9a9aa4;margin:0 .15rem;font-size:1rem}.explorer-toolbar-group{align-items:center;gap:.5rem;display:flex}.explorer-toolbar-divider{background:#d8d8de;width:1px;height:20px;margin:0 .35rem}.explorer-toolbar-spacer{flex:auto;min-width:.5rem}.explorer-sort-select{color:#5a5a64;align-items:center;gap:.4rem;font-size:.85rem;display:inline-flex}.explorer-sort-select select{appearance:none;height:32px;font:inherit;color:#0a0a0e;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%235a5a64' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5l3 3 3-3'/%3E%3C/svg%3E") right .6rem center/12px 12px no-repeat;border:1px solid #d8d8de;border-radius:4px;padding:0 1.8rem 0 .6rem;font-size:.85rem}.explorer-sort-select select:focus{border-color:#1d4ed8;outline:none}.explorer-sort-dir-btn{appearance:none;color:#5a5a64;cursor:pointer;background:#fff;border:1px solid #d8d8de;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .1s,border-color .1s,color .1s,box-shadow .1s;display:inline-flex}.explorer-sort-dir-btn:hover:not(:disabled){color:#0a0a0e;background:#f4f4f7;border-color:#b4b4be}.explorer-sort-dir-btn:active:not(:disabled){background:#ececf0;box-shadow:inset 0 1px 2px #00000026}.explorer-sort-dir-btn.active,.explorer-sort-dir-btn.active:hover:not(:disabled){color:#fff;background:#2a2a32;border-color:#2a2a32}.explorer-sort-dir-btn:focus{outline:none}.vault-view-panel{gap:1.25rem}.vault-view-panel-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.vault-view-panel-close{appearance:none;color:#5a5a64;cursor:pointer;background:0 0;border:none;border-radius:4px;width:28px;height:28px;padding:0;font-size:1.4rem;line-height:1;transition:background .1s,color .1s}.vault-view-panel-close:hover{color:#0a0a0e;background:#f4f4f7}.vault-view-section{flex-direction:column;gap:.45rem;display:flex}.vault-view-section-label{color:#5a5a64;font-size:.85rem;font-weight:600}.vault-view-section-hint{color:#9a9aa4;font-size:.8rem;line-height:1.4}.vault-view-segmented{background:#fff;border:1px solid #d8d8de;border-radius:6px;display:inline-flex;overflow:hidden}.vault-view-segmented-btn{appearance:none;font:inherit;color:#5a5a64;cursor:pointer;background:0 0;border:none;flex:auto;padding:.5rem .85rem;font-size:.9rem;transition:background .1s,color .1s}.vault-view-segmented-btn:hover:not(.active){color:#0a0a0e;background:#f4f4f7}.vault-view-segmented-btn.active{color:#fff;background:#2a2a32}.vault-view-segmented-btn:first-child{border-right:1px solid #d8d8de}.vault-view-sort-row{align-items:center;gap:.5rem;display:flex}.vault-view-sort-by{flex-direction:row;flex:auto;align-items:center;gap:.5rem;min-width:0;display:flex}.vault-view-sort-by>.vault-view-select{flex:auto;min-width:0}.vault-view-sort-row .vault-view-segmented-btn{flex:none;padding:.4rem .7rem;font-size:1rem}.vault-view-select{appearance:none;height:36px;font:inherit;color:#0a0a0e;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%235a5a64' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5l3 3 3-3'/%3E%3C/svg%3E") right .6rem center/12px 12px no-repeat;border:1px solid #d8d8de;border-radius:6px;padding:0 1.8rem 0 .75rem;font-size:.9rem}.vault-view-select:focus{border-color:#1d4ed8;outline:none}.vault-view-toggle-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.vault-view-toggle-switch{appearance:none;cursor:pointer;background:#d8d8de;border:none;border-radius:999px;flex:none;width:40px;height:22px;transition:background .15s;display:inline-block;position:relative}.vault-view-toggle-switch:focus{outline:none}.vault-view-toggle-switch:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:left .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.vault-view-toggle-switch.is-on{background:#2a2a32}.vault-view-toggle-switch.is-on:after{left:20px}.vault-view-toggle-label{color:#0a0a0e;flex:auto;font-size:.9rem}.vault-view-split-row{flex-direction:row;align-items:flex-start;gap:1.25rem}.vault-view-split-col{flex-direction:column;flex:1 1 0;gap:.45rem;min-width:0;display:flex}.vault-view-type-list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.vault-view-type-row{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#f4f4f7;border-radius:6px;align-items:center;gap:.4rem;padding:.4rem .6rem;display:flex}.vault-view-type-row:active,.vault-view-type-row.is-dragging{cursor:grabbing}.vault-view-type-row.is-dragging{background:#fff;box-shadow:0 6px 16px #0a0a0e2e}.vault-view-type-grip{color:#9a9aa4;flex:none;justify-content:center;align-items:center;display:inline-flex}.vault-view-type-name{color:#0a0a0e;font-size:.9rem;font-weight:500}.explorer-tile-thumb-wrap{width:100%;position:relative}.explorer-tile-storage{color:#5a5a64;background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:4px;right:4px;box-shadow:0 1px 2px #00000026}.explorer-tile-meta-sep{color:#b4b4be;margin:0 .25rem}.explorer-list-storage-slot{color:#5a5a64;flex:none;justify-content:center;align-items:center;width:14px;height:14px;display:inline-flex}.explorer-list-col-meta{text-align:right;width:90px}.vault-view-segmented-grid{width:100%}.explorer-timeline{flex-direction:column;gap:1.5rem;display:flex}.explorer-timeline-group{flex-direction:column;gap:.75rem;display:flex}.explorer-timeline-header{z-index:1;color:#0a0a0e;background:#f8f8fa;border-bottom:1px solid #ececf0;align-items:baseline;gap:.6rem;margin:0;padding:.5rem 0;font-size:1.1rem;font-weight:700;display:flex;position:sticky;top:0}.explorer-timeline-count{color:#9a9aa4;font-size:.8rem;font-weight:500}.explorer-columns{background:#fff;border-top:1px solid #ececf0;border-bottom:1px solid #ececf0;flex-direction:row;gap:0;height:100%;min-height:400px;display:flex;overflow-x:auto}.explorer-column{background:#fff;border-right:1px solid #ececf0;flex-direction:column;flex:0 0 240px;width:240px;display:flex}.explorer-column-header{color:#5a5a64;z-index:1;background:#f4f4f7;border-bottom:1px solid #ececf0;padding:.5rem .75rem;font-size:.85rem;font-weight:600;position:sticky;top:0}.explorer-column-body{flex:auto;padding:.25rem 0;overflow-y:auto}.explorer-column-empty{color:#9a9aa4;padding:.75rem;font-size:.85rem;font-style:italic}.explorer-column-row{appearance:none;width:100%;font:inherit;color:#0a0a0e;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:0;align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.9rem;transition:background .1s;display:flex}.explorer-column-row:hover{background:#f4f4f7}.explorer-column-row.is-selected{color:#1d4ed8;background:#eff6ff}.explorer-column-row.is-active{color:#fff;background:#2a2a32}.explorer-column-row.is-active:hover{background:#0a0a0e}.explorer-column-row-name{white-space:nowrap;text-overflow:ellipsis;flex:auto;overflow:hidden}.explorer-column-row-chevron{color:#9a9aa4;flex:none}.explorer-column-row.is-active .explorer-column-row-chevron{color:#ffffffb3}.explorer-action-btn{color:#0a0a0e;height:32px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d8d8de;border-radius:4px;flex:none;align-items:center;gap:.4rem;padding:0 .7rem;font-size:.85rem;font-weight:500;transition:background .1s,border-color .1s,color .1s,box-shadow .1s;display:inline-flex}.explorer-action-btn svg{color:#5a5a64;flex:none}.explorer-action-btn:hover:not(:disabled){background:#f4f4f7;border-color:#b4b4be}.explorer-action-btn:active:not(:disabled){background:#ececf0;box-shadow:inset 0 1px 2px #00000026}.explorer-action-btn.primary{color:#fff;background:#2a2a32;border-color:#2a2a32}.explorer-action-btn.primary svg{color:#fff}.explorer-action-btn.primary:hover:not(:disabled){background:#0a0a0e;border-color:#0a0a0e}.explorer-action-btn:disabled{opacity:.45;cursor:not-allowed}.explorer-action-btn:disabled svg{color:#9a9aa4}.explorer-view-toggle{background:#fff;border:1px solid #d8d8de;border-radius:4px;display:inline-flex;overflow:hidden}.explorer-view-btn{appearance:none;color:#5a5a64;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;transition:background .1s,color .1s;display:inline-flex}.explorer-view-btn:hover:not(.active){color:#0a0a0e;background:#f4f4f7}.explorer-view-btn.active{color:#fff;background:#2a2a32}.explorer-view-btn:first-child{border-right:1px solid #d8d8de}.explorer-selection-count{color:#1d4ed8;white-space:nowrap;margin-left:.5rem;font-size:.85rem;font-weight:600}.explorer-selection-clear{appearance:none;color:#5a5a64;cursor:pointer;background:0 0;border:none;border-radius:4px;width:24px;height:24px;padding:0;font-size:1.2rem;line-height:1;transition:background .1s,color .1s}.explorer-selection-clear:hover{color:#0a0a0e;background:#f4f4f7}.explorer-rename-input{width:100%;font:inherit;color:#0a0a0e;background:#fff;border:2px solid #1d4ed8;border-radius:4px;padding:.2rem .4rem;font-size:.85rem}.explorer-rename-input:focus{outline:none}.explorer-tile-name-wrap{width:100%;min-height:1.2em;margin-top:.45rem}.explorer-body{min-height:200px;position:relative}.explorer-loading-overlay{z-index:5;pointer-events:none;background:#f8f8fab3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.explorer-loading-spinner{border:3px solid #d8d8de;border-top-color:#2a2a32;border-radius:50%;width:28px;height:28px;animation:.7s linear infinite explorer-spinner-rotate}@keyframes explorer-spinner-rotate{to{transform:rotate(360deg)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.explorer-new-folder-form{gap:.5rem;margin-bottom:1.25rem;display:flex}.explorer-new-folder-input{color:#0a0a0e;background:#fff;border:2px solid #2a2a32;border-radius:6px;flex:auto;min-width:0;max-width:360px;height:36px;padding:0 .75rem;font-family:inherit;font-size:.95rem;font-weight:500}.explorer-new-folder-input:focus{border-color:#1d4ed8;outline:none}.explorer-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.85rem;display:grid}.explorer-tile{text-align:center;cursor:pointer;background:0 0;border:2px solid #0000;border-radius:8px;flex-direction:column;align-items:stretch;min-height:200px;padding:.5rem;font-family:inherit;transition:background .12s,border-color .12s;display:flex}.explorer-tile-folder{appearance:none}.explorer-tile-media{cursor:default}.explorer-tile:hover{background:#fff;border-color:#d8d8de}.explorer-tile-folder:hover{border-color:#2a2a32}.explorer-tile.is-selected{background:#eff6ff;border-color:#1d4ed8}.explorer-tile.is-selected:hover{background:#dbeafe}.explorer-tile.is-drop-over{background:#fef3c7;border-color:#ca8a04}.explorer-tile-icon{color:#5a5a64;background:#f4f4f7;border-radius:6px;justify-content:center;align-items:center;width:100%;height:110px;display:flex}.explorer-thumb{background:#f4f4f7;border-radius:6px;width:100%;height:110px;position:relative;overflow:hidden}.explorer-thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.explorer-thumb-loading{background:linear-gradient(135deg,#f4f4f7 0%,#ececf0 50%,#f4f4f7 100%);position:absolute;inset:0}.explorer-thumb-icon{color:#9a9aa4;justify-content:center;align-items:center;display:flex}.explorer-tile-name{color:#0a0a0e;-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;margin-top:.45rem;font-size:.85rem;font-weight:500;line-height:1.2;display:-webkit-box;overflow:hidden}.explorer-tile-meta{color:#9a9aa4;margin-top:.15rem;font-size:.75rem}.explorer-list{border-collapse:collapse;width:100%;font-size:.9rem}.explorer-list thead th{text-align:left;color:#5a5a64;letter-spacing:.02em;text-transform:uppercase;background:0 0;border-bottom:2px solid #d8d8de;padding:.55rem .75rem;font-size:.8rem;font-weight:600}.explorer-list-col-name{width:auto}.explorer-list-col-kind{width:110px}.explorer-list-col-date{width:130px}.explorer-list-col-size{text-align:right;width:110px}.explorer-list tbody td{color:#0a0a0e;vertical-align:middle;border-bottom:1px solid #ececf0;padding:.55rem .75rem}.explorer-list tbody tr:last-child td{border-bottom:none}.explorer-list-row{cursor:pointer;transition:background .1s}.explorer-list-row:hover{background:#f4f4f7}.explorer-list-row.is-selected,.explorer-list-row.is-selected:hover{background:#eff6ff}.explorer-list-row.is-selected td{color:#1d4ed8}.explorer-list-row.is-drop-over,.explorer-list-row.is-drop-over:hover{background:#fef3c7}.explorer-list-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .1s}.explorer-list-sortable:hover{color:#0a0a0e}.explorer-list tbody td:last-child{text-align:right;color:#5a5a64;font-variant-numeric:tabular-nums}.explorer-list tbody td:nth-child(2),.explorer-list tbody td:nth-child(3){color:#5a5a64}.explorer-list-name{color:#0a0a0e;align-items:center;gap:.6rem;font-weight:500;display:flex}.explorer-list-thumb{color:#9a9aa4;background:#f4f4f7;border-radius:4px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:flex;overflow:hidden}.explorer-list-thumb img{object-fit:cover;width:100%;height:100%}.vault-empty{color:#9a9aa4;margin:0;font-size:.95rem;font-style:italic}.vault-empty-drop{color:#5a5a64;width:100%;min-height:220px;font:inherit;cursor:pointer;background:#fff;border:2px dashed #d8d8de;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:2rem 1rem;transition:border-color .12s,background .12s,color .12s;display:flex}.vault-empty-drop:hover:not(:disabled){color:#0a0a0e;background:#f8f8fa;border-color:#2a2a32}.vault-empty-drop:disabled{opacity:.7;cursor:progress}.vault-empty-drop-title{color:inherit;font-size:1rem;font-weight:600}.vault-empty-drop-sub{color:#9a9aa4;font-size:.85rem}.vault-connect-source{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;width:100%;min-height:260px;margin-top:.5rem;padding:2.5rem 1.5rem;display:flex}.vault-connect-source-icon{color:#9a9aa4;margin-bottom:.2rem}.vault-connect-source-title{color:#0a0a0e;font-size:1.05rem;font-weight:600}.vault-connect-source-sub{color:#5a5a64;max-width:30rem;font-size:.9rem;line-height:1.45}.vault-connect-source-btn{color:#fff;font:inherit;cursor:pointer;background:#2a2a32;border:none;border-radius:6px;margin-top:.5rem;padding:.6rem 1.25rem;font-size:.95rem;font-weight:600;transition:background .12s}.vault-connect-source-btn:hover:not(:disabled){background:#0a0a0e}.vault-connect-source-btn:disabled{opacity:.7;cursor:progress}.vault-connect-source-soon{color:#9a9aa4;font-size:.8rem}.vault-upload-error{color:#b91c1c;background:#fef2f2;border:2px solid #b91c1c;border-radius:6px;margin:.75rem 0 0;padding:.55rem .75rem;font-size:.9rem;font-weight:500}.vault-risk-banner{color:#92400e;background:#fef3c7;border:2px solid #fcd34d;border-radius:8px;align-items:center;gap:.625rem;margin:.75rem .75rem 0;padding:.6rem .75rem;font-size:.9rem;display:flex}.vault-risk-banner-icon{flex:none;align-items:center;display:inline-flex}.vault-risk-banner-text{flex:auto;line-height:1.35}.vault-risk-banner-text strong{font-weight:600}.vault-risk-banner-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#b45309;border:none;border-radius:6px;flex:none;height:32px;padding:0 .85rem;font-size:.85rem;font-weight:600}.vault-risk-banner-btn:hover{background:#92400e}.invite-accept-banner{z-index:30;color:#0a0a0e;background:#fff;border:2px solid #1d4ed8;border-radius:8px;align-items:center;gap:.75rem;width:calc(100% - 7rem);max-width:680px;padding:.7rem .9rem;font-size:.9rem;display:flex;position:absolute;top:.75rem;left:50%;transform:translate(-50%)}.invite-accept-banner-text{flex:auto;line-height:1.35}.invite-accept-banner-text strong{font-weight:600}.invite-accept-banner-actions{flex:none;align-items:center;gap:.5rem;display:flex}.invite-accept-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#1d4ed8;border:none;border-radius:6px;height:34px;padding:0 .9rem;font-family:inherit;font-size:.85rem;font-weight:600}.invite-accept-btn:hover{background:#1740b0}.invite-accept-dismiss{color:#5a5a64;cursor:pointer;white-space:nowrap;background:0 0;border:none;height:34px;padding:0 .6rem;font-family:inherit;font-size:.85rem;font-weight:600}.invite-accept-dismiss:hover{color:#0a0a0e}.cloud-lapse-notice{color:#92400e;background:#fef3c7;border:2px solid #fcd34d;border-radius:8px;margin:.5rem 0 0;padding:.6rem .7rem;font-size:.85rem;line-height:1.4}.cloud-lapse-notice strong{font-weight:600}.admin-alert-banner{z-index:1000;flex-direction:column;gap:6px;width:min(680px,100vw - 96px);display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%)}.admin-alert-row{color:#b91c1c;background:#fef2f2;border:2px solid #b91c1c;border-radius:8px;align-items:center;gap:.625rem;padding:.55rem .75rem;font-size:.85rem;display:flex;box-shadow:0 4px 14px #0000001f}.admin-alert-tag{text-transform:uppercase;letter-spacing:.04em;color:#fff;background:#b91c1c;border-radius:4px;flex:none;padding:2px 6px;font-size:.65rem;font-weight:700}.admin-alert-detail{flex:auto;font-weight:500;line-height:1.35}.admin-alert-dismiss{color:#b91c1c;cursor:pointer;background:0 0;border:none;flex:none;padding:0 2px;font-size:1.1rem;line-height:1}.admin-alert-dismiss:hover{color:#7f1212}.profile-page{background:#f8f8fa;grid-area:tree;padding-left:56px;position:relative;overflow-y:auto}.profile-hero{align-items:flex-start;gap:2rem;max-width:960px;margin:1.5rem auto 0;padding:0 1.5rem;display:flex}.profile-preview-bar{color:#5a5a64;border:2px solid #0000;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.6rem;max-width:960px;margin:1.25rem auto 0;padding:.55rem 1.5rem;display:flex}.profile-preview-bar.is-active{background:#f4f4f7;border-color:#1d4ed8}.profile-preview-bar>svg{color:#5a5a64;flex:none}.profile-preview-bar.is-active,.profile-preview-bar.is-active>svg{color:#1d4ed8}.profile-preview-bar-label{color:#0a0a0e;font-size:.9rem;font-weight:600}.profile-preview-select{color:#0a0a0e;height:34px;font:inherit;cursor:pointer;background:#fff;border:2px solid #2a2a32;border-radius:6px;padding:0 .5rem;font-size:.9rem;font-weight:500}.profile-preview-select:focus{border-color:#1d4ed8;outline:none}.profile-preview-bar-note{color:#5a5a64;font-size:.85rem}.profile-preview-bar.is-active .profile-preview-bar-note{color:#0a0a0e}.profile-hero-photo{background:#e8e8ee;border:3px solid #2a2a32;border-radius:50%;flex:none;width:160px;height:160px;overflow:hidden}.profile-hero-photo img{object-fit:cover;width:100%;height:100%;display:block}.profile-hero-photo-placeholder{background:linear-gradient(135deg,#c4c4cd,#9a9aa4);width:100%;height:100%}.profile-hero-body{flex-direction:column;flex:auto;gap:.6rem;min-width:0;padding-top:.5rem;display:flex}.profile-hero-name{color:#0a0a0e;letter-spacing:.005em;word-break:break-word;margin:0;font-size:1.75rem;font-weight:700}.profile-hero-name-input{color:#0a0a0e;letter-spacing:.005em;width:100%;max-width:480px;box-shadow:none;background:#fff;border:none;border-bottom:1.5px solid #d8d8de;border-radius:6px 6px 0 0;margin-left:-.4rem;padding:.1rem .4rem .35rem;font-family:inherit;font-size:1.75rem;font-weight:700}.profile-hero-name-input::placeholder{color:#0a0a0e;opacity:1}.profile-hero-name-input.is-unnamed::placeholder{color:#9a9aa4}.profile-hero-name-input:focus{background:#fff8e1;border-bottom-color:#1d4ed8;outline:none}.profile-hero-namerow{align-items:center;gap:1rem;display:flex}.profile-open-tree-btn{color:#0a0a0e;cursor:pointer;white-space:nowrap;background:#fff;border:2px solid #2a2a32;border-radius:6px;flex:none;align-items:center;gap:.45rem;margin-left:auto;padding:.45rem .8rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:background .12s,color .12s;display:inline-flex}.profile-open-tree-btn:hover{color:#fff;background:#2a2a32}.profile-open-tree-btn:focus-visible{outline-offset:2px;outline:2px solid #1d4ed8}.profile-hero-relationship{color:#5a5a64;font-size:.95rem;font-weight:500}.profile-hero-chips{flex-wrap:wrap;gap:.4rem;display:flex}.profile-hero-chip{color:#1a1a1f;background:#fff;border:1.5px solid #c4c4cd;border-radius:999px;align-items:center;padding:.25rem .65rem;font-size:.85rem;font-weight:500;display:inline-flex}.profile-hero-family{flex-direction:column;gap:.45rem;margin-top:.5rem;display:flex}.profile-hero-family-section{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.profile-hero-family-label{text-transform:uppercase;letter-spacing:.08em;color:#5a5a64;flex:0 0 70px;font-size:.78rem;font-weight:600}.profile-hero-family-avatars{flex-wrap:wrap;gap:.5rem;display:flex}.profile-hero-family-avatar{cursor:pointer;color:#1a1a1f;background:#fff;border:1.5px solid #c4c4cd;border-radius:999px;align-items:center;gap:.4rem;padding:.2rem .65rem .2rem .2rem;font-family:inherit;font-size:.85rem;font-weight:500;transition:background .12s,border-color .12s;display:inline-flex}.profile-hero-family-avatar:hover{background:#f4f4f7;border-color:#9a9aa4}.profile-hero-family-avatar-dot{background:#e8e8ee;border-radius:50%;flex:none;width:26px;height:26px}.profile-hero-family-name{white-space:nowrap}.profile-tabs{border-bottom:1px solid #d8d8de;gap:.3rem;max-width:960px;margin:1.5rem auto 0;padding:0 1.5rem;display:flex}.profile-tab{color:#5a5a64;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.65rem 1rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:color .12s,border-color .12s}.profile-tab:hover{color:#0a0a0e}.profile-tab.is-active{color:#0a0a0e;border-bottom-color:#0a0a0e}.profile-content{max-width:960px;margin:1.25rem auto 3rem;padding:0 1.5rem}.profile-empty{text-align:center;color:#5a5a64;padding:2.5rem 0;font-size:.95rem}.profile-section{background:#fff;border:2px solid #2a2a32;border-radius:10px;padding:1rem 1.25rem 1.25rem}.profile-section-title{letter-spacing:.08em;text-transform:uppercase;color:#5a5a64;margin:0 0 .75rem;font-size:.78rem;font-weight:600}.profile-about-editor{background:#fff;border:2px solid #2a2a32;border-radius:10px;padding:1rem .5rem .5rem}.profile-about-editor .person-panel-header{position:static}.profile-about{flex-direction:column;gap:1.25rem;display:flex}.profile-fields{grid-template-columns:160px 1fr;gap:.5rem 1rem;margin:0;display:grid}.profile-field{display:contents}.profile-field-label{color:#0a0a0e;word-break:break-word;font-size:.95rem;font-weight:600}.profile-field-value{color:#1a1a1f;white-space:pre-wrap;word-break:break-word;margin:0;font-size:.95rem;font-weight:500}.profile-field-empty{color:#9a9aa4}.profile-family-embed .react-flow__node-person .person-node{box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;text-align:center;width:150px;overflow:hidden;transform:none}.profile-family-embed{background:#fff;border:2px solid #2a2a32;border-radius:10px;max-width:100%;margin:0 auto;position:relative;overflow:hidden}.profile-family-embed .react-flow{background:#fff}.profile-family-embed .react-flow__pane,.profile-family-embed .react-flow__node{cursor:default}.profile-family-embed .react-flow__node-person{cursor:pointer}.profile-family-embed .react-flow__node-person.is-self-embed{cursor:default}.profile-family-embed .react-flow__node-person.is-self-embed .person-node,.profile-family-embed .react-flow__node-person.is-self-embed .person-node:hover{box-shadow:0 0 0 2px #1d4ed8}.profile-family{flex-direction:column;gap:1.25rem;display:flex}.profile-family-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.85rem;display:grid}.profile-family-card{cursor:pointer;background:#fff;border:1.5px solid #d8d8de;border-radius:10px;flex-direction:column;align-items:center;gap:.45rem;padding:.85rem .5rem;font-family:inherit;transition:border-color .12s,background .12s;display:flex}.profile-family-card:hover{background:#f8f8fa;border-color:#2a2a32}.profile-family-card-photo{background:#e8e8ee;border:1.5px solid #c4c4cd;border-radius:50%;width:70px;height:70px;overflow:hidden}.profile-family-card-photo img{object-fit:cover;width:100%;height:100%;display:block}.profile-family-card-name{color:#0a0a0e;text-align:center;word-break:break-word;font-size:.9rem;font-weight:600}.profile-family-card-meta{color:#5a5a64;font-size:.8rem}.profile-timeline-placeholder{background:#fff;border:2px solid #2a2a32;border-radius:10px;padding:1.5rem}.edge-popup{z-index:30;background:#fff;border:2px solid #2a2a32;border-radius:8px;flex-direction:column;gap:.5rem;padding:.65rem .75rem .75rem;font-family:system-ui,-apple-system,sans-serif;display:flex;box-shadow:0 4px 14px #0a0a0e26}.edge-popup-section-title{letter-spacing:.08em;text-transform:uppercase;color:#5a5a64;font-size:.85rem;font-weight:600}.edge-popup-pills{flex-wrap:wrap;gap:.35rem;display:flex}.edge-popup-pill{color:#1a1a1f;cursor:pointer;background:#fff;border:1.5px solid #c4c4cd;border-radius:5px;padding:.35rem .7rem;font-family:inherit;font-size:.95rem;font-weight:500;transition:background .12s,border-color .12s,color .12s}.edge-popup-pill:hover{background:#f4f4f7;border-color:#9a9aa4}.edge-popup-pill.is-active{color:#fff;background:#2a2a32;border-color:#2a2a32}.edge-popup-remove{color:#c54a4a;cursor:pointer;text-align:center;background:0 0;border:1.5px solid #c54a4a;border-radius:6px;margin-top:.2rem;padding:.5rem .65rem;font-family:inherit;font-size:.95rem;font-weight:500;transition:background .12s,color .12s}.edge-popup-remove:hover{color:#fff;background:#c54a4a}.shared-vault{background:#f8f8fa;grid-area:tree;height:100vh;padding:28px 32px 48px 88px;overflow-y:auto}.shared-vault-head{margin-bottom:20px}.shared-vault-title{color:#0a0a0e;margin:0 0 4px;font-size:1.25rem;font-weight:700}.shared-vault-sub{color:#5a5a64;max-width:520px;margin:0;font-size:.9rem;line-height:1.45}.shared-vault-empty{color:#5a5a64;max-width:460px;padding:24px 0;font-size:.95rem;line-height:1.5}.shared-vault-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;display:grid}.shared-tile{background:#fff;border:2px solid #2a2a32;border-radius:8px;flex-direction:column;margin:0;display:flex;overflow:hidden}.shared-tile-thumb{aspect-ratio:1;color:#9a9aa4;background:#f4f4f7;justify-content:center;align-items:center;display:flex}.shared-tile-thumb img{object-fit:cover;width:100%;height:100%;display:block}.shared-tile-cap{flex-direction:column;gap:2px;min-width:0;padding:8px 10px;display:flex}.shared-tile-name{color:#0a0a0e;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.shared-tile-owner{color:#5a5a64;font-size:.78rem}.vault-share{border-top:1px solid #d8d8de;margin-top:16px;padding-top:16px}.vault-share-open{color:#0a0a0e;cursor:pointer;background:#fff;border:2px solid #2a2a32;border-radius:6px;align-items:center;gap:6px;padding:7px 12px;font-size:.9rem;font-weight:600;transition:background .12s;display:inline-flex}.vault-share-open:hover{background:#f4f4f7}.vault-share-form{flex-direction:column;gap:10px;display:flex}.vault-share-label{color:#5a5a64;flex-direction:column;gap:4px;font-size:.85rem;font-weight:600;display:flex}.vault-share-label input{border:2px solid #2a2a32;border-radius:6px;height:36px;padding:0 10px;font-size:.95rem;font-weight:500}.vault-share-label input:focus{border-color:#1d4ed8;outline:none}.vault-share-send{color:#fff;cursor:pointer;background:#2a2a32;border:2px solid #2a2a32;border-radius:6px;align-self:flex-start;padding:7px 16px;font-size:.9rem;font-weight:600}.vault-share-send:disabled{opacity:.6;cursor:default}.vault-share-hint{color:#5a5a64;font-size:.85rem;line-height:1.45}.vault-share-msg{margin-top:10px;font-size:.85rem;line-height:1.4}.vault-share-msg.ok{color:#15803d}.vault-share-msg.err{color:#b91c1c}.albums-page{background:#f8f8fa;grid-area:tree;height:100vh;padding:28px 32px 48px 88px;overflow-y:auto}.albums-detail{grid-area:tree;grid-template-columns:1fr var(--right-panel-width);background:#f8f8fa;height:100vh;padding-left:56px;display:grid;overflow:hidden}.albums-detail-main{padding:28px 32px 48px;overflow-y:auto}.albums-detail-panel{background:#fff;border-left:2px solid #2a2a32;height:100%;overflow-y:auto}.album-panel-section{flex-direction:column;gap:6px;display:flex}.album-panel-section .album-sync-select{width:100%}.album-panel-actions{flex-direction:column;gap:8px;margin-top:4px;display:flex}.album-panel-action{color:#0a0a0e;cursor:pointer;text-align:center;background:#fff;border:2px solid #2a2a32;border-radius:6px;padding:9px 12px;font-family:inherit;font-size:.9rem;font-weight:600}.album-panel-action:hover{background:#f4f4f7}.album-panel-action-danger{color:#b91c1c;border-color:#b91c1c}.album-panel-action-danger:hover{background:#fef2f2}.albums-head{margin-bottom:18px}.albums-title{color:#0a0a0e;margin:0 0 4px;font-size:1.5rem;font-weight:700}.albums-sub{color:#5a5a64;max-width:560px;margin:0;font-size:.9rem;line-height:1.45}.albums-back{color:#5a5a64;cursor:pointer;background:0 0;border:none;margin-bottom:16px;padding:0;font-size:.9rem;font-weight:600}.albums-back:hover{color:#0a0a0e}.albums-new-btn{color:#0a0a0e;cursor:pointer;background:#fff;border:2px solid #2a2a32;border-radius:6px;margin-bottom:24px;padding:8px 14px;font-size:.9rem;font-weight:600}.albums-new-btn:hover{background:#f4f4f7}.albums-create{align-items:center;gap:8px;margin-bottom:24px;display:flex}.albums-create input{border:2px solid #2a2a32;border-radius:6px;min-width:240px;height:38px;padding:0 10px;font-size:.95rem;font-weight:500}.albums-create input:focus{border-color:#1d4ed8;outline:none}.albums-create-btn{color:#fff;cursor:pointer;background:#2a2a32;border:2px solid #2a2a32;border-radius:6px;height:38px;padding:0 16px;font-size:.9rem;font-weight:600}.albums-create-btn:disabled{opacity:.6;cursor:default}.albums-cancel-btn{color:#5a5a64;cursor:pointer;background:0 0;border:none;height:38px;font-size:.9rem;font-weight:600}.albums-empty{color:#5a5a64;max-width:460px;padding:8px 0;font-size:.95rem;line-height:1.5}.albums-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:18px;display:grid}.album-card{text-align:left;cursor:pointer;font:inherit;background:#fff;border:2px solid #2a2a32;border-radius:8px;flex-direction:column;padding:0;display:flex;overflow:hidden}.album-card:hover{background:#f4f4f7}.album-card-cover{aspect-ratio:4/3;color:#9a9aa4;background:#f4f4f7;justify-content:center;align-items:center;display:flex}.album-card-name{color:#0a0a0e;white-space:nowrap;text-overflow:ellipsis;padding:8px 10px 0;font-size:.9rem;font-weight:600;overflow:hidden}.album-card-count{color:#5a5a64;align-items:center;gap:7px;padding:2px 10px 10px;font-size:.78rem;display:flex}.album-synced-tag{text-transform:uppercase;letter-spacing:.03em;color:#5a5a64;background:#f4f4f7;border-radius:4px;padding:1px 6px;font-size:.66rem;font-weight:700}.album-cover-img{object-fit:cover;width:100%;height:100%;display:block}.album-photos-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;display:grid}.album-photo{aspect-ratio:1;cursor:pointer;background:#f4f4f7;border:2px solid #2a2a32;border-radius:8px;position:relative;overflow:hidden}.album-photo.selected{box-shadow:0 0 0 3px #1d4ed8}.album-photo-thumb{color:#9a9aa4;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.album-photo-thumb img{object-fit:cover;width:100%;height:100%;display:block}.album-photo-remove{color:#fff;cursor:pointer;background:#0a0a0e99;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;line-height:1;display:flex;position:absolute;top:6px;right:6px}.album-photo-remove:hover{background:#0a0a0ed9}.album-photo-sortable{cursor:grab;touch-action:none}.album-photo-sortable:active{cursor:grabbing}.vault-album-box{margin-top:12px}.vault-album-open{color:#0a0a0e;cursor:pointer;background:#fff;border:2px solid #2a2a32;border-radius:6px;align-items:center;gap:6px;padding:7px 12px;font-size:.9rem;font-weight:600;display:inline-flex}.vault-album-open:hover{background:#f4f4f7}.vault-album-head{color:#5a5a64;margin-bottom:8px;font-size:.85rem;font-weight:600}.vault-album-note{color:#9a9aa4;margin-bottom:10px;font-size:.78rem;line-height:1.4}.vault-album-row-note{color:#b45309;flex:none;margin-left:auto;font-size:.72rem;font-weight:500}.vault-album-list{flex-direction:column;gap:2px;margin:0 0 8px;padding:0;list-style:none;display:flex}.vault-album-row{text-align:left;color:#0a0a0e;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:7px 8px;font-size:.9rem;font-weight:500;display:flex}.vault-album-row:hover{background:#f4f4f7}.vault-album-row.on{font-weight:600}.vault-album-check{color:#15803d;width:16px;font-weight:700}.vault-album-row-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vault-album-create{gap:6px;margin-bottom:8px;display:flex}.vault-album-create input{border:2px solid #2a2a32;border-radius:6px;flex:1;min-width:0;height:34px;padding:0 8px;font-size:.9rem}.vault-album-create input:focus{border-color:#1d4ed8;outline:none}.vault-album-create-btn{color:#fff;cursor:pointer;background:#2a2a32;border:2px solid #2a2a32;border-radius:6px;height:34px;padding:0 12px;font-size:.85rem;font-weight:600}.vault-album-create-btn:disabled{opacity:.6;cursor:default}.vault-album-new{color:#1d4ed8;cursor:pointer;background:0 0;border:none;margin-bottom:6px;padding:4px 0;font-size:.88rem;font-weight:600;display:block}.vault-album-done{color:#5a5a64;cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:.85rem;font-weight:600;display:block}.album-detail-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.album-detail-actions{gap:8px;display:flex}.album-action{color:#0a0a0e;cursor:pointer;background:#fff;border:2px solid #2a2a32;border-radius:6px;padding:6px 12px;font-size:.85rem;font-weight:600}.album-action:hover{background:#f4f4f7}.album-action-danger{color:#b91c1c;border-color:#b91c1c}.album-action-danger:hover{background:#fef2f2}.album-sync-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:4px;display:flex}.album-sync-label{color:#5a5a64;font-size:.85rem;font-weight:600}.album-sync-select{cursor:pointer;background:#fff;border:2px solid #2a2a32;border-radius:6px;height:36px;padding:0 .6rem;font-family:inherit;font-size:.9rem;font-weight:500}.album-sync-select:focus{border-color:#1d4ed8;outline:none}.album-sync-warning{color:#b45309;font-size:.82rem}.album-rename{align-items:center;gap:8px;width:100%;display:flex}.album-rename input{border:2px solid #2a2a32;border-radius:6px;min-width:260px;height:40px;padding:0 10px;font-size:1.1rem;font-weight:700}.album-rename input:focus{border-color:#1d4ed8;outline:none}.album-rename-save{color:#fff;cursor:pointer;background:#2a2a32;border:2px solid #2a2a32;border-radius:6px;height:40px;padding:0 16px;font-size:.9rem;font-weight:600}.album-rename-save:disabled{opacity:.6;cursor:default}.album-rename-cancel{color:#5a5a64;cursor:pointer;background:0 0;border:none;height:40px;font-size:.9rem;font-weight:600}.contribute-page{background:#f8f8fa;min-height:100vh;overflow-y:auto}.contribute-inner{max-width:880px;margin:0 auto;padding:40px 24px 64px}.contribute-header{justify-content:space-between;align-items:center;display:flex}.contribute-title{color:#0a0a0e;font-size:1.5rem;font-weight:700}.contribute-signout{color:#5a5a64;cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:.9rem;font-weight:600}.contribute-signout:hover{color:#0a0a0e}.contribute-sub{color:#5a5a64;max-width:560px;margin:8px 0 28px;font-size:.95rem;line-height:1.5}.contribute-empty{color:#5a5a64;font-size:.95rem}.contribute-albums{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.contribute-album-card{cursor:pointer;font:inherit;text-align:left;background:#fff;border:2px solid #2a2a32;border-radius:8px;width:100%;padding:0;display:block;overflow:hidden}.contribute-back{color:#5a5a64;cursor:pointer;background:0 0;border:none;margin-bottom:12px;padding:0;font-family:inherit;font-size:.9rem;font-weight:600}.contribute-back:hover{color:#0a0a0e}.contribute-album-title{color:#0a0a0e;margin:0 0 4px;font-size:1.4rem;font-weight:700}.contribute-add-btn{color:#fff;cursor:pointer;background:#2a2a32;border:none;border-radius:6px;margin:4px 0 8px;padding:10px 16px;font-family:inherit;font-size:.95rem;font-weight:600}.contribute-add-btn:hover:not(:disabled){background:#0a0a0e}.contribute-add-btn:disabled{opacity:.5;cursor:default}.contribute-error{color:#b91c1c;background:#fef2f2;border-radius:6px;max-width:560px;margin:8px 0;padding:.55rem .7rem;font-size:.85rem}.contribute-uploads{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin-top:20px;display:grid}.contribute-upload{aspect-ratio:1;background:#f4f4f7;border:2px solid #2a2a32;border-radius:8px;overflow:hidden}.contribute-upload img{object-fit:cover;width:100%;height:100%;display:block}.contribute-upload-loading{background:#ececf0;width:100%;height:100%}.contribute-login{max-width:420px;margin:12vh auto 0;padding:0 24px}.contribute-login-form{flex-direction:column;gap:12px;margin-top:12px;display:flex}.contribute-login-form input{border:2px solid #2a2a32;border-radius:6px;height:44px;padding:0 .8rem;font-family:inherit;font-size:1rem;font-weight:500}.contribute-login-form input:focus{border-color:#1d4ed8;outline:none}.contribute-login-form .contribute-add-btn{margin:4px 0 0}.contribute-login-form .contribute-back{align-self:flex-start;margin:2px 0 0}.contribute-album-cover{aspect-ratio:16/10;color:#9a9aa4;background:#f4f4f7;justify-content:center;align-items:center;display:flex}.contribute-album-name{color:#0a0a0e;padding:10px 12px;font-size:.95rem;font-weight:600}