:root{--bg:#f7f7f7;--brand:#0062ff;--accent:#2b7fff;--text:#2e2e2e;--muted:#7a8494;--border:#e4e8ee;--surface:#fff;--error:#c0392b;--error-soft:color-mix(in srgb, var(--error) 5%, transparent);--success:#22a06b;--success-soft:color-mix(in srgb, var(--success) 5%, transparent);--sans:"Roboto", system-ui, sans-serif;--display:"PT Serif", Georgia, "Times New Roman", serif;--mono:"SF Mono", "Fira Mono", Consolas, monospace;--sidebar-w-view:760px;--sidebar-w-catalog:440px;--sidebar-w-edit:400px;--sidebar-w:var(--sidebar-w-view);--input-on-white:#f7f7f7;--input-on-gray:#fff;--sidebar-pad-x:20px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--shadow-sm:0 8px 32px color-mix(in srgb, var(--text) 12%, transparent);--shadow-md:0 16px 48px color-mix(in srgb, var(--text) 13.3%, transparent);--shadow-lg:0 24px 64px color-mix(in srgb, var(--text) 18%, transparent)}.pins-layer{pointer-events:none;z-index:8;opacity:1;transition:opacity .35s;position:absolute;inset:0}.pins-layer--hidden{opacity:0;pointer-events:none}.pin{opacity:0;pointer-events:auto;cursor:pointer;justify-content:center;align-items:center;transition:opacity .35s;display:flex;position:absolute;transform:translate(-50%,-100%)}.pin.visible{opacity:1}.pins-layer--ultimi .pin.visible:not(.pin--pending):not(.active){opacity:.32}.pins-layer--ultimi .pin.visible.pin--pending,.pins-layer--ultimi .pin.visible.active{opacity:1}.pin-icon{background:var(--surface);width:32px;height:32px;color:var(--text);box-shadow:0 2px 12px color-mix(in srgb, var(--text) 12%, transparent);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;transition:box-shadow .2s,opacity .2s;display:flex;position:relative}.pin--empty .pin-icon{opacity:.5}.pin-tag-ring{pointer-events:none;color:var(--text);position:absolute;inset:0}.pin-label{background:var(--surface);color:var(--text);box-shadow:0 2px 12px color-mix(in srgb, var(--text) 12%, transparent);white-space:nowrap;opacity:0;pointer-events:none;z-index:2;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:500;transition:opacity .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.pin:hover .pin-label,.pin--hovered .pin-label{opacity:1}.pin.active .pin-icon{box-shadow:0 0 0 3px var(--surface), 0 0 0 5px var(--accent)}.pin-dot{background:var(--accent);width:10px;height:10px;box-shadow:0 0 0 2px var(--surface);pointer-events:none;border-radius:50%;position:absolute;top:-1px;right:-1px}